Comunidad de diseño web y desarrollo en internet

Cómo crear un Pop-Up en JavaScript

Aquí os traigo un pequeño tip sobre como crear un Pop-Up en JavaScript. También os explico algunas de sus variantes, espero que os ayude a todos. No coloco todas las variantes aquí, solo unas cuantas, mas adelante pondré mas.

El Pop-Up


El codigo del Pop-Up es el siguiente:
Código:

Código :

<script>
window.open("http://www.foro-informaticos.com","","width=550,height=420")
</script>


Pruebenlo.
Recordatorio: Desactivar "Bloquear ventana emergente".

Los scripts hay que ponerlos entre las etiquetas <script></script>, recuerden esto para siempre ;).

En el Pop-Up (ventana secundaria) puede tener varias variaciones. Una puede ser la de ponerle la barra de desplazamiento:

La barra de desplazamiento


Ahora viene la pregunta, ¿Como se colocan esas barras de desplazamiento? Muy sencillo. Solo teneis que añadir despues de height y separando con una coma:

Código:

Código :

scrollbars=yes
o
scrollbars=1


Información: 1= Si - 0= No

Entonces, quedaría así:

Código:

Código :

<script>
window.open("http://www.foro-informaticos.com","","width=550,height=420,scrollbars=yes")
</script>

o así:

Código :

<script>
window.open("http://cristalab.com","","width=550,height=420,scrollbars=1")
</script>


Pruebenlo.
<i>Recordatorio: Desactivar "ventana emergente"</i>.

La barra de estado


También le podeis agregar la barra de estado, solamente añadiendo esto:

Código:

Código :

menubar=yes

o

Código :

menubar=1


Recuerden, si quereis que no tenga el menubar, no hace falta que se lo pongais ;).

Quedaría así:

Código:

Código :

<script>
window.open("http://cristalab.com","","width=550,height=420,menubar=yes,scrollbars=yes")
</script>


Pruebenlo
Recordatorio: Desactivar "ventana emergente".

¿Qué os parece? ¿Os ha gustado? ¿Os ha servido? ¿Alguna duda? Si es así, preguntadla.

En realidad, un Pop-Up suele ser una ventana sin nada o con el minimo, pero ustedes pueden buscar mas atributos que se le puedan atribuir a este sencillo codigo, venga, animense ;).

Espero que os haiga gustado.

Puede que mas adelante publique mas de mis cosillas ;).

Saludos

Cristalab y Mejorando.la te traen el Curso Profesional de Node.js y Javascript. Online, avanzado, con diploma de certificación y clases en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate