- Desde
- 5 Dic 2013
- Mensajes
- 52
Los Pop-up o ventanas emergentes son cosas del pasado de la internet, su abuso ocasionó que se desarrollara software especialmente diseñado para detener su apertura, que entre otras cosas permitió el boom de Firefox.
Las ventanas emergentes fueron el reino de Internet Explorer, lo que para Firefox fue la Web 2.0.
Todavía hay en la actualidad personas que usan Pop-ups para lanzar sitios web enteros, por una parte para dar la impresión de ser una aplicación y por otro, controlar al usuario y lo que descarga, aunque dicho sea de paso, ya son muy pocos los que deciden hacerlo, por la pérdida de visitas que representan.
Una persona que los use intensivamente, sabe muy poco de diseño web y usabilidad.
Pero no se puede negar que sirven para diversas tareas, se puede implementar de dos formas con Javascript, mediante un enlace o de forma automática con la apertura de una página.
1. Pop-up lanzado mediante un enlace
Antes de la etiqueta </head>, pegamos el siguiente Script
</head>
En cualquier parte entre las etiquetas <body></body> agregamos el siguiente enlace
<a
onload="Abrir_ventana('http://sitio.com/tu_pop_up.html')" href="javascript:Abrir_ventana('http://sitio.com/tu_pop_up.html')">Enlace para lanzar Pop-up</a>
Donde cambiaremos la dirección web destino y podremos agregar otros enlaces con diferentes direcciones.
2. Pop-up lanzado de forma automática
En este caso agregar el siguiente script antes de </head>:
</head>
Y luego en la etiqueta <body> le agregaremos onload="Abrir_ventana('http://sitio.com/tu_pop_up.html')" poniendo la dirección que vayamos a lanzar:
Variables
Noten que el Script tiene diversas variables, las primeras son para la barra de herramientas, el menú, la barra de desplazamiento entre otras que se modifican con la opción yes y no. Toolbar en modo no, por ejemplo, ocultará la barra de herramientas.
width y height controlan el tamaño del Pop-Up, Top y Left la separación respecto arriba y a la izquierda de la pantalla.
El abuso de los Pop-up no se recomienda, tanto porque es una forma agresiva de tratar a tus usuarios, y por ende de perder visitas, como una forma poco práctica de construir un sitio web, debido a software que puede dificultar abrir dichos enlaces, incluido el desactivar Javascript.
By: olbap3155
Las ventanas emergentes fueron el reino de Internet Explorer, lo que para Firefox fue la Web 2.0.
Todavía hay en la actualidad personas que usan Pop-ups para lanzar sitios web enteros, por una parte para dar la impresión de ser una aplicación y por otro, controlar al usuario y lo que descarga, aunque dicho sea de paso, ya son muy pocos los que deciden hacerlo, por la pérdida de visitas que representan.
Una persona que los use intensivamente, sabe muy poco de diseño web y usabilidad.
Pero no se puede negar que sirven para diversas tareas, se puede implementar de dos formas con Javascript, mediante un enlace o de forma automática con la apertura de una página.
1. Pop-up lanzado mediante un enlace
Antes de la etiqueta </head>, pegamos el siguiente Script
HTML:
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=300, height=400, top=0, left=0";
window.open(pagina,"",opciones);
}
</script></head>
En cualquier parte entre las etiquetas <body></body> agregamos el siguiente enlace
<a
onload="Abrir_ventana('http://sitio.com/tu_pop_up.html')" href="javascript:Abrir_ventana('http://sitio.com/tu_pop_up.html')">Enlace para lanzar Pop-up</a>
Donde cambiaremos la dirección web destino y podremos agregar otros enlaces con diferentes direcciones.
2. Pop-up lanzado de forma automática
En este caso agregar el siguiente script antes de </head>:
HTML:
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=400, height=300, top=0, left=0";
window.open(pagina,"",opciones);
}
</script></head>
Y luego en la etiqueta <body> le agregaremos onload="Abrir_ventana('http://sitio.com/tu_pop_up.html')" poniendo la dirección que vayamos a lanzar:
HTML:
<body onload="Abrir_ventana('[COLOR="#FF0000"]http://sitio.com/tu_pop_up.html[/COLOR]')">Variables
Noten que el Script tiene diversas variables, las primeras son para la barra de herramientas, el menú, la barra de desplazamiento entre otras que se modifican con la opción yes y no. Toolbar en modo no, por ejemplo, ocultará la barra de herramientas.
width y height controlan el tamaño del Pop-Up, Top y Left la separación respecto arriba y a la izquierda de la pantalla.
El abuso de los Pop-up no se recomienda, tanto porque es una forma agresiva de tratar a tus usuarios, y por ende de perder visitas, como una forma poco práctica de construir un sitio web, debido a software que puede dificultar abrir dichos enlaces, incluido el desactivar Javascript.
By: olbap3155
