Hola,
Yo otra vez por aca molestando!
He estado buscando en google, y ninguna implementación me ha servido para hacer esto: que muestre un mensaje de error dentro de la misma página (y a su vez dentro del form) que diga que no se pudo iniciar sesión debido a pass o username incorrecto. Cabe aclarar que tengo un script que muestra un efecto al abrir el form (no se si interferirá o no). La pagina principal es index.php , tengo la pagina con el codigo para conectar a la base de datos (login.php)
Lo que no quiero es que si el user o el pass es incorrecto, se vaya a cargar la pagina login.php
INDEX.PHP
LOGIN.PHP
Yo otra vez por aca molestando!
He estado buscando en google, y ninguna implementación me ha servido para hacer esto: que muestre un mensaje de error dentro de la misma página (y a su vez dentro del form) que diga que no se pudo iniciar sesión debido a pass o username incorrecto. Cabe aclarar que tengo un script que muestra un efecto al abrir el form (no se si interferirá o no). La pagina principal es index.php , tengo la pagina con el codigo para conectar a la base de datos (login.php)Lo que no quiero es que si el user o el pass es incorrecto, se vaya a cargar la pagina login.php
INDEX.PHP
Código (php-brief) [Seleccionar]
<html>
<head>
<meta charset="utf-8">
<title>.:Brújula Empresarial:.</title>
<!-- Favicon -->
<link rel ="shortcut icon" href="img/favicon.ico" type="image/x-ico"/>
<!-- CSS -->
<link rel="stylesheet" href="css/loginStyles.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/plastic/style.css" type="text/css" media="screen" />
<!-- Ends CSS -->
<!-- GOOGLE FONTS -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<!-- JS -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/quicksand.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- Ends JS -->
<!-- Nivo slider -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script src="js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
<!-- ENDS Nivo slider -->
<!-- prettyPhoto -->
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
<!-- ENDS prettyPhoto -->
<!-- superfish -->
<link rel="stylesheet" media="screen" href="css/superfish.css" />
<link rel="stylesheet" media="screen" href="css/superfish-left.css" />
<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
<!-- ENDS superfish -->
<!-- poshytip -->
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
<!-- ENDS poshytip -->
<!-- Fancybox -->
<link rel="stylesheet" href="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<!-- ENDS Fancybox -->
</head>
<body class ="home">
<!-- WRAPPER -->
<div id="wrapper">
<!-- HEADER -->
<div id="header">
<a href="index.php"><img id="logo" src="img/logoBrujulaPrincipalBlanco.png" alt="Brújula Empresarial" /></a>
<!-- Barra de redes sociales (OCULTA) -->
<div id="social-holder">
<!-- Este segmento esta vacío, pues no se necesitan Redes Sociales -->
</div>
<!-- ENDS Social -->
<!-- Barra de Menu (Navigation) -->
<ul id="nav" class="sf-menu">
<li class="current-menu-item"><a href="index.php">Inicio</a></li>
<li><a href="mapaSitio.php">Mapa del Sitio</a></li>
<li><a href="help.php">Ayuda</a></li>
<li><a href="about.php">Acerca De</a></li>
<!-- Cajita Del Login -->
<li class="alineacion" id="login" >
<a href="#" id="showlogin">Iniciar Sesión
<span id="triangle_down">▼</span>
<span id="triangle_up" style="display:none;">▲</span>
</a>
<!-- Cuando se abre la cajita, muestra esto -->
<div id="loginpanel" style="display:none;">
<form action="login.php" method="post" >
<input type="text" name="username" placeholder = "Usuario"/>
<input type="password" name="password" placeholder = "Contraseña"/>
<button type="submit">Acceder</button>
<a href="http://rlv.zcache.com/okay_face_guy_postcard-p239169425656832751baanr_400.jpg">
¿Olvidó su contraseña?
</a>
</form>
</div>
</li>
</ul>
<!-- Navigation -->
<!-- Espacio entre barra de Menu y Slider -->
<div id="headline">
<hr>
</div>
<!-- ENDS Espacio entre barra de Menu y Slider -->
<!-- Slider -->
<div id="slider-block">
<div id="slider-holder">
<div id="slider">
<a href="index.php">
<img src="images/imagen1_slider.png" title="Clientes" alt=""/>
</a>
<a href="index.php">
<img src="images/imagen2_slider.png" title="Proveedores" alt=""/>
</a>
</div>
</div>
</div>
<!-- ENDS Slider -->
</div>
<!-- ENDS HEADER -->
<!-- MAIN -->
<div id="main">
<!-- content -->
<div id="content">
<!-- 1/4 cols -->
<div class="three-fourth ">
<h6></h6>
<br>
<p>
</p>
<p>
</p>
</div>
<div class="one-fourth last">
<h6>
</h6>
</div>
<div class="clear"></div>
<!-- ENDS 1/4 cols -->
</div>
<!-- ENDS content -->
</div>
<!-- ENDS MAIN -->
</div>
<!-- ENDS WRAPPER -->
</body>
</html>
<script>
$(document).ready(function() {
$('#showlogin').click(function() {
$('#loginpanel').slideToggle('slow', function() {
$("#triangle_down").toggle();
$("#triangle_up").toggle();
});
});
});
</script>
LOGIN.PHP
Código (php) [Seleccionar]
<?php
ini_set('display_errors', 'On');
ini_set('display_startup_errors', 'On');
error_reporting(0);
$username = $_POST['username'];
$password = $_POST['password'];
function Conectarse() {
/* Pasar la contraseña y el usuario local para abrir las bases de datos */
if (!($link = mysql_connect("localhost", "root", "toor"))) {
echo "Error conectando a la base de datos.";
exit();
}
/* Seleccionar la base de datos a usar */
if (!mysql_select_db("prueba", $link)) {
echo "Error seleccionando la base de datos.";
exit();
}
return $link;
}
$con = Conectarse();
$query = "SELECT * FROM sesion WHERE usuario ='" . $username . "' AND clave = '" . $password . "'";
$q = mysql_query($query, $con);
try {
if (mysql_result($q, 0)) {
$result = mysql_result($q, 0);
echo "Usuario validado correctamente";
}else
echo "Usuario o password erroneos.";
} catch (Exception $error) {
}
mysql_close($con);
?>
