Crear ventanas pop ups con JavaScript
Normalmente se crean ventanas Pop Ups para hacer publicidad o enviar trafico a otros sitios, en este tutorial te enseñare a como crear ventanas pop ups para que puedas implementarlo en tu sitio web. Estas ventanas ups que te mostrare son capaces de abrirse cuando se de click en un enlace o incluso abrirse solas después de ciertos segundos.
Abrir una ventana al dar click a cierta etiqueta
<script>
function Abrir(){
window.open("http://www.miscoders.com");
}
</script>
Esto no nos abrira una ventana pop up, mas sin embargo nos abrirá una ventana a la par de nuestra ventana, es decir una nueva pestaña, esto nos podría servir para desviar el trafico, o lo que desees hacer con tu sitio. Recuerda que no solo se trata de poner esta etiqueta en tu JS si no también debes vincularla a tu etiqueta(La cual se va a clickear).
Abrir ventana Pop Up al dar click en un enlace
AL igual que el script anterior necesitarás una etiqueta HTML para poder hacer que las personas abran esta ventana pop up, sin embargo esta si se abrirá en una nueva ventana diferente.
<script>
function Abrir(){
window.open("http://www.miscoders.com", "Nombre de la ventana: Miscoders.com", "width: 600px; height: 700px");
}
</script>
Esto hara que habras una ventana popup de un ancho de 600px y 700px;
Abrir pestaña automaticamente
Esto es mas facil de lo que crees, tambien se puede hacer con el evento OnLoad de Javascript, pero en este caso solo podremos una especie de temporizador a nuestro codigo de JavaScript, para hacer esto hacremos lo siguiente:
<script>
setTimeout("window.open('http://www.miscoders.com')",2000);
</script>
Esto hara lo siguiente: Abrirá una ventana automaticamente despues de haber pasado 2k de milisegundos.
Abrir ventana Popup Automaticamente
Al igual que con lo anterior siempre utilizaremos SetTimeout para darle un tiempo predeterminado.
<script>
setTimeout("window.open('http://www.miscoders.com', 'Window','width:600px; height:700px')", 2000);
</script>
Comentarios
Publicar un comentario