Abrir ventana

Serenity · #1 (**permalink**) 03/09/2008, 17:12

Hola a todos!! :)

No sé si este tema corresponda a este grupo.

Alguien sabe como se hace para abrir una ventana sobre la misma page para ver una imagen más grande, algo como esto:

http://www.animationfactory.com/en/animations.mc

Desde ya gracias

eros2231 · #2 (**permalink**) 03/09/2008, 21:08

<html>

<head>
<title>Informa sobre el destino de un enlace</title>
<STYLE TYPE="text/css">
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200;}
</STYLE>
</head>

<body>
<p ID="dek" CLASS="dek">
<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 popup(msg){
var content="<TABLE WIDTH=130 BORDER=2 BORDERCOLOR=#FF9933 CELLPADDING=2 CELLSPACING=4 "+
"BGCOLOR=#CC33FF><TD ALIGN=center><FONT FACE=VERDANA SIZE=2 COLOR=#FFCC66><b>"+msg+"</b></FONT></TD></TABLE>";
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>
</p>

<p><a href="DIRECCION 1er ENLACE" onMouseOver="popup('AQUI PONES TU EXPLICACION SOBRE EL ENLACE O PUEDES PONER UNA IMAGEN (SABIENDO QUE TIENES QUE PONER ANTES img src= Y LO QUE SIGUE)')" onMouseOut="kill()" ;>AQUI EL NOMBRE DEL ENLACE</a></p>
<p><a href="2do ENLACE" onMouseOver="popup('EXPLICACION AQUI')" onMouseOut="kill()" ;>NOMBRE DEL ENLACE</a>
<p><a href="DIRECCION 3er ENLACE" onMouseOver="popup('EXPLICACION')" onMouseOut="kill()" ;>NOMBRE DEL ENLACE</a></p>
</body>

</html>

no tube tiempo de probarlo pero pruebalo reemplazando por codigos html y cuentanos que pasa

Serenity · #3 (**permalink**) 04/09/2008, 10:34

Gracias Eros!!

He cambiado en la function lo siguiente:

function popup(msg){
var content="<TABLE WIDTH=130 BORDER=2 BORDERCOLOR=#FF9933 CELLPADDING=2 CELLSPACING=4 "+
"BGCOLOR=#CC33FF><TD ALIGN=center><img scr='"+msg+"'></TD></TABLE>";
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>
</p>

<p><a href="DIRECCION 1er ENLACE" onMouseOver="popup('imagen.gif')" onMouseOut="kill()" ;>AQUI EL NOMBRE DEL ENLACE</a></p>

Pero no me muestra la imagen, ni en el recuadro muestra, en qué parte es donde tengo que hacer la modificación para que muestre imagen??

Saludos