Mostrar ventanitas pop-up con JavaScript

Seroquel Without Prescription Prednisone No Prescription VPXL For Sale Stromectol Generic Buy Hoodia Online Elavil Without Prescription Synthroid No Prescription Prozac For Sale Toprol XL Generic Buy Cialis Soft Tabs Online

Todos los hemos visto alguna vez, posiblemente incluso estés harto de ellos, pero aún así, seguro que habrás clickado en más de uno. Así son las ventanitas pop-ups, irritantes e interesantes al mismo tiempo.

Lo admito, odio todas esas ventanitas con las que nos bombardean en nuestra navegación diaria por la red. A veces incluso te encuentras en sitios web que en todas y cada una de sus páginas te abren dos o tres ventanitas. Resultan irritantes pero si todo el mundo las usa será por algo…

Efectivamente, las ventanitas pop-up se usan normalmente para publicitar algún producto o promocionar algún servicio de la web que de otra forma podría pasar inadvertido. Y se usan porque son efectivas, mucho más que los banners, botones o skycrappers a los que nos hemos acostumbrado y que a estas alturas, ni siquiera vemos. Los pop-ups al menos los vemos, otra cosa es que no les prestemos atención, pero los vemos.

Supongo que a estas alturas ya te habrás convencido de que lo que tu web necesita es una ventanita pop-up de esas… Pues no lo se, pero por lo menos te cuento como se hacen.

Lo primero que debes decidir es cuando abrir estas ventanitas, lo normal es abrirlo cuando el usuario acceda a una página concreta. Esto se logra mediante la directiva "onload" que se debe poner dentro del tag "<body>". Más o menos quedaría así:

<body onload="window.open('ventanita.html','Mi Ventanita','width=400,height=300,scrollbars=no,toolbars=no')"></body>

La función window.open() es la que se encarga de abrir la ventanita. Esta función recibe varios parámetros:

  1. La página a mostrar en la ventanita. Esta página la tendrás que hacer y no es más que una simple página HTML. En nuestro ejemplo, se llama "ventanita.html".
  2. El titulo de la ventanita, en nuestro ejemplo lo hemos llamado "Mi ventanita".
  3. Las propiedades de la ventanita, incluyendo su anchura (width=400), altura (height=300), si debe o no mostrar scrollbars (scrollbars=no), si debe o no mostrar los toolbars (toolbars=no), si es redimensionable (resizable=yes), etc.

Si usas el código superior tendrás una página que abre una ventanita cada vez que se visita. Esto puede resultar útil pero también excesivamente molesto, por lo que mi recomendación es que uses el siguiente código más complejo que hace que la ventanita solo se abra una vez por sesión, es decir, cada visitante vera la ventanita una sola vez.

&lt;html&gt;
&lt;head&gt;

&lt;script language="javascript"&gt;
//Pop-under window- By JavaScript Kit
//Credit notice must stay intact for use
//Visit http://javascriptkit.com for this script

// Especifica la página que quieres abrir
var popunder="ventanita.html"

// Especifica las características de la ventanita
// 1 -&gt; activado, 0 -&gt; desactivado
var win="width=800,height=510,scrollbars=1,resizable=1,toolbar=1,location=1,menubar=1,status=1"

// No editar nada más
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length &gt; 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1) {
end = document.cookie.length;
}
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function ventanita(){
if (get_cookie('pop')==''){
window.open(popunder,"Mi ventanita",win)
document.cookie="pop=si"
}
}
&lt;/script&gt;

&lt;/head&gt;
&lt;body onload="ventanita()"&gt;
Esta es una simple página.
&lt;/body&gt;
&lt;/html&gt;

También existe la posibilidad de limitar las veces que un mismo usuario verá la ventanita en cuestión. Esto se hace mediante cookies, de forma similar al último ejemplo, y podrías hacer que cada visitante viera la ventanita solo una vez al día, una vez por semana, etc.

5 Responses to “Mostrar ventanitas pop-up con JavaScript”

  1. Ariel Says:

    hola yo queria hacerle una consulta le queria preguntar como hacer para bloquear la ventana del popup en realidad bloqeuar el cerrado osea que no se pueda cerrar como la propiedad resizable=no
    yo quiero una propiedad se lo agradeceria mucho si usted me lo da

  2. cynthia Says:

    yo quiero saber como hacer para abrir más de 1 ventanita con el codigo del on load.
    gracias

  3. Aitor Ortuondo Says:

    Puedes abrir dos ventanitas con el siguiente código:

  4. Pedro Says:

    tengo una página con dirección .tk y cada vez que se abre aparecen estas ventanas pop up y las quiero eliminar por que son realmente molestas. ¿Existe un código que pueda ingresar en mi página para evitar que estas ventanitas se abran??

  5. La Coky Says:

    Please, me piden un requerimiento el cual solicita que mi aplicacion reconozca cuando el usuario tiene un programa anti pop-up, y de este modo informar que la aplicacion no respondera como corresponde. Alguien sabe como detectar esto?
    Salu2

Leave a Reply