|
|
|
ใส่ Submit form เพื่อ Login เข้า ระบบ ยังไงครับ คือ ใส่ Submit form เพื่อ Login เข้า ระบบ ยังไงครับ |
|
|
|
|
|
|
|
ใส่ Submit form เพื่อ Login เข้า ระบบ ยังไงครับ คือผมโหลด JQuery ฟอร์ม Login มาแต่ผมหาวิธีใส่ Submint action ไปอีก page ไม่ได้ รบกวนพี่ ๆ ช่วยชี้แนะหน่อยคับ
Code (PHP)
<?
require_once "connectdb.php";
require_once "tdate.php";
?>
<html>
<head>
<title>กรุณาเข้าสู่ระบบ...</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="javascript">
$(document).ready(function() {
$('#nav-bar').fadeIn();
$('#Log-in').click(function() {
$('#Log-in').css('background-color', '#006699');
$('#signUp').css('background-color', '#000000');
$('#submit').hide().css({'left' : '0px'});
$('#SignupForm').hide().css({'top' : '0px'});
$('#login').show().animate({
left : '52%',
},400,function(){
$('#login').css({'-webkit-transform' : 'rotate(-0deg)','-moz-transform' : 'rotate(-0deg)' });
});
///
$('#Login_form').show().animate({
top : '60px',
},700,function(){
//$('#image').css({'-webkit-transform' : 'rotate(-90deg)','-moz-transform' : 'rotate(-90deg)' });
});
});
$('#signUp').click(function() {
$('#signUp').css('background-color', '#006699');
$('#Log-in').css('background-color', '#000000');
$('#login').hide().css({'left' : '0px'});
$('#Login_form').hide().css({'top' : '0px'});
$('#submit').show().animate({
left : '52%',
},400,function(){
$('#submit').css({'-webkit-transform' : 'rotate(-0deg)','-moz-transform' : 'rotate(-0deg)' });
});
///
$('#SignupForm').show().animate({
top : '60px',
},700,function(){
//$('#image').css({'-webkit-transform' : 'rotate(-90deg)','-moz-transform' : 'rotate(-90deg)' });
});
});
});
</script>
</head>
<body>
More script and css style
: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a>
<img src="images/result.png" id="login" />
<img src="images/submit.png" id="submit" />
<div class="loginform" id="Login_form">
<form method="post" action="#">
<div>
<div class="form-item">
<label for="edit-name">Username:</label>
<input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">
</div>
<div class="form-item">
<label for="edit-pass">Password:</label>
<input type="password" class="form-text required" size="15" maxlength="60" id="edit-pass" name="pass">
</div>
</div>
</form>
</div>
<div class="loginform" id="SignupForm">
<form method="post" action="#">
<div>
<div class="form-item">
<label for="edit-name">Email:</label>
<input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">
</div>
<div class="form-item">
<label for="edit-name">Username:</label>
<input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">
</div>
<div class="form-item">
<label for="edit-pass">Password:</label>
<input type="password" class="form-text required" size="15" maxlength="60" id="edit-pass" name="pass">
</div>
</div>
</form>
</div>
<div id="nav-bar">
<div class="module-bg">
<a href="#" class="TopButtons" id="Log-in">Login</a>
<a href="#" class="TopButtons" id="signUp">SignUp</a>
</div>
</div>
<!--<img src="reg.png" id="register" />-->
</body>
</html>
Tag : PHP, JavaScript, jQuery
|
|
|
|
|
|
Date :
2013-06-26 14:50:20 |
By :
chak.jakkree |
View :
1432 |
Reply :
16 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตรง <form method="post" action="#"> ผมใส่เป็น admin.php แล้วแต่กด ตกลงไม่ไปครับ
|
|
|
|
|
Date :
2013-06-26 14:51:54 |
By :
chak.jakkree |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img src="images/result.png" id="login" /> <<<--- ใช่ปุ่มล็อกอินรึเปล่าครับ ถ้าใช่ก็ใส่ onclick แล้วก็ส่งค่าในฟอร์มไปหน้าที่ต้องการเลยครับ
|
|
|
|
|
Date :
2013-06-26 14:53:57 |
By :
{Cyberman} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช่ครับ แบบนี้หรือเปล่า ครับ <img src="images/result.png" id="login" onClick="signin.php" />
|
|
|
|
|
Date :
2013-06-26 14:58:50 |
By :
chak.jakkree |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (JavaScript)
$('#login').click(function() {
//Post By jQueryv Ajax
});
|
|
|
|
|
Date :
2013-06-26 15:03:31 |
By :
{Cyberman} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอโทดน่ะครับ ใส่ตรงไหนครับ....
|
|
|
|
|
Date :
2013-06-26 15:12:04 |
By :
chak.jakkree |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ในระหว่างโค๊ดนี้ครับ
$(document).ready(function() {
//ใส่ในนี้ หรือให้เจาะจงก็เอาไปวางที่บรรทัด 017
});
|
|
|
|
|
Date :
2013-06-26 15:22:20 |
By :
{Cyberman} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//Post By jQueryv Ajax
คือส่วนนี้เหลือไว้ให้หาเองครับ ลองค้นดูครับ
jquery $.post ใช้ไม่ยาก
เก็บข้อมูลทั้งหมดในฟอร์มก็ ดู .serialize()
|
|
|
|
|
Date :
2013-06-26 15:51:27 |
By :
{Cyberman} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
index.php
Code (PHP)
<?
require_once "connectdb.php";
require_once "tdate.php";
?>
<html>
<head>
<title>กรุณาเข้าสู่ระบบ...</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<img src="images/result.png" id="login" onClick="JavaScript:login();" />
<img src="images/submit.png" id="submit" />
<div class="loginform" id="Login_form">
<form method="post" action="signin.php">
<div>
<div class="form-item">
<label for="edit-name">Username:</label>
<input type="text" class="form-text required" value="" size="15" id="username" name="useradmin" maxlength="60">
</div>
<div class="form-item">
<label for="edit-pass">Password:</label>
<input type="password" class="form-text required" size="15" maxlength="60" id="password" name="passadmin">
</div>
</div>
</form>
</div>
<div class="loginform" id="SignupForm">
<form method="post" action="#">
<div>
<div class="form-item">
<label for="edit-name">Email:</label>
<input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">
</div>
<div class="form-item">
<label for="edit-name">Username:</label>
<input type="text" class="form-text required" value="" size="15" id="edit-name" name="name" maxlength="60">
</div>
<div class="form-item">
<label for="edit-pass">Password:</label>
<input type="password" class="form-text required" size="15" maxlength="60" id="edit-pass" name="pass">
</div>
</div>
</form>
</div>
<div id="nav-bar">
<div class="module-bg">
<a href="#" class="TopButtons" id="Log-in">Login</a>
<a href="#" class="TopButtons" id="signUp">SignUp</a>
</div>
</div>
<!--<img src="reg.png" id="register" />-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$('#nav-bar').fadeIn();
$("#Log-in").click(function() {
var url="signin.php";
var setData={ useradmin: $("input#username").val(), passadmin: $("input#password").val() };
$.post(url,setData,function(data){
});
$('#Log-in').css('background-color', '#006699');
$('#signUp').css('background-color', '#000000');
$('#submit').hide().css({'left' : '0px'});
$('#SignupForm').hide().css({'top' : '0px'});
$('#login').show().animate({
left : '52%',
},400,function(){
$('#login').css({'-webkit-transform' : 'rotate(-0deg)','-moz-transform' : 'rotate(-0deg)' });
});
///
$('#Login_form').show().animate({
top : '60px',
},700,function(){
//$('#image').css({'-webkit-transform' : 'rotate(-90deg)','-moz-transform' : 'rotate(-90deg)' });
});
});
$('#signUp').click(function() {
$('#signUp').css('background-color', '#006699');
$('#Log-in').css('background-color', '#000000');
$('#login').hide().css({'left' : '0px'});
$('#Login_form').hide().css({'top' : '0px'});
$('#submit').show().animate({
left : '52%',
},400,function(){
$('#submit').css({'-webkit-transform' : 'rotate(-0deg)','-moz-transform' : 'rotate(-0deg)' });
});
///
$('#SignupForm').show().animate({
top : '60px',
},700,function(){
//$('#image').css({'-webkit-transform' : 'rotate(-90deg)','-moz-transform' : 'rotate(-90deg)' });
});
});
</script>
</body>
</html>
|
|
|
|
|
Date :
2013-06-27 12:47:26 |
By :
chak.jakkree |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
login.php
Code (PHP)
<?php
session_start();
require_once "connectdb.php";
$sql = "select * from admin where username = '$_POST[username]' and password = '$_POST[password]'";
$dbquery = mysql_db_query($db, $sql);
$num_rows = mysql_num_rows($dbquery);
$rowLogin = mysql_fetch_array($dbquery);
if($num_rows == 1){
$_SESSION['useradmin'] = $rowLogin['useradmin'];
echo "<meta http-equiv='refresh' content='0;URL=home.php'>";
}else{
echo "<meta http-equiv='Content-Type' content='text/html; charset=tis-620' />";
echo "<script language='javascript'>alert('invalid username & password');</script>";
echo "<meta http-equiv='refresh' content='0;URL=index.php'>";
}
?>
|
|
|
|
|
Date :
2013-06-27 12:48:19 |
By :
chak.jakkree |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองเปลี่ยนไปเช็ก if($num_rows > 0) ดูครับ
ที่ถูกต้องควรจะมี 1 แต่กรณีนี้อาจจะมีข้อมูลซ้ำมากกว่า 1 เพราะบางรายการก็ยกเลิก บางรายการก็เพิ่มโดยไม่ได้เช็กซ้ำ
|
|
|
|
|
Date :
2013-06-27 12:59:37 |
By :
{Cyberman} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. echo $sql; แล้วเอาไปรันใน phpMyAdmin
2. ถ้าเจอลองดูว่าผลลัพธ์มีกี่รายการ (จับภาพหน้าจอมาด้วย)
3. ถ้าไม่เจอ ลองเลื่อนเมาส์หารายการที่ต้องการ แล้วจับภาพหน้าจอมาดูกัน
ภาพไม่ต้องใหญ่นะครับ แต่ให้เห็นชัดเจนหน่อย
|
|
|
|
|
Date :
2013-06-27 14:04:46 |
By :
{Cyberman} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|