Friday, 23 May 2014

Login process using PHP and MySQL

First we will create a simple Login form...........

database name : login
table name : members


code: main_login.php

<form name="form1" method="post" action="checklogin.php">
memeber login<br>


Usename<br>
<input name="myusername" type="text" id="myusernaame"><br>
password<br>
<input name="mypassword" type="text" id="mypassword"><br>


<input type="submit" name="Submit" value="Login">

</form>

code : checklogin.php


<?php
session_start();
$host="localhost";
$username="root";
$password="";
$db_name="login";
$tbl_name="members";

mysql_connect("$host","$username","$password") or die("cant connect");
mysql_select_db("$db_name") or die("cant connect");

$myusername=$_POST['myusername'];
$mypassword=$_POST['mypassword'];

$myusername = mysql_real_escape_string($myusername);
$mypassword = mysql_real_escape_string($mypassword);

$sql="SELECT * FROM $tbl_name WHERE username='$myusername' and password='$mypassword'";
$result=mysql_query($sql);

$count=mysql_num_rows($result);
if($count==1){
//$_SESSION['logged']=TRUE;
$_SESSION['login_user']=$myusername;
header("location:login_success.php");
}
else{
echo "wrong username or password";
}
?>



code : login_success.php

<?php
session_start();
if(!$_SESSION['logged']){
header("location:main_login.php");
exit;
}
echo 'welcome, '.$_SESSION['login_user'];
?>

<html>
<body>
Login Successful
</body>
</html>



Scroll function in HTML

/*Scroll FunctionIn HTML */

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Scroll to Bottom or Top - DevCurry.com</title>
    <script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
    </script>
     <script type="text/javascript" language="javascript">
         $(function () {
             $('#scrlBotm').click(function () {
                 $('html, body').animate({
                     scrollTop: '1000px'
                 },
                 1500);
                 return false;
             });
$('#scrlmid').click(function () {
                 $('html, body').animate({
                     scrollTop: $(document).height()
                 },
                 700);
                 return false;
             });

             $('#scrlTop').click(function () {
                 $('html, body').animate({
                     scrollTop: '0px'
                 },
                 1500);
                 return false;
             });

         });
    </script>
</head>
<body>
    <a id="scrlBotm" href="#">Scroll to mid</a>
    <div style="height:1500px"></div>
<a id="scrlmid" href="#">Scroll to Bottom</a>
    <div style="height:1000px"></div>
    <a id="scrlTop" href="#">Scroll to Top</a>
</body>
</html>