website stats » Javascript | Solo Código |

Test de velocidad para Javascript

Escrito por J.F. el Monday, 3 de December del 2007 a las 10:48

Vía Anieto2k, un test realizado para saber que navegador es más rápido en ejecutar el código Javascript. Al parecer, la beta de Firefox 3 sale bastante mal colocada, por lo que deberá ser un aspecto que mejorar por los desarrolladores. el más rápido ha sido Opera 9.50a.

Test Javascript

Test Javascript

Comentarios (7)

Categoria: General,Javascript

Curioso efecto al abrir una ventana con JS

Escrito por J.F. el Friday, 30 de November del 2007 a las 16:01

Un curioso efecto al abrir un pop up en neustra página web gracias a Javascript. Tenamos en cuenta que hola.htm es el fichero el cual se abrirá en la ventana nueva, con el efecto. Lo he probado en explorer y firefox, y funciona.
Aquí tienes el código de ejemplo, y recuerda cambair hola.htm por el documento que desees abrir. Si deseas cambiar las dimensiones resultantes de la ventana, puedes hacerlo modificando los valores de las variables ancho, alto,etc.

TEXTO PLANO
HTML:
  3.  </head>
  5.   <script language="JavaScript">
  6.  
  7.    var ancho = 100
  8.    var alto = 100
  9.    var fin = 300
  10.    var x = 100
  11.    var y = 100
  12.  
  13.    function inicio(){
  14.     ventana = window.open("hola.htm", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y");
  15.     abre();
  16.    }
  17.  
  18.    function abre(){
  19.     if (ancho <= fin) {
  20.      ventana.moveTo(x, y);
  21.      ventana.resizeTo(ancho, alto);
  22.      x += 5;
  23.      y += 5;
  24.      ancho += 15;
  25.      alto += 15;
  26.      timer = setTimeout("abre()", 1);
  27.     } else {
  28.      clearTimeout(timer);
  29.     }
  30.    }
  31.  
  32.   </script>
  34.    <input type="button" value="Abrir Ventana" onClick="inicio()"></p>
  35.   </form>
  36.  </body>
  37. </html>

Vía: | ForosdelWeb

Comentarios (1)

Categoria: Curiosidades,Javascript

Conseguir contraseña trás asteriscos con JS

Escrito por J.F. el Thursday, 22 de November del 2007 a las 15:06

Puede que alguna vez te haya ocurrido si eres despistado, que te hayas registrado en algún sitio, hayas habilitado la opción recordar contraseña del navegador, y al tiempo hayas olvidado la contraseña. La única forma de loguearte es porque al cargar la página, e introducir tu nombre de usuario automaticamente la contraseña aparece, viendo solo los asteriscos.

Password asteriscos

¿Hay alguna forma de saber la contraseña que se esconde trás los asteriscos? Pues sí, curiosamente, gracias a un código Javascript, podemos averiguar la contraseña que está trás los asteriscos. Simplemente guardamos como marcador o introducimos directamente en la barra de direcciones el siguiente código:

TEXTO PLANO
JavaScript:
  1. javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwords in forms on this page:\n\n" + s); else alert("There are no passwords in forms on this page.");})();

Una vez hecho, aparecerá en un mensaje alert la contraseña.

Vía: | Bitelia

Comentarios (2)

Categoria: Curiosidades,Javascript

Curioso efecto de texto con Javascript

Escrito por J.F. el Tuesday, 20 de November del 2007 a las 15:28

Un script que encontré por internet bastante interesante, con un efecto de neón que va cambiando el color de las letras. Aquí tienes el código para generar el efecto de texto:

TEXTO PLANO
JavaScript:
  1. <html>
  2. <body>
  3. <h2>
  4. <script language="JavaScript1.2">
  5.  
  6. /*
  7. Neon Lights Text
  8. By JavaScript Kit (http://javascriptkit.com)
  9. Over 400+ free scripts here!
  10. */
  11.  
  12. var message="Saludos desde Solo Código"
  13. var neonbasecolor="gray"
  14. var neontextcolor="navy"
  15. var flashspeed=100  //in milliseconds
  16.  
  17. ///No need to edit below this line/////
  18.  
  19. var n=0
  20. if (document.all||document.getElementById){
  21. document.write('<font color="'+neonbasecolor+'">')
  22. for (m=0;m<message.length;m++)
  23. document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
  24. document.write('</font>')
  25. }
  26. else
  27. document.write(message)
  28.  
  29. function crossref(number){
  30. var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
  31. return crossobj
  32. }
  33.  
  34. function neon(){
  35.  
  36. //Change all letters to base color
  37. if (n==0){
  38. for (m=0;m<message.length;m++)
  39. //eval("document.all.neonlight"+m).style.color=neonbasecolor
  40. crossref(m).style.color=neonbasecolor
  41. }
  42.  
  43. //cycle through and change individual letters to neon color
  44. crossref(n).style.color=neontextcolor
  45.  
  46. if (n<message.length-1)
  47. n++
  48. else{
  49. n=0
  50. clearInterval(flashing)
  51. setTimeout("beginneon()",1500)
  52. return
  53. }
  54. }
  55.  
  56. function beginneon(){
  57. if (document.all||document.getElementById)
  58. flashing=setInterval("neon()",flashspeed)
  59. }
  60. beginneon()
  61.  
  62. </script>
  63. </h2>
  64. </body>
  65. </html>

Comentarios (2)

Categoria: Javascript

Javascript, AJAX, DOM, jQuery, conceptos

Escrito por J.F. el Saturday, 17 de November del 2007 a las 13:30

En Ribosomatic me entero de ésta estupenda presentación con nociones básicas y resumidas para hacernos una idea sobre ésta tecnologías. Está en inglés pero está muy bien:


Escribir comentario

Categoria: AJAX,General,Javascript

Cambiar el tamaño de un textarea con JS

Escrito por J.F. el Wednesday, 14 de November del 2007 a las 13:40

En ésta ocasión vamos a ver un práctico ejemplo que podría servirnos a la hora de inluir textareas en nuestras páginas web. Lo que vamos a hacer es modificar mediante Javascript, las dimensiones del textarea, de forma que pinchando en diferentes botones obtendremos un textarea de tamaño normal, grande o pequeño. Para alterar las filas y columnas de un textarea a través de Javascript, podemos hacerlo de la siguiente manera:

document.formulario.nombre_textarea.rows = número de filas;
document.formulario.nombre_textarea.cols = número de columnas;

Para ver su funcionamiento, he creado un textarea con 3 botones, en los cuales mediante el evento onClick, llamaremos a la función dimensiones() que se encargará de asignar las dimensiones en función del parámetro que le pasamos(un parámetro diferente en cada botón). Aquí está el código:

TEXTO PLANO
HTML:
  4. function dimensiones(opcion) {
  5.     switch(opcion)
  6.     {
  7.         case 1:
  8.             document.formulario_.comentario.rows = 10;
  9.             document.formulario_.comentario.cols = 60;
  10.             break;
  11.         case 2:
  12.             document.formulario_.comentario.rows = 5;
  13.             document.formulario_.comentario.cols = 30;
  14.             break;
  15.         case 3:
  16.             document.formulario_.comentario.rows = 2;
  17.             document.formulario_.comentario.cols = 30;
  18.             break;
  19.     }
  20. }
  21. </script>
  22. </head>
  24. <form name="formulario_">
  25. <textarea name="comentario" rows="5" cols="30" style="overflow:auto">
  26. Escribe aqu&iacute; tu comentario.
  27. </textarea><br/>
  28. <input type="button" name="grande" value="Grande" onClick="dimensiones(1);"/>
  29. <input type="button" name="normal" value="Normal" onClick="dimensiones(2);"/>
  30. <input type="button" name="little" value="Pequeño" onClick="dimensiones(3);"/>
  31. </form>
  32. </body>
  33. </html>

Si no te gusta lo de los botones, también podemos hacer que el textarea se haga más grande al situar el foco en él, y que encoja al perderlo, como en éste ejemplo:

TEXTO PLANO
HTML:
  3. <form name="formulario_">
  4.  
  5. <textarea name="comentario" rows="5" cols="30" onFocus="this.rows='10';" onBlur="this.rows='5'" style="overflow:auto">
  6. Escribe aqu&iacute; tu comentario.
  7. </textarea><br/>
  8.  
  9. </form>
  10. </body>
  11. </html>

Comentarios (4)

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 |