PopUp centrado en pantalla

Función en javascript para crear un popup centrado horizontal y vrticalmente en pantalla. Utilizaremos 3 parametros para llamar a la función: url o página en la q queremos cargar el popup, ancho y altura del popup.

Acontinuación os adjuntamos un sencillo ejemplo de utilización de esta función:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Popup centrado en pantalla</title>
  6. <script type="text/javascript">
  7. function popup(url,ancho,alto) {
  8. var posicion_x;
  9. var posicion_y;
  10. posicion_x=(screen.width/2)-(ancho/2);
  11. posicion_y=(screen.height/2)-(alto/2);
  12. window.open(url, "leonpurpura.com", "width="+ancho+",height="+alto+",menubar=0,toolbar=0,directories=0,scrollbars=no,resizable=no,left="+posicion_x+",top="+posicion_y+"");
  13. }
  14. </script>
  15. </head>
  16. <body>
  17. <a href="javascript:popup('popup.html',400,300)">abrir</a>
  18. </body>
  19. </html>

Noticias

Pronto os mantendremos informados de nuevas noticias de diseño gráfico, páginas web, multimedia, etc..

Últimos tutoriales

Categorías

Enlaces web

  • seo VS google | Vseo

© León Púrpura 2008
Zamora | Salamanca | León

Profesionales de diseño web en León
Enlaces | Colabora con nosotros | Solicita presupuesto