¿Páginas emergentes?
Tengo una página web en la cual cuando click en un link me abre otra ventana para mostrarme una pequeña ayuda. ¿Cómo hago que esta nueva ventana se muestre del tamaño que yo necesite y no tenga los menús ni los iconos del IExplorer? ¿Y qué al hacer click en esta se vuelva a cerrar?
2 respuestas
Respuesta
1
Puedes usar un javascript que abre un popup sin las barras normales de los exploradores. Lo primero es hacer un enlace (link) al javascript y definir los parámetros (tamaño, barras de desplazamiento, etc):
Un código de ejemplo:
<a href='javascript:window.open('popup.htm','_blank','top=5,left=100,menubar=0,scrollbars=0,width=300,height=200')
>abrir popup</a>
este código abre un popup en posición 5px desde arriba[top=5], 100px desde la izquierda[left=100] (posiciones de la ventana), sin barras de menú[menubar=0] lo mismo que para las barras de dezplazamiento[scrollbars=0] y con tamaño 300x200 [width=300,height=200].
Para cerrar la ventana, debes hacer un link (texto o imagen) también a un javascript con la instrucción "window.close()", por ejemplo:
<a href='javascript:window.close()'> cerrar ventana</a>
si es una imagen, puedes reemplazar el 'cerrar ventana' por <img src="imagen.jpeg">
Un código de ejemplo:
<a href='javascript:window.open('popup.htm','_blank','top=5,left=100,menubar=0,scrollbars=0,width=300,height=200')
>abrir popup</a>
este código abre un popup en posición 5px desde arriba[top=5], 100px desde la izquierda[left=100] (posiciones de la ventana), sin barras de menú[menubar=0] lo mismo que para las barras de dezplazamiento[scrollbars=0] y con tamaño 300x200 [width=300,height=200].
Para cerrar la ventana, debes hacer un link (texto o imagen) también a un javascript con la instrucción "window.close()", por ejemplo:
<a href='javascript:window.close()'> cerrar ventana</a>
si es una imagen, puedes reemplazar el 'cerrar ventana' por <img src="imagen.jpeg">
Respuesta de Jorge Vila
1
Para crear la nueva ventana con el tamaño que decidas, utiliza este javascript:
<script language="JavaScript">
window.open('pagina_a_abrir.htm', 'example1', 'width=400, height=300, location=no, menubar=yes, status=no, toolbar=yes, scrollbars=yes, resizable=no');
</script>
Esto te abrirá una ventana con los parámetros, ponla en el evento onclick de un link o en el propio href. Llamando a una función.
Para que al hacer click, se cierre la ventana, utiliza este javascript: self.close();
<script language="JavaScript">
window.open('pagina_a_abrir.htm', 'example1', 'width=400, height=300, location=no, menubar=yes, status=no, toolbar=yes, scrollbars=yes, resizable=no');
</script>
Esto te abrirá una ventana con los parámetros, ponla en el evento onclick de un link o en el propio href. Llamando a una función.
Para que al hacer click, se cierre la ventana, utiliza este javascript: self.close();
¿Debo poner el código que me dices en el evento click del link? Estoy trabajando con dreamweaver, ¿dónde encuentro la opción del evento click? (Mil disculpas pero soy principiante en estas cosas)
Edita el código fuente y escríbelo dentro del TAG <a href="#" onclick="javascript:window.open('pagina_a_abrir.htm', 'example1', 'width=400, height=300, location=no, menubar=yes, status=no, toolbar=yes, scrollbars=yes, resizable=no');"> Abrir Pagina </a>
No se exactamente si te he puesto bien las comillas y tal, juega un poco con eso.
Ánimo!
No se exactamente si te he puesto bien las comillas y tal, juega un poco con eso.
Ánimo!
<a href="form1.htm" onclick="javascript:window.open('form1.htm', 'example1', 'width=400, height=300, location=no, menubar=yes, status=no, toolbar=yes, scrollbars=yes, resizable=no');">FORMULA
1 (FRUTILLA - BEBIDA NUTRICIONAL)</a><br>
1 (FRUTILLA - BEBIDA NUTRICIONAL)</a><br>
No se si me quieres preguntar algo con eso, pero hay un fallo, debes de dejarlo así:
<a href="#" onclick="javascript:window.open('form1.htm', 'example1', 'width=400, height=300, location=no, menubar=yes, status=no, toolbar=yes, scrollbars=yes, resizable=no');">FORMULA
1 (FRUTILLA - BEBIDA NUTRICIONAL)</a><br>
Ten en cuenta que al Form1 lo llamas ya en el onclick!.
Suerte!
<a href="#" onclick="javascript:window.open('form1.htm', 'example1', 'width=400, height=300, location=no, menubar=yes, status=no, toolbar=yes, scrollbars=yes, resizable=no');">FORMULA
1 (FRUTILLA - BEBIDA NUTRICIONAL)</a><br>
Ten en cuenta que al Form1 lo llamas ya en el onclick!.
Suerte!