Ver Mensaje Individual
  #14 (permalink)  
Antiguo 30/06/2010, 16:17
FJVN
 
Fecha de Ingreso: junio-2010
Mensajes: 4
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Previsualizar enlace [SOLUCIONADO]

Ps lo intento de muchas formas y nomas no puedo, checa el codigo porfa y dime donde tengo el error, este es solo un ejemplo de lo que quiero hacer...

Disculpa tanta molestia y muchas gracias.
Veo que soy novato y tengo muchisimo que aprender, gracias por su ayuda.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>

<script type="text/javascript">
<!--
window.onload = function () {

ligas = document.getElementById('enlaces').getElementsByTa gName('IMG');
for(i=0; i<ligas.length; i++) {
ligas[i].onmouseover = prev;
ligas[i].onmouseout = prev;
}
}


function prev(evento){
var evento = evento || window.event;
switch(evento.type) {
case 'onmouseover':
window.c=document.createElement('div');
c.style.position='absolute';
var pos=getElementPosition.call(this);
c.style.left=pos.left+100+'px';
c.style.top=pos.top+100+'px';
c.style.padding='2px';
c.style.border='1px solid #000';
c.innerHTML='<iframe width="250" height="150" frameborder="0" allowtransparency="true" src="'+this.href+'" />';
document.body.appendChild(c);
break;

case 'onmouseout':
document.body.removeChild(window.c);
window.c=null;
break;
}
}


function getElementPosition() {
var offsetTrail = this;
var offsetLeft = 0;
var offsetTop = 0;
while (offsetTrail) {
offsetLeft += offsetTrail.offsetLeft;
offsetTop += offsetTrail.offsetTop;
offsetTrail = offsetTrail.offsetParent;
}
return {left:offsetLeft, top:offsetTop};
}






function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>



</head>

<body onload="MM_preloadImages('ba.png')">
<table id="enlaces" width="10" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a id="Image1" href="Paseo de la fama estrellas 1.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','paseo de la fama/ba.png',1)"><img src="Paseo de la fama/ba 1.png" name="Image1" width="64" height="63" border="0" id="Image1" /></a></td>
<td><a id="Image2" href="Paseo de la fama estrellas 2.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','paseo de la fama/ba.png',1)"><img src="paseo de la fama/ba 1.png" name="Image2" width="64" height="63" border="0" id="Image2" /></a></td>
</tr>
<tr>
<td><a id="Image3" href="paseo de la fama estrellas 3.htm" ><img src="paseo de la fama/boton estrellas 1.png" width="119" height="69" border="0" /></a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>