Ventanas emergentes POPUP con html

La mejor manera de usar las ventanas popup.

¿como crear ventanas emergentes  con javascript?

 

Ya has de saber que algunas personas colocan ventanas emergentes con publicidad al abrir la pagina aunque eso es realmente algo molesto porque siempre vas a terminar cerrando esa ventana los mas pronto posible sin querer saber de que se trata, bueno esta vez les voy a mostrar la mejor manera de usar las ventanas emergentes y asi darle al usuario la opción de elegir si la quiere abrir o no.

Por ejemplo puedes colocar un formulario, un archivo de texto(pdf) un demo de tu proyecto en html, algo que por alguna razón sea mas conveniente abrir en una ventana emergente.

 

Ejemplo codigo: 

 

 

<a href="http://notoyontoy.site40.net/" target="_blank" 

   onclick="window.open(this.href, this.target, 'top=100,left=50, width=900,height=450'); return false;" >

POP UP</a>

 

 

 

Resultado:    POP UP

 

El codigo funciona de la siguiente manera, en el atributo href="URL"  va el enlace de la pagina que se muestra en la ventana emergente y las dimensiones las modificas de acuerdo al contenido que quieres mostrar.

En el codigo donde estan las propiedades width=900,height=450  vas a definir el ancho y alto.

tambien puedes elegir que posición tomará la ventana emergente :

top=100   : es la distancia que ha de haber entre la parte superior

de la pantalla y la ventana emergente.

left=50    : es la distancia que ha de haber entre la parte izquierda

 

de la pantalla y la ventana emergente.

 

 

Bien hasta aqui creo que esta claro como funciona si tienes dudas deja tu comentario.

Enseguida esta el codigo de la ventana emergente por medio de una imagen.

 

 

 

<a href="http://notoyontoy.site40.net/" target="_blank" onclick="window.open(this.href, this.target, 'top=100,left=50, width=900,height=450'); return false;" >

   <img src="http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/i78b65288edf1df63/1436935567/std/image.png" alt=""/>

</a>

 

 

 

Tan solo colocando el codigo de una imagen donde estaba el la palabra popup y el resultado es el siguiente:

Espero les sea de gran ayuda esta informacion tambien vean mi canal de youtube y suscribanse para recibir notificaciones en su correo cuando suba video.

  NOTOYONTOY-YOUTUBE



Escribir comentario

Comentarios: 4
  • #1

    Luis (viernes, 19 agosto 2016 21:39)

    Ey Gracias! Me gusto mucho el sonido de la ventana emergente jaja

  • #2

    Matias (viernes, 30 septiembre 2016 22:22)

    Hola que tal.

  • #3

    notoyontoy (domingo, 02 octubre 2016 01:20)

    Hola Saludos! :D

  • #4

    MalconDaytoon (viernes, 10 febrero 2017 16:02)

    0980521171