Bueno un pop-up es algo muy sencillo hay varias formas de hacerse pero les explicare las dos mas conocidas por los web máster.
¿Que es un pop-up?
Supongo que si ya buscaste esto en google, yahoo , etc. y hemos aparecido en primer plana es por que ya sabes lo que buscabas pero bueno para los novatos que apenas visitan nuestro sitio les explicare un poco el pop-up.
Bien un pop-up es una acción que se realiza después de cierto movimiento que ha hecho nuestro visitante o incluso nosotros. Realizada esa acción, digamos que el visitante dio clic en nuestra pagina en un lugar en especifico o incluso en un enlace se abrirá otra ventana con la dirección o pagina que nosotros queramos mostrarle. En muchas ocasiones sirve para buena publicidad, pero es algo fastidiosa.
Bueno les denominaremos Molesta y Suave , ¿por que las denominamos así? no creo que necesitemos explicar su nombre lo dice todo.
Suave: Es la manera mas cómoda para los usuarios de que se cree un pop-up o bueno eso cuando le dan clics al enlace que tiene colgado el pop-up , puesto que hasta ese momento el usuario no se molestara, no mucho.
¿Entonces que vamos a lograr ? Lograremos que el visitante no se enoje hasta que de clic en el enlace jeje, si es cuando se molestara de alguna forma, pero ya les explico como se hace.
El siguiente codigo debe ser aplicado segun indique.( por ejemplo el Javascritp va dentro de las etiquetas head).
<html>
<head>
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
</script>
</head>
<body>
<a href="javascript:Abrir_ventana('popup.html')"><font size="1" face="Verdana">Click aquí para abrir la ventana</font></a>
</body>
</html>
<head>
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
</script>
</head>
<body>
<a href="javascript:Abrir_ventana('popup.html')"><font size="1" face="Verdana">Click aquí para abrir la ventana</font></a>
</body>
</html>
Molesta: La forma mas fácil de aplicar y la forma mas facil la cual si les explicare no como la anterior , no lo explique por que es algo similar.
Bien , primero que nada vamos a buscar nuestro código Head y entre <Head> y </Head> pegaremos:
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
</script>
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
</script>
Ahora buscamos la parte del Body y Atencion que aqui pueden fallar muchos. Despues de haber encontrado la parte del <Body> Vamos a remplazar la ya mencionada (<Body> ). por el siguiente codigo:
<body onload="Abrir_ventana('popup.html')">
Al final de todo obtendremos algo asi:
0 comentarios:
Publicar un comentario