Baner principal del sitio
Recurso no clasificado
Script en javascript para abrir una liga dentro de una ventana aparte tipo POPUP
Código fuente en HTML
Publicado por jl Fecha: 2007-09-13 21:53:19 Idioma: Español Tipo de documento:

Código HTML para abrir una página dentro de una ventana tipo POPUP

El código que logra este efecto, es muy útil y es de las rutinas que todo programador Web debe tener siempre a la mano. El código fuente es el siguiente:

NOTA: Para probarlo, poner todo el código en un archivo de extensión HTM.

<html>
<head>

<script language=javascript>
  function ventana(url)
  {
   var vanc = 730; //<- Ancho de la ventana
   var valt = 600; //<- Alto de la ventana
   var vtop = (screen.Height/2) -(valt/2);
   var vlef = (screen.Width/2) - (vanc/2);
   var argumentos = 'toolbar=0,location=0,directories=0,
    status=1,menubar=0,resizable=0,width='+vanc+',
    height='+valt+',top='+vtop+',left='+vlef+'scrollbars=1';
   window.open(url,'ventana1',argumentos);
 }
</script>

</head>
<body>

<a href="javascript:ventana('http://www.elticus.com/fpdf/')"> Ver documento </a>

</body>
</html>


En la sección de la cabecera se declara la función, aunque en la práctica puede declararse en cualquier lugar, incluso puedes declararla justo antes de utilizarla, pero no la declares más de una vez en cada página.

y para llamarla utilizas:

<a href="javascript:ventana('URL')"> Ver documento </a>

donde URL es la dirección de lo que pretendes que se muestre en dicha ventana.

Probe a generar un PDF con FPDF/JLPDF y abre el PDF en la ventana sin problemas.

Le incluí unas lineas que pretenden centrar la ventana nueva en la pantalla. Pero solo funcionan en Internet Explorer




Hay 2 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aquí: Imagen anti-spam =

Comentarios de parte de los lectores:

1. Comentario de HUGO el 2008-07-26 20:19:34
ESTA CHIDA LA PAGINA ME ENCANTA

2. Comentario de sazu el 2008-03-26 00:37:22
good


Artículos relacionados:
Truco Como colocar un tooltip sobre los elementos de mi página Recurso no clasificado Las funciones para codificar y descodificar un URL (código fuente)