website stats » Curioso efecto al abrir una ventana con JS | Solo Código |

Curioso efecto al abrir una ventana con JS

Escrito por J.F. el Viernes, 30 de Noviembre 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.

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

Vía: | ForosdelWeb

Categoria: Curiosidades, Javascript

1 Comentario

Entradas relacionadas


Comentario de Quiepgues

Realizado el Domingo, 28 de Septiembre del 2008 a las 12:55

thats for sure, dude

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

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 |