Untitled

<?php
session_start();
$aaaa=$_SESSION['login'];
?>
<html>
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/layout.js"></script>
        <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"
        rel="stylesheet" type="text/css">
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
		<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>
<body style="background-color:#5e666d;">

<div class="container">
	<div class="col-md-4 col-sm-8 col-md-offset-3" style="background-color:#5cb85c; padding:5%; position:absolute; border:1px solid #4cae4c; margin-top:8%;">
		<form action="vsignup.php" method="POST">
			<input class="col-md-12 col-sm-12 col-xs-12 input-lg form-control text-center" style="margin-bottom:10px; background-color: rgba(0,0,0,0.1); border:none !important;color:white;" type="password" maxlength="4" name="pin" id="field" autocomplete="off">
			<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" type="submit" name="set">Set</button>

			</form>
			<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" id="show">Show <i class="fa fa-eye"></i></button>
			<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" id="hide">Hide <i class="fa fa-eye-slash"></i></button>

		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="one()">1</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="two()">2</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="three()">3</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="four()">4</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="five()">5</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="six()">6</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="seven()">7</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="eight()">8</button>
		<button class="btn btn-success btn-lg col-md-4 col-sm-4 col-xs-4" onclick="nine()">9</button>
		<button class="btn btn-success btn-lg col-md-12 col-sm-12 col-xs-12" onclick="zero()">0</button>


	</div>
</div>
<?php if(isset($_GET['err'])){echo "<div class='alert alert-danger'> <p class='col-md-offset-5'>Some Error Occurs, Please Try Again. </p></div>";} ?>
<body>
<script>
$(document).ready(function() {
  $('#show').click(function() {
    $('input').attr('type', 'text');
  });

  $('#hide').click(function() {
    $('input').attr('type', 'password');
  });

  $("#field").keydown(function (e) {
        // Allow: backspace, delete, tab, escape, enter and .
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
             // Allow: Ctrl+A
            (e.keyCode == 65 && e.ctrlKey === true) ||
             // Allow: home, end, left, right, down, up
            (e.keyCode >= 35 && e.keyCode <= 40)) {
                 // let it happen, don't do anything
                 return;
        }
        // Ensure that it is a number and stop the keypress
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });

});

function one()
{
var a=document.getElementById("field").value;
var b=a+"1";
document.getElementById("field").value=b;
}
function two()
{
var a=document.getElementById("field").value;
var b=a+"2";
document.getElementById("field").value=b;
}

function three()
{
var a=document.getElementById("field").value;
var b=a+"3";
document.getElementById("field").value=b;
}

function four()
{
var a=document.getElementById("field").value;
var b=a+"4";
document.getElementById("field").value=b;
}

function five()
{
var a=document.getElementById("field").value;
var b=a+"5";
document.getElementById("field").value=b;
}

function six()
{
var a=document.getElementById("field").value;
var b=a+"6";
document.getElementById("field").value=b;
}

function seven()
{
var a=document.getElementById("field").value;
var b=a+"7";
document.getElementById("field").value=b;
}

function eight()
{
var a=document.getElementById("field").value;
var b=a+"8";
document.getElementById("field").value=b;
}

function nine()
{
var a=document.getElementById("field").value;
var b=a+"9";
document.getElementById("field").value=b;
}

function zero()
{
var a=document.getElementById("field").value;
var b=a+"0";
document.getElementById("field").value=b;
}
</script>
</html>

<?php
include("connection.php");
if(isset($_POST['set']))
{
	$pin1=$_POST['pin'];
	if(($pin1=="")||($pin1<4))
	{
		//header("Location:vsignup.php?err=err");
		echo mysql_error();
	}
	else{
	$query1="UPDATE signup SET pin='$pin1' where username='$aaaa'";
	$run1=@mysql_query($query1);
	if(!$run1)
	{
		//header("Location:vsignup.php?err=err");
		echo mysql_error();

	}
	else
	{
		header("Location:vsignin.php");
	}
	}
}
?>