Tema: Tengo un problema con el display none
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 24/03/2010, 13:28
tripled
 
Fecha de Ingreso: febrero-2010
Mensajes: 9
Antigüedad: 14 años, 2 meses
Puntos: 0
(Solucionado) Tengo un problema con el display none
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
  1. <html>
  2. <head>
  3.     <title>Catalogo de videocamaras</title>
  4.     <link rel="stylesheet" title="estilo_1" type="text/css" href="estilo_pag.css"/>
  5.     <script type="text/javascript" language="javascript" src="Validador-2.js"></script>
  6. </head>
  7.  
  8. <body>
  9.  
  10. <div class="titulo">
  11. <h1 align="center">CATALOGO DE VIDEOCAMARAS</h1>
  12. </div>
  13.  
  14. <script>
  15.     var parametros;
  16.     var elementos = new Array;
  17.     var url = decodeURIComponent (document.URL);
  18.     var partes; 
  19.     var x=0;
  20.     var raiz;
  21.     parametros = url.substring (url.indexOf("?")+1);
  22.     
  23.     elementos = parametros.split("&"); 
  24.     document.write("<table border=4");
  25.     document.write("<tr>");
  26.     document.write("<td>");
  27.     columnas=0
  28.     campos=0;
  29.     for (x=0;x<elementos.length;x++) 
  30.     { 
  31.     campos++;
  32.     partes = elementos[x].split("=");
  33.     raiz = partes[0].split("_")
  34.         switch(raiz[0]){
  35.         
  36.         case "descc":
  37.             descripcion_corta = partes[1];
  38.             break;
  39.         case "descl":
  40.             descripcion_larga = partes[1];
  41.             break;
  42.         case "foto":
  43.             foto = partes[1];
  44.             break;
  45.         case "precio":
  46.             precio = partes[1];
  47.             break;
  48.         }
  49.     
  50.     if(campos==4){
  51.     columnas++;
  52.     document.write("<img width=100 heigth=100 src='"+foto+"'></img>");
  53.     document.write("</td><td align=center>");
  54.     document.write("<b><i>"+descripcion_corta+"</i></b>");
  55.     document.write("<br>");
  56.     document.write(descripcion_larga);
  57.     document.write("</td><td align=center>");
  58.     document.write(precio+"€");
  59.     document.write("</td>");
  60.     if (columnas==2){
  61.     document.write("</tr>");
  62.     document.write("<tr>");
  63.     columnas=0;
  64.     }//fin del if
  65.     document.write("<td>");
  66.     campos=0;
  67.     }
  68.     
  69.     } 
  70.     document.write("</td>");
  71.     document.write("</tr>");
  72.     document.write("</table>");
  73.     
  74. </script> 
  75.  
  76. <p class="control">
  77.  
  78.     <table border="4" align="center">
  79.             <tr background="fondo_cuadro.png" align="center">
  80.                 <td colspan="2">Validacion de email</td>
  81.             </tr> 
  82.             <form name="formulario4" action="Validador" onSubmit="return isMail(this.email.value)">  
  83.             <tr background="fondo_cuadro.png">  
  84.                 <td>Correo electrónico:</td> <td><input type="text" name="email" size="25"></td>
  85.             </tr>
  86.             <td colspan="2" align="center" background="fondo_cuadro.png">
  87.                 <input type="submit" value="Validar" name="validar">
  88.             </td>       
  89.             </form>
  90.     </table> 
  91.  
  92. </p>
  93.  
  94. </body>
  95. </html>

El javascript:

Código Javascript: 
Ver original
  1. function isMail(Cadena) {   
  2.   
  3.     Usuario = Cadena.substring(0, Cadena.lastIndexOf('@'))                  // Cadena <===@
  4.     Dominio = Cadena.substring(Cadena.lastIndexOf('@') + 1, Cadena.lastIndexOf('.'))    // Dominio @<===>.com
  5.     Punto = Cadena.substring(Cadena.lastIndexOf('.') + 1, Cadena.length)            // Cadena del .com   
  6.     Reserv = "@⁄º\"\'+*{}\\<>?¿[]áéíóú#·¡!^*;,:"                      // Letras no admitidas   
  7.      
  8.     valido = true   
  9.        
  10.     // Verifica que el Usuario no tenga un caracter no adminito   
  11.     for (var Cont=0; Cont<Usuario.length; Cont++) {   
  12.         X = Usuario.substring(Cont,Cont+1)   
  13.         if (Reserv.indexOf(X)!=-1)   
  14.                     valido = false   
  15.     }   
  16.   
  17.     // Verifica que el Punto no tenga un caracter no adminito   
  18.     for (var Cont=0; Cont<Punto.length; Cont++) {   
  19.         X=Punto.substring(Cont,Cont+1)   
  20.         if (Reserv.indexOf(X)!=-1)   
  21.             valido = false   
  22.     }   
  23.                            
  24.     // Verifica que el Dominio no tenga un caracter no adminito   
  25.     for (var Cont=0; Cont<Dominio.length; Cont++) {   
  26.         X=Dominio.substring(Cont,Cont+1)   
  27.         if (Reserv.indexOf(X)!=-1)   
  28.             valido = false   
  29.         }   
  30.   
  31.     // Sintaxis del control del email.   
  32.     if (Punto.length<2 || Dominio <1 || Cadena.lastIndexOf('.')<0 || Cadena.lastIndexOf('@')<0 || Usuario<1) {   
  33.         valido = false   
  34.     }   
  35.        
  36.     // Aqui se controla si es valido o no y sale su correspondiente mensaje  
  37.     if (valido) {   
  38.         alert('Email correcto');
  39.         return false    //cambiar por return true para hacer el submit del formulario en caso de validacion correcta  
  40.         
  41.     } else {   
  42.         alert('Email no válido.')   
  43.         return false   
  44.     }   
  45. }

El css asi:

Código CSS: 
Ver original
  1. body{
  2.     background-image: url(ubuntu.jpg);
  3.     font-family: "Comic Sans MS";
  4.     
  5. }
  6. div.titulo{
  7.     color: #FFF;
  8. }
  9. p.control{
  10.     
  11.     position: absolute;
  12.     top: 200px;
  13.     left: 30%;
  14.     width: 40%;
  15.     height: 100px;
  16.     font-family: "Comic Sans MS", cursive;
  17. }

Saludos.
Última edición por tripled; 25/03/2010 a las 15:48