ElTicus.com

Programación, lenguajes y recursos para programadores

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




Nadie ha puesto ningún comentario todavía


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




No hay comentarios

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) Código fuente Implementación del juego: Piedra papel o Tijeras en Javascript / Html