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 [liga a="http://elticus.com/jlpdf/"]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
|