Asunto: Mostrar ventana emergente en navegador web con java o html
¿Cómo puedo mostrar una ventana emergente en un navegador web? lo que estoy haciendo es una página web donde tengo una sección de "Productos", en ésta, me gustaría que cuando un usuario pulsa en "Detalles" del producto aparezca una ventana emergente. Otra cosa que me interesaría es que el antipopup de Internet Explorer o el de Google Toolbar no las bloqueara ¿es posible?
Publicado:
Jue Feb 15, 2007 11:36 pm
alonsojpd Administrador/Moderador
Registrado: Sep 16, 2003 Mensajes: 2687
Asunto: Re: Mostrar ventana emergente en navegador web con java o ht
Anuncios
varios escribió:
¿Cómo puedo mostrar una ventana emergente en un navegador web? lo que estoy haciendo es una página web donde tengo una sección de "Productos", en ésta, me gustaría que cuando un usuario pulsa en "Detalles" del producto aparezca una ventana emergente. Otra cosa que me interesaría es que el antipopup de Internet Explorer o el de Google Toolbar no las bloqueara ¿es posible?
Los pasos a seguir son:
1. Crear un fichero html que será el principal, el que tenga la lista de productos, artículos o lo que quieras. El contenido de este fichero, a parte de lo que tú tengas (obviamente) será:
<body>
<p>Esto es un ejemplo de visualizaci&n de ventana emergente: <a href='#' onclick='abrirVentana(this)' style=' text-decoration:none;'>Mostrar ventana</a></p>
</body>
</html>
y necesita que exista un fichero llamado (en este caso) "ventana.html", al ser un fichero físico existente en disco, los antipopup no lo calificarán como tal y no te bloquearán la ventana. El inconveniente de hacerlo así es que tienes que programar con PHP, ASP, etc el contenido que quieras que aparezca en este fichero, si quieres que sea variable.
2. Deberás crear el fichero "ventana.html", con el formato que desees. Un ejemplo de contenido de este fichero podría ser:
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ventana emergente</title>
</head>
El texto que aparecerá en la ventana emergente, por supuesto, es variable, incluso, utilizando PHP y MySQL se puede obtener una descripción de un producto o cualquier otra cosa.
<body>
</body>
</html>
Publicado:
Dom Feb 25, 2007 9:13 pm
alonsojpd Administrador/Moderador
Registrado: Sep 16, 2003 Mensajes: 2687
Asunto: Ventana emergente (popup) centrada para IE y Firefox
A continuación os mostramos otro ejemplo de código javascript para mostrar una página html en ventana emergente (popup), centrada. Es válido para Microsoft Internet Explorer y para Mozilla Firefox:
Código:
<html>
<head>
<title>Ejemplo de ventana emergente centrada con Javascript</title>
</head>
<body>
<script>
function obtenerAnchoSegunNavetadorWeb ()
{
if (navigator.userAgent.indexOf("MSIE") > 0)
{
return(document.body.clientWidth);
}
else
{
return window.outerWidth;
}
}
function obtenerAltoSegunNavetadorWeb()
{
if (navigator.userAgent.indexOf("MSIE") > 0)
{
return(document.body.clientHeight);
}
else
{
return(window.outerHeight);
}
}
var ventanaEm = new Object()
function ventanaEmergenteCentrada (paginaMostrar, ancho, alto)
{
var X = obtenerAnchoSegunNavetadorWeb() / 2
var Y = obtenerAltoSegunNavetadorWeb() / 2
ventanaEm = window.open(paginaMostrar, 'PopUp', 'scrollbars=yes ' + 'width=' + ancho + ' ' +
'height=' + alto + ' ' + 'top=' + (window.screenTop +
(Y - (alto/2))) + ' ' + 'left=' +
(window.screenLeft + (X - (ancho/2))))
ventanaEm.focus()
}
</script>
<p>A continuación un ejemplo de ventana emergente (popup) centrada, válido tanto para Firefox como para Internet Explorer:<br/><br/>
<a href="" onclick="ventanaEmergenteCentrada ('http://www.ajpdsoft.com', 640, 480); return(false);">Ejemplo ventana emergente centrada</a>
</p>
</body>
</html>
Publicado:
Sab Jul 05, 2008 10:28 pm
deibit1288 Usuario
Registrado: Dec 08, 2014 Mensajes: 1
Asunto:
hola buen dia, la vdd me sirvio mucho esto pero una pregunta como hago que en lugar de que abra la ruta del archivo me abra una pagina o ruta diferente y como hago tambien para que la ventana emergente se abra delante de la ventana destino
Puede publicar nuevos temas en este foro No puede responder a temas en este foro No puede editar sus mensajes en este foro No puede borrar sus mensajes en este foro No puede votar en encuestas en este foro
Visita nuestro nuevo sitio web con programas y contenidos actualizados: Proyecto A