sistema login

joseantoniogf1 · #1 (**permalink**) 31/10/2014, 17:25

hola a todos,

necesito que me corrijáis mi sistema de logueo, cuando pincho a enviar lo unico que me hace es recargar la propia pagina. en la pestaña contactar es donde tengo el formlario para introducir los datos.

os dejo los documentos.

portada.php

Código PHP:

Ver original<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF8">
<title>CASA DE PERROS</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="cssportada.css"> 
 
<script>
    window.onload=function(){
        document.getElementById("sitio").onclick=function (){mostrar(this);};
        document.getElementById("conocenos").onclick=function (){mostrar(this);};
        document.getElementById("Adopta").onclick=function (){mostrar(this);};
        document.getElementById("abandona").onclick=function (){mostrar(this);};
    
    }
    
    function mostrar(menu){
                objCaja=document.getElementById("caja");
        switch (menu.id){
        case "sitio":
            
        break;
        case "conocenos":
            
            
        break;
        case "Adopta":
            
        break;
        case "abandona":
            
        objCaja.innerHTML = "<div id='texto3'><h2>¿NO PUEDE HACERSE CARGO DE SU PERRO?</h2></br></br></br>Para rellenar el formulario <a href='formularioperrospendiente.html'><u>PINCHA AQUÍ</u></a></br></br></div>";
            objCaja.innerHTML +="<div id='login' align='right'></br><b>Iniciar Sesión</b></br></br><form name='form1' method='post' action='entrar2.php'>Username:&nbsp;&nbsp;<input type='text' placeholder='Correo electronico...' name='username'/></br></br>Password:&nbsp;&nbsp;<input type='text' placeholder='Clave de acceso...' name='password'/></br></br><INPUT name='submit' type='submit' value='Enviar'></form><\div>";
        break;
        default:
            return false;
        break;
        }
        
    }
    
    
    
</script>
</head>
<body>
    <form>
        <div id="titulo" style="font-size: 250%;"> CASA DE PERROS </div>
        <br/><br/>
        <div id="botones">
        <input type="button" value="¿Dónde estámos? " id="sitio" class="Perrera" />
        <input type="button" value="¿Quienes somos?" id="conocenos" class="Perrera" />
        <input type="button" value="Adopta un perro" id="Adopta" class="Perrera" />
        <input type="button" value="Contactar" id="abandona" class="Perrera" />
        </div>
        
        <div id="caja">
            
        </div>
        
        
        
        
    </form>
</body>
</html>

base de datos:

Código MySQL:

Ver originalCREATE DATABASE proyectoPerrera;
 
use proyectoPerrera;
 
CREATE TABLE trabajador (
    idtrabajador int (20),
    nombre varchar(20) not null,
    contrasenia  VARCHAR(40) not null,
    telefono int (10),
    PRIMARY KEY (idtrabajador)
    );

entrar2.php

Código PHP:

Ver original<?PHP
// Configura los datos de tu cuenta 
$dbhost='localhost'; 
$dbusername='root'; 
$dbuserpass=''; 
$dbname='proyectoPerrera'; 
 
session_start(); 
 
// Conectar a la base de datos 
mysql_connect ($dbhost, $dbusername, $dbuserpass); 
mysql_select_db($dbname) or die('Cannot select database'); 
 
if ($_POST['username']) { 
//Comprobacion del envio del nombre de usuario y password 
$username=$_POST['username']; 
$password=$_POST['password']; 
if ($password==NULL) { 
echo "La password no fue enviada"; 
}else{ 
$query = mysql_query("SELECT nombre,contrasenia FROM trabajador WHERE nombre = '$username'") or die(mysql_error()); 
$data = mysql_fetch_array($query); 
if($data['contrasenia'] != $password) { 
echo "Login incorrecto"; 
}else{ 
$query = mysql_query("SELECT nombre,contrasenia FROM users WHERE nombre = '$username'") or die(mysql_error()); 
$row = mysql_fetch_array($query); 
$_SESSION["s_nombre"] = $row['nombre']; 
echo "Has sido logueado correctamente ".$_SESSION['s_nombre']." y puedes acceder al index.php."; 
} 
} 
}
?>

Código CSS:

Ver originalbody {      
            background: url(fondo6.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
 
 
         }
    
    a {
        color: black;
        text-decoration:none;
    }
    
    h1 {
        color: black;
        text-decoration: underline;
    }
    
    h3 {
        TEXT-ALIGN:center;
        color: black;
        text-shadow: 5px 5px 5px #A4A4A4;
        
    }
    
    #titulo { 
            text-align: center; 
            text-shadow: 5px 5px 5px #585858;
            width:340px;
            margin: auto auto;
            margin-top:30px;
            padding-bottom:30px;
            }
    
    #caja { 
            display: block;
            border-radius: 15px 15px 15px 15px;
            border: solid black 3px;
            width: 1207px;
            height: auto;
            margin: auto auto;
            padding-left:12px;
            padding-right:12px;
            padding-bottom:30px;
            background-color:#CED8F6;
            }
 
    #botones { 
            width: 1238px;
            height: auto;
            margin: auto auto;
            }
    
    .Perrera {
            background-color: black; 
            color: white; 
            border-radius: 8px 8px 8px 8px;
            width:200px;
            height: 25px;
            }
    
    #mapa { 
            margin-left:600px;
            margin-top:-300px;
            margin-bottom:12px;
            border-style: solid;
            
            }
            
    #imagen { 
            margin-left:600px;
            margin-top:-300px;
            margin-bottom:12px;
            border-style: solid;
            }
            
    #texto {
            position:left;
            margin-left:70px;
            margin-right:600px;
            padding-right:12px;
            }
    
    #texto2 {
            position:left;
            margin-left:70px;
            margin-right:600px;
            padding-right:12px;
            }
    
    #texto3 {
            position:left;
            margin-left:70px;
            margin-right:500px;
            padding-right:12px;
            
            }
    
    #texto4 {
            position:left;
            margin-right:600px;
            margin-left:70px;
            padding-right:12px;
            }
    
    #texto5 {
            
            margin-left:670px;
            margin-top:-228px;
            margin-bottom:12px;
            width: 600px;
            height: auto;
            
            }
                
    #col_der {
            float: right; 
            width: 33%;
            height: 190px;
            padding-top:20px;
            padding-bottom:20px;
            background-color: white;
            text-align: center;
            margin:0 auto;
            background-color:#CED8F6;
            }
 
    #col_izq {
            float: left; 
            width: 33%;
            height: 190px;
            padding-top:20px;
            padding-bottom:20px;
            background-color: white;
            text-align: center;
            margin:0 auto;
            background-color:#CED8F6;
            }
    
    #col_cen {
            height: 190px;
            padding-top:20px;
            padding-bottom:20px;
            background-color: white;
            text-align: center;
            margin:0 auto;
            background-color:#CED8F6;
            }
    
    #col_der_texto1 {
            float: right; 
            width: 33%;
            height: auto;
            background-color:#CED8F6;
            }
 
    #col_izq_texto2 {
            float: left; 
            width: 33%;
            height: auto;
            background-color:#CED8F6;
    }
    
    #col_cen_texto3 {
            height: auto;           
            background-color:#CED8F6;
    }
    
    #imgpequenio {
            border-style: solid;
            border-color: black; 
            
    }
 
    #imgmediano {
            border-style: solid;
            border-color: black; 
            
    }
    
    #imggrande {
            border-style: solid;
            border-color: black; 
    }
    
    #todos_los_perros_texto {
        text-align: center;
    }
    
    #todos_los_perros {
        border-style: solid;
        margin: auto auto;
        width:1000px;
    }   
    
    #login{ 
            display: block;
            background-color: #FFFFFF;
            margin-left:850px;
            margin-top:-200px;
            margin-bottom:12px;
            width:340px;
            height: 190px;
            border-radius: 15px 15px 15px 15px;
            border: solid black 1px;
            TEXT-ALIGN:center;
            }

pateketrueke · #2 (**permalink**) 31/10/2014, 17:31

Cita:

necesito que me corrijáis mi sistema de logueo

¿Y tu tranquilo, sin hacer nada, mientras esperas a que alguien más haga tu trabajo?

No, acá no vamos a hacer tu trabajo, te podemos ayudar a entender lo que está mal pero nada más.

Patriarka · #3 (**permalink**) 31/10/2014, 18:32

cuando haces click en enviar deberia llevarte a entra2.php

en entra2.php hace un var_dump($_REUQEST); para verificar que te llagan los datos

joseantoniogf1 · #4 (**permalink**) 01/11/2014, 05:33

Cita:

Iniciado por Patriarka

cuando haces click en enviar deberia llevarte a entra2.php

ese es el problema que no me envia a entra2.php, simplemente me recarga la misma pagina...

NSD · #5 (**permalink**) 01/11/2014, 08:43

Te falta el atributo action y el atributo method de la etiqueta form, si no los especificas el formulario se envia por GET a la misma url actual, por eso se esta recargando la pagina.

joseantoniogf1 · #6 (**permalink**) 01/11/2014, 17:20

si lo pone, fijate bien: <form name='form1' method='post' action='entrar2.php'>

me estoy volviendo loco y no veo porque no me manda a otra pagina... no lo entiendo...

RabidFish · #7 (**permalink**) 01/11/2014, 18:03

Hola José Antonio.

El problema es que estás metiendo una etiqueta <form> dentro de otra etiqueta <form> que no tiene los parámetros method y action, por lo tanto el navegador ignora el <form> hijo y considera al padre, lo que resulta en una recarga de la página debido al motivo explicado por NSD.

Para solucionarlo, elimina la etiqueta <form> que encierra a todo el menú y deja sólo la que generas con JavaScript. No necesitas esa etiqueta por lo que veo, ya que los botones no se utilizan para enviar datos a ningún lado (es más, en este caso creo que es mejor utilizar la etiqueta <button> de HTML 5 en lugar de <input type="button" />).

Es fácil detectar la causa del problema con una herramienta como Firebug, que te muestra el código HTML actualizado según los eventos de JavaScript.

Saludos.