Centrar popup según resolución de pantalla

Serenity · #1 (**permalink**) 08/12/2010, 13:53

Hola!!, esa es la situación necesito que al ponerse el mouse sobre una imagen se abra un popup con una imagen más grande, pero que el popup esté centrado según la resolución de la pantalla.

Para lo cual tengo el siguiente código:

Código HTML:

Ver original<head>
<STYLE TYPE="text/css">
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200;}
</STYLE>
</head<body bgcolor="#ffffff" topmargin="0" leftmargin="0" >
 
<p ID="dek" CLASS="dek">
>

Código Javascript:

Ver original<SCRIPT TYPE="text/javascript">
Xoffset=-20;
Yoffset= 20;
 
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape") {(document.layers)?nav= true: old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
 
function pop(img){
var content="<img src=imagenes/"+img+">";
 
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content); skn.document.close(); skn.visibility="visible"}
if(iex){document.all("dek").innerHTML= content; skn.visibility="visible"}
}
}
 
 
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft; skn.left= x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop; skn.top=y+yyy;
}
 
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
 
</SCRIPT>

Código HTML:

Ver original<a href="#" onMouseOver="pop('miimageng.jpg')" onMouseOut="kill()" ;>
   <img alt="" src="imagenes/iimagenp.jpg" width="181" height="128">  
</a>  <body>

Pero no he logrado centrarla en la pantalla, desde ya gracias por su atención y ayuda.

zerokilled · #2 (**permalink**) 08/12/2010, 14:55

no se si es que te contradices o si es que estas aplicando mal los terminos. el codigo no demuestra operar sobre un popup sino sobre un elemento. si vas a trabajar con popups, aca puedes ver un ejemplo. si vas a trabajar sobre elementos, te recomiendo que busques otro codigo porque el que tienes es obsoleto. en este tema puedes ver una posible solucion con css. hacerlo con javascript seria basicamente lo mismo que en css puesto que javascript lo que hace es modificar valores css. si tienes duda en como hacer en css, consulta el foro apropiado.

IsaBelM · #3 (**permalink**) 08/12/2010, 14:57

usa screen.width y screen.height, de esta manera obtienes el alto y ancho de la pantalla, a esto lo divides entre 2 y a esto a su vez, le restas la mitad de ancho y el alto de la popup