ユーザーがログインしたら、jQuery を使用してコンテンツ div を空にし、別のページをその div にロードしたいと考えています。
ボタンがクリックされると機能する通常の方法を使用します。
$(document).ready(function() {
$("#login").click(function() {
$("#content").empty();
$("#content").load("DIS-loginform.php");
});
});
コンテンツ div に別のページをロードするために何かをクリックしたくありません。
これはメイン ページのサイドバーにあるログイン スクリプトで、ログインするとユーザーのユーザー名が出力されます。
<?php //LOGIN PHP SCRIPT
$login = $_POST['username'];
$loginpass =$_POST['password'];
if((isset($login)) || (isset($loginpass))){
include("DIS-connect.php");
$query = "SELECT * FROM user WHERE username='$login' and password=('$loginpass')";
$result = mysql_query($query) or die($query."<br/><br/>".mysql_error());
$count = mysql_num_rows($result);
//echo $count;
if($count >0){
echo "Logged in as <button id='user' value='$login'>$login</button>";
$_SESSION['valid_user'] = $login;
}
else{
echo "<p>sorry login failed</p>";
}
}
// LOGIN PHP END ?> `
これは、ログイン オプションが選択されたときにメイン ページのコンテンツ div に読み込まれる単純なログイン フォームです。
<div id="login">
<form name="login" action="DIS-home.php" method="POST"
onSubmit="return confirm('Continue with Login?');">
<table border="1">
<tr>
<th>Username</th><td><input name="username" type="text" id="username" /></td>
</tr>
<tr>
<th>Password</th><td><input name="password" type="password" id="password" /></td>
</tr>
</table>
<input type="submit" name="Submit" value="Login" id="loginbutton" />
</form>
</div>