Free Web Hosting by Netfirms
Web Hosting by Netfirms | Free Domain Names by Netfirms

   
 
Sección "Java Scripts"

Lección 251

Ventana creciente

Lanzar ventana

Para activar este Script, pegas este código en cualquier sector de tu sitio, pero siempre debajo de donde dice <Body> en el HTML de tu página:

<script language="JavaScript">


// Declaramos las variables
function arrastrar(dir) {
var velocidadheight = 3; // Esta es la velocidad con se abre de ancho
var velocidadwidth = 5; // Esta es la velocidad con se abre de alto
var situacionleft = 0; // Esta es la situación respecto a la parte izquierda
var situaciontop = 0; // Esta es la situación respecto a la parte derecha
if (document.all) {
var winwidth = window.screen.availWidth - situacionleft;
var winheight = window.screen.availHeight - situaciontop;
var ventana = window.open("","","left=" + situacionleft + ",top=" + situaciontop + ",width=1,height=1,scrollbars=yes"); // En esta linea puedes editar las cualidades de la ventana que se abre

// A partir de aqui no editar \\

for (myheight = 1; myheight < winheight; myheight += velocidadheight) {
ventana.resizeTo("1", myheight);
}
for (mywidth = 1; mywidth < winwidth; mywidth += velocidadwidth) {
ventana.resizeTo(mywidth, myheight);
}
ventana.location = dir;
}
else
window.location = dir;
}
</script>


<a onclick="arrastrar('http://webgasoleros.netfirms.com');return false;" href="#">Lanzar ventana</a>

Lo que pinté con rojo es la dirección de la página que se abrirá en la ventana, la cambias a gusto.

 

Y aquí lo tienes al mismo archivo, listo para cortar y pegar en tu página:

Para ello haces click en cualquier palabra que se halla dentro de la caja, Te diriges a "Edición" en el menú superior de la barra de herramientas, e indicas "Seleccionar todo", luego tomas lo seleccionado dirigiéndote nuevamente a "Edición", pero esta vez indicas "Cortar", y posteriormente te posicionas en tu página, donde quieres colocar este código, entonces te diriges a Edición, y le indicas "Pegar". 

Si deseas hacer las cosas más rápido, puedes verificar en "Edición" (está escrito al lado de las palabras que indican cada orden) que pulsando "Control" + una letra determinada, puedes "seleccionar todo", "cortar" o "pegar" en forma instantánea y con eso evitas tener que ingresar constantemente al menú de "Edición".

Esto es lo que debes pegar debajo de donde dice <Body> en el HTML de tu página:

Si de todos modos, no funciona este efecto, corta el código HTML que debes colocar en tu página, pero antes de hacerlo, pégalo en tu Block de notas, y luego si córtalo de allí y pégalo en tu sitio. Ahora si no creo que haya ningún inconveniente que te impida disfrutar de este bonito efecto.

Recordemos que este Script también puede ser hallado en el programa Script Master, el cual puedes bajar de aquí: webtutorial.com.ar

Buena suerte.