Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

¿Cómo puedo abrir y cerrar un popup?

Sólo deseo que cuando una persona haga clic sobre un enlace se abra una ventana popup, sin barra de menú, de botones, que no se pueda modificar su tamaño o maximizar o minimizar y que se pueda cerrar desde un enlace dentro del popup.
Cuando den clic que aparezca el popup, con un enlace al final de él para que la persona lo pueda cerrar.

Me gustaría saber cómo controlar todos los parámetros del popup, es decir, el tamaño que barras y que no se ven, en fin, todo lo que se pueda hacer.

La FAQ ¿Cómo puedo abrir y cerrar un popup? tiene Pertenece a la categoría:


 Respuesta de Christian Santalucía  12/12/02 
Te mando el código que realicé en una de mis páginas.

<HEAD>
<script language="JavaScript">
function ventanaSecundaria (URL){
window.open(URL,"ventana1","width=500, height=350, scrollbars=no, menubar=no, location=no, resizable=no")
}
</script>
</HEAD>

Tienes disponible en DesarrolloWeb.com Un artículo detallado para abrir ventanas secundarias.

Nota: Donde veas esto:"width=500, height=350, scrollbars=no, menubar=no, location=no, resizable=no" es donde puedes decirle si quieres barra de desplazamiento etc, sólo tienes que cambir los valores por "yes"

Esto es el enlace que abrirá la ventana.

Nota: tienes que ponerlo entre <body> y </body>

<a href="javascript:ventanaSecundaria ('nombre de la página.htm')"> ABRIR POPUP</a>

Y por último este para cerrar el popup.

<a href="javascript:window.close();">CERRAR POPUP </a>

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

 Comentarios de los visitantes
Se muestran 2 comentarios revisados

 Comentario de Danny
29/11/05 
Si deseas que la página madre no se recargue cuando das click en el enlace, simplemente agrega lo siguiente al enlace del popup:

<a href="javascript:ventanaSecundaria('nombre de la página.htm'); return:false;"> ABRIR POPUP</a>

Esto hará que simplemente se abra el popup sin tener que recargarse la página madre. Muy util.

 Comentario de Christopher C
20/4/06 
Debe tenerse en cuenta que si se desea respetar el estandar XHTML 1.0, en primer lugar debe escribirse en minuscula cualquier metatag y que utilizando esta forma (refresh), por ejemplo:

<noscript>
<meta http-equiv="refresh" content="0;URL=formulario02.html" />
</noscript>

No pasa el estandar pues <noscript> no es un tag válido para la cabecera (<head>).

Otro contra, es que esta forma inhibe la navegación del usuario pues el botón "back" pierde su funcionalidad.

 
FAQ relacionadas
  + Mostrar una dirección simple en la barra de direcciones
  + ¿Por qué aconsejan aprender HTML?
  + Enlaces para descarga de archivos
  + Listas con símbolos distintos de los habituales
  + Contenido de los META
  + Mezclar formas en los mapas de imágenes
  + Compatibilidad de Iframe en los distintos navegadores.
  + Alinear el contenido horizontal y verticalmente
  + Cambiar la descripción de las etiquetas META una vez publicadas
  + problemas con la inserción de un icono personalizado en mi web.
  + Descargar archivos automáticamente al entrar en una página
  + Indicar el asunto en los enlaces a email y formularios
  + Cómo insertar un contador de visitas
  + Tabla HTML con borde simple en vez de doble
  + Cambiar color a los enlaces
  + Evitar que el navegador muestre archivos que pongo para descarga
  + Dirigir un enlace al frame deseado, en vez de a si mismo
  + Quiero hacer un enlace fuera de mi página.
  + Tengo un problema a la hora de implementar un scroll.
  + Ir a la página anterior al pulsar una imagen
  + ¿ 800X600 o 1024X768 ?
  + Evitar que se abran en el navegador los enlaces a archivos de descarga
  + Texto en movimiento con HTML
  + Enlaces a carpetas en lugar de archivos
  + Comas en lista de palabras clave
  + Editores de HTML
  + Mapa de imágenes con HTML
  + Enlaces que muestran explicación al poner el ratón encima
  + HTML en un correo
  + Tildes en tu página web
  + Cómo hacer un frame sin bordes
  + Ventajas e inconvenientes de los frames
  + Web Safe Colors
  + La etiqueta <BR>, no se tiene que cerrar?
  + Para que sirve en concreto la etiqueta <head>...</head>?
  + Enlaces a correos electrónicos de envío automático
  + Error típico en mapas de imágenes por #
  + Cambiar tipografía para toda la página
  + Centrar tabla
  + Poner enlaces en HTML de un color determinado
  + ...

Para ver más FAQ relacionadas accede a las categorías:

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia