Ventanitas Pop-up
Categorias: JavaScript
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 “
“. Más o menos quedaría así:La función window.open() es la que se encarga de abrir la ventanita. Esta función recibe varios parámetros:
- 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”.
- El titulo de la ventanita, en nuestro ejemplo lo hemos llamado “Mi ventanita”.
- 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.
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.
Tagging: html, javascript, pop ups, scrollbars, ventanita
-
3 comentarios | Escriba su comentario
1. antonio | 22/09/2006 15:49
Hola..muy buen trabajo te felicito me ayudo a entender la creacion de popups..solo que no se como hacerle para que el popup que cree, muestre los valores de una BD…
2. webmaster | 24/09/2006 12:19
Hola antonio,
Para eso ya tienes que hechar manod e algń lenguaje de programación “del lado del servidor”, es decir, PHP, Perl o similares. COmo JavaScript o HTML no puedes hacer acceder a bases de datos.
3. German | 02/02/2008 16:37
ya e entendido como funcionan los opo ups
pero lo que estoy buscando es crear uno campatible con myspace !!
ya que esto solo funciona con paginas
no hay alguna especie de codigo que adapte el pop up para myspace ?
Escribir comentario
Los comentarios son propiedad y responsabilidad de sus autores. Los comentarios fuera de tópico y el spam serán removidos. Los e-mails se mantienen privados y no se publican ni utilizan para otros efectos que los de validación. Aparte de eso, sean bienvenidos a comentar.
Trackback este artículo | Suscibase a los comentarios con RSS Feed