Códigos javascript para el control de ventanas secundarias y emergentes.

<html> <head> <title>Abre tres ventanas secundarias distintas con tres tipos de enlace</title> <script language=javascript> function Ventana_001 (URL){ window.open(URL,"UTERRA","width=500,height=300,top=300,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO") } </script> <script language=javascript> function Ventana_002 (URL){ window.open(URL,"UTERRA","width=300,height=400,top=50,left=100,scrollbars=NO,titlebar=NO,menubar=NO,toolbar=NO,directories=YES,location=NO,status=NO,resizable=NO") } </script> <script language=javascript> function Ventana_003 (URL){ window.open(URL,"UTERRA","width=300,height=300,top=100,left=450,scrollbars=YES,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=YES") } </script> </head> <body> <p><a href="javascript:Ventana_001('http://www.uterra.com')"> <font face="Verdana" color="#FF0000">Enlace</font></a></p> <p><a href="javascript:Ventana_002('http://www.uterra.com/internet/codigos_javascript.htm')"> <font face="Verdana" color="#FF0000">Enlace</font></a></p> <p><a href="javascript:Ventana_003('http://www.uterra.com/internet/promociona_web.htm')"> <font face="Verdana" color="#FF0000">Enlace</font></a></p> <p>------------------------------------------------------------------</p> <p><input type=button value="ENLACE" onclick="Ventana_001('http://www.uterra.com')"></p> <p><input type=button value="ENLACE" onclick="Ventana_002('http://www.uterra.com/internet/crear_web.htm')"></p> <p><input type=button value="ENLACE" onclick="Ventana_003('http://www.uterra.com/internet/promociona_web.htm')"></p> <p>------------------------------------------------------------------</p> <p><a href="javascript:Ventana_001('http://www.uterra.com')"> <img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0008.jpg" width="125" height="125"></a></p> <p><a href="javascript:Ventana_002('http://www.uterra.com/internet/crear_web.htm')"> <img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0007.jpg" width="125" height="125"></a></p> <p><a href="javascript:Ventana_003('http://www.uterra.com/internet/promociona_web.htm')"> <img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0006.jpg" width="125" height="125"></a></p> </body> </html>

Ver demostración

CÓDIGO 0353

Cerrar ventanas secundarias.

Cierra las ventanas secundarias con tres tipos de enlaces distintos, elige el que mas te guste.

CÓDIGO 0354

Abre tu pagina en la totalidad de la pantalla.

Este script abre tu pagina en la totalidad de la pantalla, para cerrar esta ventana pulsa ALT + F4.

<html> <head> <title>Abre una ventana que ocupa por completo la pantalla</title> <script language=javascript> function PantallaCompleta (URL){ window.open("http://www.uterra.com","","fullscreen,scrollbars") } </script> </head> <body> <p><a href="javascript:PantallaCompleta('http://www.uterra.com')"><font face="Verdana" color="#FF0000">Pantalla Completa</font></a></p> <p><input type=button value="Pantalla Completa" onclick="PantallaCompleta('http://www.uterra.com')"></p> <p><a href="javascript:PantallaCompleta('http://www.uterra.com')"> <img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0001.jpg" width="125" height="125"></a></p> </body> </html>

Ver demostración

CÓDIGO 0355

Ventana Active Channel

Otra forma de abrir ventanas secundarias en JavaScript

CÓDIGO 0356

Ventana en el centro de la pantalla.

Este script te permite abrir una ventana en el centro justo de la pantalla con independencia de la resolución que tenga el visitante.

<html> <head> <title>Abrir ventana centrada en la pantalla</title> <script language="JavaScript1.2"> function VentanaCentrada(theURL,winName,features, myWidth, myHeight, isCenter) { //v3.0 if(window.screen)if(isCenter)if(isCenter=="true"){ var myLeft = (screen.width-myWidth)/2; var myTop = (screen.height-myHeight)/2; features+=(features!='')?',':''; features+=',left='+myLeft+',top='+myTop; } window.open(theURL,winName,features+((features!='')?',':'')+'width='+myWidth+',height='+myHeight); } </script> </head> <body> <p><A href="javascript:;" onClick="VentanaCentrada('http://www.uterra.com','Test','','300','300','true')"> <font color="#FF0000" face="Verdana">Ventana Centrada</font></a></p> <p><input type=button value="Ventana Centrada" onclick="VentanaCentrada('http://www.uterra.com','Test','','400','400','true')"></p> <p><a href="javascript:VentanaCentrada('http://www.uterra.com','Test','','500','500','true')"><img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0004.jpg" width="125" height="125"></a></p> </body> </html>

Ver demostración

Página anterior

Página siguiente