22 agosto 2009

Generar Ventanas Pop-ups con Javascript

 
A veces queremos mostrar una pagina web de forma practica y sin necesidad de abrir otra ventana mas con el navegador que usemos... Hoy, www.recursosparawebmaster.tk les trae una maravillosa herramienta que los ayudara a mostrar ventanas POP-Ups con solo hacer click en un boton..

Abajo se explican los pasos que debes seguir para insertar este boton que acciona de esta manera, si lo colocaras en el codigo HTML de tu pagina debes seguir los pasos mostrados abajo, si lo deseas pegar en una entrada no funcionara, en la adicion de un Gadget copialo y pegalo tal y como esta...

Puedes modificar algunas cosas, como el tamaño de la ventana, en el codigo se muestra en tamaño como "width" (Anchura) y "Height" (Altura), se muestra 700 x 700, puedes modificarlo al tamaño que quieras...

Tambien debes modificar el nombre que quieres que tenga el boton y la direccion de pagina web que quieres que enseñe la ventana al abrirla...


<!-- DOS PASOS PARA INSTALAR EL JAVASCRIPT:

1. Pegue la primera parte dentro del HEAD de su pagina HTML
2. Utilice la segunda parte para abrir la nueva ventana -->

<!-- PRIMER PASO: Copie este código dentro del HEAD de su pagina HTML -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by: Nic Wolfe
(Nic@TimelapseProductions.com) -->
<!-- Web URL: http://fineline.xs.mw -->

<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=1,resizable=1,width=
700,height=700,left = 362,top = 234');"); }
// End -->
</script>

<!-- SEGUNDO PASO: Utilice el siguiente boton para abrir la nueva ventana -->

<form>
<input type=button value="
NOMBRE DEL BOTON"
onClick="javascript:popUp('
URL DE LA PAGINA QUE QUIERES ABRIR')">
</form>

<!-- Tamano del Script: 0.73 KB -->

Enlaces para compartir en tu blog o pagina web.




Widget por Friki Bloggeo