Utilizamos cookies propias y de terceros. [Más información sobre las cookies].
Política de cookies
Proyecto AjpdSoft

· Inicio
· Buscar
· Contactar
· Cookies
· Descargas
· Foros
· Historia
· Nosotros
· Temas
· Top 10
· Trucos
· Tutoriales
· Wiki
Proyecto AjpdSoft: Foros

AjpdSoft :: Ver tema - Mostrar ventana emergente en navegador web con java o html
Foros de discusión Buscar Perfil FAQ Iniciar sesión
Information Mostrar ventana emergente en navegador web con java o html

Publicar nuevo tema Responder al tema
Foros de discusión » Varios (seguridad, internet, ofimática, errores)   
Ver tema anterior :: Ver tema siguiente
AutorMensaje
varios
Magnífico usuario


Registrado: Oct 10, 2006
Mensajes: 2092

Asunto: Mostrar ventana emergente en navegador web con java o html Responder citando

¿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?
MensajePublicado:
Jue Feb 15, 2007 11:36 pm
Top of PageVer perfil de usuario
alonsojpd
Administrador/Moderador


Registrado: Sep 16, 2003
Mensajes: 2687

Asunto: Re: Mostrar ventana emergente en navegador web con java o ht Responder citando



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á:

Código:

<html>
<head>
<title>Prueba ventana emergente</title>
</head>

<script language="JavaScript" type="text/JavaScript">
<!--
function abrirVentana(objeto)
{
  var contenido;

  ventana=window.open ("ventana.html",'ventana_sec',
      'scrollbars=no, status=no, resizable=yes,
     toolbars=0, location=0, directories=0,
     menubar=0, width=400, height=350');
  ventana.document.open();
}
</script>

<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>



Como puedes observar la función es:

Código:

function abrirVentana(objeto)
{
  var contenido;
 
  ventana=window.open ("ventana.html",'ventana_sec',   'scrollbars=no,status=no,resizable=yes,toolbars=0,location=0,directories=0,menubar=0,width=400,height=350');
  ventana.document.open();
}


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>
MensajePublicado:
Dom Feb 25, 2007 9:13 pm
Top of PageVer perfil de usuario
alonsojpd
Administrador/Moderador


Registrado: Sep 16, 2003
Mensajes: 2687

Asunto: Ventana emergente (popup) centrada para IE y Firefox Responder citando

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>

MensajePublicado:
Sab Jul 05, 2008 10:28 pm
Top of PageVer perfil de usuario
deibit1288
Usuario


Registrado: Dec 08, 2014
Mensajes: 1

Asunto: Responder citando

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
MensajePublicado:
Lun Dic 08, 2014 5:59 pm
Top of PageVer perfil de usuario
Mostrar mensajes de anteriores:   
Todas las horas son GMT - 1 Horas
Publicar nuevo tema Responder al tema
Foros de discusión » Varios (seguridad, internet, ofimática, errores)  

Cambiar a:  
Key
  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