<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="css/index.css" />
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
function check() {
var a = document.getElementById("text1").value;
var b = document.getElementById("password1").value;
if (a == "raj" && b == "password" || a == "RAJ" && b == "password" || a == "Raj" && b == "password") {
window.location.href = "#pagetwo";
document.getElementById("show").innerHTML = a;
}
else {
alert("wrong username/password");
}
}
</script>
</head>
<body>
<!--page one-->
<div data-role="page" id="pageone">
<div data-role="header">
<h1> Welcome To HomePAGE </h1>
</div>
<p><center><h1>login form</h1></center></p>
<div data-role="main" class="ui-content">
<table>
<tr>
<td>username</td>
<td><input type="text" id="text1" /></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" id="password1" /></td>
</tr>
</table>
<center><input type="button" value="login" onclick="check()" /></center>
</div>
<div data-role="footer" data-position="fixed">
<h1> FOOTER</h1>
</div>
</div>
<!--page two-->
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1> hello world </h1>
</div>
<div data-role="main" class="ui-content">
<p>Welcome</p>
<a href="#pageone">go back</a>
<div id="show">
</div>
</div>
<div data-role="footer" data-position="fixed">
<h1> FOOTER</h1>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="css/index.css" />
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
function check() {
var a = document.getElementById("text1").value;
var b = document.getElementById("password1").value;
if (a == "raj" && b == "password" || a == "RAJ" && b == "password" || a == "Raj" && b == "password") {
window.location.href = "#pagetwo";
document.getElementById("show").innerHTML = a;
}
else {
alert("wrong username/password");
}
}
</script>
</head>
<body>
<!--page one-->
<div data-role="page" id="pageone">
<div data-role="header">
<h1> Welcome To HomePAGE </h1>
</div>
<p><center><h1>login form</h1></center></p>
<div data-role="main" class="ui-content">
<table>
<tr>
<td>username</td>
<td><input type="text" id="text1" /></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" id="password1" /></td>
</tr>
</table>
<center><input type="button" value="login" onclick="check()" /></center>
</div>
<div data-role="footer" data-position="fixed">
<h1> FOOTER</h1>
</div>
</div>
<!--page two-->
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1> hello world </h1>
</div>
<div data-role="main" class="ui-content">
<p>Welcome</p>
<a href="#pageone">go back</a>
<div id="show">
</div>
</div>
<div data-role="footer" data-position="fixed">
<h1> FOOTER</h1>
</div>
</div>
</body>
</html>
No comments:
Post a Comment