Lo primero no se nada de javscript, asique lo que e hecho a sido con google y mucha imaginacion
Tengo una funcion que con un conometro durnate x tiempo mueve una imagen, el problema es ke no me respeta el MAP en FF y que no medeja poner nada por encima de la imagen en FF y deveria de ser 3 links interactivos
aqui codigo scrip:
Código HTML:
<script language="javascript" type="text/javascript">
y= 300;
var CronoID = null
var CronoEjecutandose = true
var decimas, segundos
function DetenerCrono (){
if(CronoEjecutandose)
clearTimeout(CronoID)
CronoEjecutandose = false
}
function InicializarCrono () {
decimas = 0
segundos = 0
document.crono.display.value = '00:00:0'
document.crono.parcial.value = '00:00:0'
}
function MostrarCrono () {
decimas++
if ( decimas > 9 ) {
decimas = 0
segundos++
if ( segundos > 5 ) {
segundos = 0
DetenerCrono()
return true
}
}
var ValorCrono = ""
ValorCrono += (segundos < 10) ? ":0" + segundos : ":" + segundos
ValorCrono += ":" + decimas
document.crono.display.value = ValorCrono
y-= 5;
document.getElementById("imagen").style.right= String(y) + "px";
CronoID = setTimeout("MostrarCrono()", 100)
CronoEjecutandose = true
return true
}
function IniciarCrono () {
DetenerCrono()
InicializarCrono()
MostrarCrono()
}
</script>
asi lo hago funcionar:
<div style="position:absolute; top:169px; left:120px; width:258px; height:70px; text-align:left; z-index=-50; background-color=#000; overflow:hidden;" id="menus" >
<img id="imagen" src="menus/estandartes.png" usemap="#Image-Maps_3201102152323213" border="0" width="257" height="69" alt="" style="position: relative; z-index=-15" />
<map id="_Image-Maps_3201102152323213" name="Image-Maps_3201102152323213">
<area shape="rect" coords="22,17,92,55" href="?mod=mns&sec=1" alt="" title="" />
<area shape="rect" coords="100,17,170,55" href="?mod=mns&sec=2" alt="" title="" />
<area shape="rect" coords="176,16,246,54" href="?mod=mns&sec=3" alt="" title="" />
</map>
<form name="crono">
<input type="hidden" size="8" name="display" >
<input type="hidden" size="8" name="parcial" >
</form>
<script language="javascript">
var sec=0;
var Url = location.href;
Url = Url.replace(/.*\?(.*?)/,"$1");
Variables = Url.split ("&");
for (i = 0; i < Variables.length; i++) {
Separ = Variables[i].split("=");
eval ('var '+Separ[0]+'="'+Separ[1]+'"');
}
if ( mod == 'mns' && sec == 0 )
{
IniciarCrono()
}
</script>
</div>
demo de como funciona y/o falla en :
http://egurre.net/torresalazar/?mod=mns
Muchas gracias por tu tiempo si se os ocurre o saveis como mejorar o arreglar el problema con este script os lo agradecere.