Tengo un problema con el display none

tripled · #1 (**permalink**) 24/03/2010, 12:08

Hola.
Tengo un problemilla con una pag web que estoy haciendo para un proyecto del insti. El problema esque tengo la pag web y despues e puesto una capa con un formulario que valida la contraseña es decir, pide la primera y la segunda y cuando se apreta el boton sale su correspondiente mensaje si es correcto o no, pues el formulario del control de contraseña lo quiero ocultar con el display none y asi ver la pag web completa pero nose la sintaxis y lo e intentado de todas las maneras y no lo e podido conseguir el efecto que quiero.

Saludos y gracias.

morior · #2 (**permalink**) 24/03/2010, 12:59

No lo entiendo, creo que o faltan datos, o que te expliques mejor, o que pongas código. Lo que dices no parece tener muchos sentido ¿esconder un formulario? porqué no haces una página de login y otra que te lleve después de haberte podido loguear? ¿con qué programas? y bueno un largo etc. de preguntas sin resolver...

tripled · #3 (**permalink**) 24/03/2010, 13:28

Hola.
Lo que tu comentas si que tiene logica pero todos los del insti lo estan haciendo asi y me parece interesante, el codigo que tengo es el siguiente.

En el html lo tengo asi.

Código HTML:

Ver original<html>
<head>
    <title>Catalogo de videocamaras</title>
    <link rel="stylesheet" title="estilo_1" type="text/css" href="estilo_pag.css"/>
    <script type="text/javascript" language="javascript" src="Validador-2.js"></script>
</head>
 
<body>
 
<div class="titulo">
<h1 align="center">CATALOGO DE VIDEOCAMARAS</h1>
</div>
 
<script>
    var parametros;
    var elementos = new Array;
    var url = decodeURIComponent (document.URL);
    var partes; 
    var x=0;
    var raiz;
    parametros = url.substring (url.indexOf("?")+1);
    
    elementos = parametros.split("&"); 
    document.write("<table border=4");
    document.write("<tr>");
    document.write("<td>");
    columnas=0
    campos=0;
    for (x=0;x<elementos.length;x++) 
    { 
    campos++;
    partes = elementos[x].split("=");
    raiz = partes[0].split("_")
        switch(raiz[0]){
        
        case "descc":
            descripcion_corta = partes[1];
            break;
        case "descl":
            descripcion_larga = partes[1];
            break;
        case "foto":
            foto = partes[1];
            break;
        case "precio":
            precio = partes[1];
            break;
        }
    
    if(campos==4){
    columnas++;
    document.write("<img width=100 heigth=100 src='"+foto+"'></img>");
    document.write("</td><td align=center>");
    document.write("<b><i>"+descripcion_corta+"</i></b>");
    document.write("<br>");
    document.write(descripcion_larga);
    document.write("</td><td align=center>");
    document.write(precio+"€");
    document.write("</td>");
    if (columnas==2){
    document.write("</tr>");
    document.write("<tr>");
    columnas=0;
    }//fin del if
    document.write("<td>");
    campos=0;
    }
    
    } 
    document.write("</td>");
    document.write("</tr>");
    document.write("</table>");
    
</script> 
 
<p class="control">
 
    <table border="4" align="center">
            <tr background="fondo_cuadro.png" align="center">
                <td colspan="2">Validacion de email</td>
            </tr> 
            <form name="formulario4" action="Validador" onSubmit="return isMail(this.email.value)">  
            <tr background="fondo_cuadro.png">  
                <td>Correo electrónico:</td> <td><input type="text" name="email" size="25"></td>
            </tr>
            <td colspan="2" align="center" background="fondo_cuadro.png">
                <input type="submit" value="Validar" name="validar">
            </td>       
            </form>
    </table> 
 
</p>
 
</body>
</html>

El javascript:

Código Javascript:

Ver originalfunction isMail(Cadena) {   
  
    Usuario = Cadena.substring(0, Cadena.lastIndexOf('@'))                  // Cadena <===@
    Dominio = Cadena.substring(Cadena.lastIndexOf('@') + 1, Cadena.lastIndexOf('.'))    // Dominio @<===>.com
    Punto = Cadena.substring(Cadena.lastIndexOf('.') + 1, Cadena.length)            // Cadena del .com   
    Reserv = "@⁄º\"\'+*{}\\<>?¿[]áéíóú#·¡!^*;,:"                      // Letras no admitidas   
     
    valido = true   
       
    // Verifica que el Usuario no tenga un caracter no adminito   
    for (var Cont=0; Cont<Usuario.length; Cont++) {   
        X = Usuario.substring(Cont,Cont+1)   
        if (Reserv.indexOf(X)!=-1)   
                    valido = false   
    }   
  
    // Verifica que el Punto no tenga un caracter no adminito   
    for (var Cont=0; Cont<Punto.length; Cont++) {   
        X=Punto.substring(Cont,Cont+1)   
        if (Reserv.indexOf(X)!=-1)   
            valido = false   
    }   
                           
    // Verifica que el Dominio no tenga un caracter no adminito   
    for (var Cont=0; Cont<Dominio.length; Cont++) {   
        X=Dominio.substring(Cont,Cont+1)   
        if (Reserv.indexOf(X)!=-1)   
            valido = false   
        }   
  
    // Sintaxis del control del email.   
    if (Punto.length<2 || Dominio <1 || Cadena.lastIndexOf('.')<0 || Cadena.lastIndexOf('@')<0 || Usuario<1) {   
        valido = false   
    }   
       
    // Aqui se controla si es valido o no y sale su correspondiente mensaje  
    if (valido) {   
        alert('Email correcto');
        return false    //cambiar por return true para hacer el submit del formulario en caso de validacion correcta  
        
    } else {   
        alert('Email no válido.')   
        return false   
    }   
}

El css asi:

Código CSS:

Ver originalbody{
    background-image: url(ubuntu.jpg);
    font-family: "Comic Sans MS";
    
}
div.titulo{
    color: #FFF;
}
p.control{
    
    position: absolute;
    top: 200px;
    left: 30%;
    width: 40%;
    height: 100px;
    font-family: "Comic Sans MS", cursive;
}

Saludos.