Mira estos son loscodigos fuentes del login:
index.html
Código HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Recargas & Suministros - Panel de Administración</title>
<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- theme color-->
<link rel="stylesheet" href="css/blue.css" />
<!-- tooltip -->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- Favicons and the like (avoid using transparent .png) -->
<link rel="shortcut icon" href="rys.ico" />
<link rel="apple-touch-icon-precomposed" href="icon.png" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]>
<script src="js/ie/html5.js"></script>
<script src="js/ie/respond.min.js"></script>
<![endif]-->
</head>
<body style="background-image:url(img/wood.jpg);
background-repeat:no-repeat absolute;" class="login_page">
<div >
<div class="login_box" align="center">
<form action="script_acceso.php" method="POST" id="login_form">
<img src="orden.png" width="281x" height="127px" align="center" href="login.html"></img>
<div class="top_b">Bienvenido a Recargas & Suministros</div>
<div align="left"class="alert alert-info alert-login">
Ingrese sus datos para continuar.
</div>
<div class="cnt_b">
<div class="formRow">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span><input type="text" id="username" name="usuario" placeholder="Usuario" value="" />
</div>
</div>
<div class="formRow">
<div class="input-prepend">
<span class="add-on"><i class="icon-lock"></i></span><input type="password" id="password" name="pass" placeholder="Contraseña" value="" />
</div>
</div>
<div align="left" class="formRow clearfix">
<label class="checkbox"><input type="checkbox" /> Recordar datos</label>
</div>
</div>
<div class="btm_b clearfix">
<button class="btn btn-inverse pull-right" type="submit">Ingresar</button>
<span class="link_reg"><a href="#pass_form">Olvido su Contraseña?</a></span>
</div>
</form>
<form action="dashboard.html" method="post" id="pass_form" style="display:none">
<img src="orden.png" width="281x" height="127px" align="center" href="login.html"></img>
<div class="top_b">No puede ingresar?</div>
<div class="alert alert-info alert-login">
Introduzca su dirección de correo electrónico. Usted recibirá un enlace para crear una contraseña nueva por correo electrónico.
</div>
<div class="cnt_b">
<div class="formRow clearfix">
<div class="input-prepend">
<span class="add-on">@</span><input type="text" placeholder="Correo Electronico" />
</div>
</div>
</div>
<div class="btm_b tac">
<button class="btn btn-inverse" type="submit">Solicitar una Nueva Contraseña</button>
</div>
</form>
</div>
<div class="links_b links_btm clearfix">
<span class="linkform" style="display:none"><a href="#login_form">Regresar a la pagina principal</a></span>
</div>
<br>
<br>
<a align="center" href="venta_rapida.php" ><h2>Venta Rapida</h2></a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br>
<br>
<br>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.actual.min.js"></script>
<script src="lib/validation/jquery.validate.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
//* boxes animation
form_wrapper = $('.login_box');
$('.linkform a,.link_reg a').on('click',function(e){
var target = $(this).attr('href'),
target_height = $(target).actual('height');
$(form_wrapper).css({
'height' : form_wrapper.height()
});
$(form_wrapper.find('form:visible')).fadeOut(400,function(){
form_wrapper.stop().animate({
height : target_height
},500,function(){
$(target).fadeIn(400);
$('.links_btm .linkform').toggle();
$(form_wrapper).css({
'height' : ''
});
});
});
e.preventDefault();
});
//* validation
$('#login_form').validate({
onkeyup: false,
errorClass: 'error',
validClass: 'valid',
rules: {
username: { required: true, minlength: 3 },
password: { required: true, minlength: 3 }
},
highlight: function(element) {
$(element).closest('div').addClass("f_error");
},
unhighlight: function(element) {
$(element).closest('div').removeClass("f_error");
},
errorPlacement: function(error, element) {
$(element).closest('div').append(error);
}
});
});
</script>
</div>
</body>
</html>
script_acceso.php
Código PHP:
<?php
include("conexion.php");
if (!isset($_SESSION)) {
session_start();
}
$usuario= $_POST['usuario'];
$pass= $_POST['pass'];
$consulta= "SELECT * FROM users WHERE user='".$usuario."' AND pass='".$pass."'";
$resultado= mysql_query($consulta,$conexion) or die (mysql_error());
$fila=mysql_fetch_array($resultado);
if (!$fila[0])
{
echo '<script language = javascript>
alert("Usuario o Password errados, por favor verifique.")
self.location = "index.html"
</script>';
}
else
{
$_SESSION['id'] = $fila['id'];
$_SESSION['nombres'] = $fila['nombres'];
$_SESSION['user'] = $fila['user'];
$_SESSION['pass'] = $fila['pass'];
$_SESSION['rango'] = $fila['rango'];
header("Location: rol.php");
}
?>
rol.php
Código PHP:
<?php
include("conexion.php");
if (!isset($_SESSION)) {
session_start();
}
if( isset($_SESSION['rango']) )
{
switch ($_SESSION['rango']) {
case 'admin':
header("Location: in_admin.php");
break;
case 'super':
header("Location: in_super.php");
break;
case 'vendedor':
header("Location: in_vendedor.php");
break;
}
}
?>