CUlpa de internet explorer?? Hola por que sera que en IE 6.0 me da el problema que creo enlaces con descripcion usando javascript la cuestion es que en Mozilla todo bien se ven escelente pero en IE se dexonfigura las descripciones me salen por todos lados no a la par como e mozilla
Notese que SI FUNCIONA pero no bien en IE
este codigo uso
//Aqui se cambia el estilo y tamaño del cuadro para la descipcion
<style type="text/css">
.clDescriptionCont {position:absolute; width:200px; visibility:hidden; layer-background-color:#cccccc; z-index:200;}
.clDescription {width:150px; left:0px; top:0px; font-family:verdana,arial,helvetica,sans-serif; overflow:hidden; border: 1px solid #999999; padding:3px; font-size:11px; background-color:#9999FF; layer-background-color:#cccccc;}
.clLinks {position:absolute; left:30px; top:60px; z-index:1;}
.clCaption {position:absolute; left:0px; top:0px; width:157px; height:100px; clip:rect(0px 157px 20px 0px); font-size:12px; font-family:verdana,arial,helvetica,sans-serif; background-color:#000099; layer-background-color:#999999;}
</style>
<p align="center">
<b>Descripción de vínculo 5
<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()
messages=new Array()
//Write your descriptions in here.
messages[0] = "Descripción del vínculo 1"
messages[1] = "Descripción del vínculo 2"
messages[2] = "Descripción del vínculo 3"
messages[3] = "Descripción del vínculo 4"
messages[4] = '<div class="clCaption"><strong><font color="white"> DARPA</strong></font></div><br><font color="black">Agencia para el desarrollo de proyectos avanzados de Defensa</font></div>'
messages[5] = '<div class="clCaption"><strong><font color="white"> IP</strong></font></div><br><font color="black">dirección de un dispositivo en una red informática.</font></div>'
//To have more descriptions just add to the array.
fromX = 50 //How much from the actual mouse X should the description box appear?
fromY = -20 //How much from the actual mouse Y should the description box appear?
//To set the font size, font type, border color or remove the border or whatever,
//change the clDescription class in the stylesheet.
//Makes crossbrowser object.
function makeObj(obj){
this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
if(!this.evnt) return false
this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?thi s.evnt:0;
this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css .document:0;
this.writeIt=b_writeIt;
return this
}
// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";
function b_writeIt(text){
if (bw.ns4){this.wref.write(text);this.wref.close()}
else this.wref.innerHTML = text
}
//Capturing mousemove
var descx = 0
var descy = 0
function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event .x; descy=bw.ns4||bw.ns6?e.pageY:event.y}
var oDesc;
//Shows the messages(ESTE es la funcion que controla la posicion del cuadro sin embargo no la mantiene en el IE)
function popup(num){
if(oDesc){
oDesc.writeIt('<div class="clDescription">'+messages[num]+'</div>')
if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop
oDesc.css.left = (descx+fromX)+px
oDesc.css.top = (descy+fromY)+px
oDesc.css.visibility = "visible"
}
}
//Hides it
function popout(){
if(oDesc) oDesc.css.visibility = "hidden"
}
function setPopup(){
if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = popmousemove;
oDesc = new makeObj('divDescription')
}
</script>
</head>
<body marginleft="0" marginheight="0">
<div style="position:absolute; left:0; top:0">
<p align="center"></div>
<!-- END DELETE -->
<div id="divDescription" class="clDescriptionCont">
<!--Empty div-->
</div>
<script type="text/javascript">setPopup()</script>
Si no se puede solocuiona con este codigo donde puedo encontrar algun ejemplo o ocdigo para crear enlaces con descripcion que si funcione bien en IE
