website stats » 2007 » Octubre | Solo Código |

Validar una dirección IP válida con Javascript

Escrito por J.F. el Miércoles, 31 de Octubre del 2007 a las 12:02

Una función en Javascript para validar si se ha introducido una dirección IP válida:

TEXTO PLANO
JavaScript:
  1. <html>
  2. <head>
  3. <script>
  4. function validar(ip) {
  5.     partes=ip.split('.');
  6.     if (partes.length!=4) {
  7.         alert('ip no valida');
  8.         return;
  9.     }
  10.     for (i=0;i<4;i++) {
  11.         num=partes[i];
  12.         if (num>255 || num<0 || num.length==0 || isNaN(num)){
  13.         alert('ip no valida');
  14.         return;
  15.         }
  16.         }
  17.     alert('ip valida');
  18. } 
  19. </script>
  20. <body>
  21. <input type="text" name="ip" maxlength="15"/>
  22. <input type="button" name="boton" onClick="validar(document.all.ip.value);" value="Comprobar IP"/>
  23. </body>
  24. </html>

Escribir comentario

Categoria: Javascript

Interesante menú CSS

Escrito por J.F. el Martes, 30 de Octubre del 2007 a las 17:38

Un menú CSS muy llamativo e interesante:

Menú CSS

Enlace: | Descargar | Demo | Fuente

Escribir comentario

Categoria: Recursos, CSS, General

Listas ordenadas con CSS+PHP

Escrito por J.F. el Lunes, 29 de Octubre del 2007 a las 16:40

Una curiosa forma de obtener listas ordenadas diferentes, con un elegante diseño gráfico, simpletemente utilizando PHP con CSS:

Listas ordenadas elegantes

El código es el siguiente:

TEXTO PLANO
PHP:
  1. <?php for ($i = 1; ; $i++) {
  2.  
  3.    if ($i> 9) {
  4.       break;
  5.    }  ?>
  6.  
  7.    <div class="comment-box">
  8.       <h2 class="number"><?php echo $i ?></h2>
  9.       <p>CONTENT GOES HERE.</p>
  10.    </div>
  11.  
  12. <?php } ?>

TEXTO PLANO
CSS:
  1. h2.number {
  2.     position: relative;
  3.     top: 0px;
  4.     left: 0px;
  5.     font-size: 10em;
  6.     color: #ccc;
  7.     float: left;
  8.     margin-right: 10px
  9. }
  10.  
  11. #page-wrap {
  12.     width: 760px;
  13.     background: white;
  14.     margin: 0 auto;
  15.     padding: 10px 0px 50px 0px;
  16.     background: white url(images/gradient2-bg.gif) bottom repeat-x;
  17. }
  18.  
  19. #description-area {
  20.     padding: 20px;
  21. }
  22.  
  23. .comment-box {
  24.     margin: 0px 0px 50px 50px;
  25.     padding: 20px;
  26.     width: 240px;
  27.     border: 1px solid black;
  28.     float: left;
  29. }

Enlace: | Fuente | Demo

Escribir comentario

Categoria: PHP, CSS

Selección de fecha en listas desplegables con PHP

Escrito por J.F. el Domingo, 28 de Octubre del 2007 a las 15:40

Un código que puede resultar muy útil en páginas web en las que se necesita trabajar con fechas, como por ejemplo un sitio en el que se vaya a disponer de un sistema de registro de usuarios, puede resultar útil emplear unas listas desplegables para día, mes y año, de forma que el usuario pueda selecionar facilmente su fecha de nacimiento. El formato estará en castellano, y el código para generarlo es el siguiente:

TEXTO PLANO
PHP:
  1. <?php
  2. $fecha_dia = date ("d");
  3. $fecha_mes = date ("m");
  4. $fecha_year = date ("Y");
  5.  
  6. $meses_nombres=Array(1=>"Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
  7.  
  8. echo "<select name=\"dia\">\n";
  9. for ($contador=1; $contador <=31; $contador++){
  10.    if ($fecha_dia==$contador){
  11.      echo "<option value=\"".$contador."\" selected>".$contador."\n";
  12.    }else{
  13.      echo "<option value=\"".$contador."\">".$contador."\n";
  14.    }
  15. }
  16. echo "</select>\n";
  17.  
  18. echo "<select name=\"mes\">\n";
  19. for ($contador=1; $contador <=12; $contador++){
  20.    if ($fecha_mes==$contador){
  21.      echo "<option value=\"".$contador."\" selected>".$meses_nombres[$contador]."\n";
  22.    }else{
  23.      echo "<option value=\"".$contador."\">".$meses_nombres[$contador]."\n";
  24.    }
  25. }
  26. echo "</select>\n";
  27.  
  28. echo "<select name=\"year\">\n";
  29. for ($contador=1986; $contador <=2007; $contador++){
  30.    if ($fecha_year==$contador){
  31.      echo "<option value=\"".$contador."\" selected>".$contador."\n";
  32.    }else{
  33.      echo "<option value=\"".$contador."\">".$contador."\n";
  34.    }
  35. }
  36. echo "</select>\n";
  37. ?>

En el último for puedes sustituir 1986 por el año más antiguo que quieras que aparezca y 2007 por el más nuevo.
Enlace: | Ver ejemplo funcionando | Vía ForosdelWeb

Escribir comentario

Categoria: PHP

Comprobar que una dirección existe con PHP

Escrito por J.F. el Viernes, 26 de Octubre del 2007 a las 10:58

Una función útil para comprobar si una url existe o no con PHP. Utilizaremos fopen para tratar de abrir la url, y así comprobaremos si existe o no.

TEXTO PLANO
PHP:
  1. function url($url)
  2. {
  3. $fp=@fopen($url,"r");
  4.  
  5.  if($fp){
  6.      //Acciones a realizar si existe
  7.      return true;
  8.  
  9.  }else{
  10.      //Acciones a realizar en caso de que no exista
  11.      return false;
  12.  }
  13.  
  14. @fclose($fp);
  15. }

Comentarios (2)

Categoria: PHP

Recargar una página con Javascript

Escrito por J.F. el Miércoles, 24 de Octubre del 2007 a las 19:46

Un truquito rápido. Si quieres incluir un botón o meter en alguna función o evento un refresco de página, puedes utilizar la siguiente función:

location.reload();

Por ejemplo, para incluir un botón que refrescara la página valdría con el siguiente código:

TEXTO PLANO
HTML:
  1. <input type="button" value="Recargar página" onClick="location.reload();"/>

Al pulsar ese botón se recargaría la página, al igual que ocurriría si pulsáramos F5.

Comentarios (1)

Categoria: Javascript

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |