compatibilidad con firefox

ridock · #1 (**permalink**) 05/01/2009, 20:50

Hola a todos, tengo este fragmento de codigo, que funciona correctamente en IEplorer, pero mu gustaria saber porque no funciona en Firefox, y que deberia hacer para que lo hiciese... gracias

Cita:

<html>
<head>
<meta>
<title>tienda</title>
</head>
<STYLE>
.coverstyle {
position:absolute;
left:0px;
width:900;
height:110px;
background-color:black;
filter:alpha(opacity=0,finishopacity=100,style=2,s tartX=0px,startY=0px,finishX=400px,finishY=100px);
}
</STYLE>
<script language="javascript">

function mover() {
x=parseInt(Capa.style.left);
if (x < 990)
Capa.style.left=x+2;
else
Capa.style.left=-800;

setTimeout("mover()",2);
}

</script>
<body bgcolor=#000000 onLoad="mover()">
<div id="Capa" style="position:absolute; width:900; height:100px; border:1; left: -920px; top: 10px;border:2px solid">
<div align="center"><img src="tienda.jpg" name="Imagen" align="middle"></div>
</div>
<div id="cover" class="coverstyle"></div>
</body>
</html>

MoonShadow · #2 (**permalink**) 05/01/2009, 21:31

El problema del código javascript, es cómo estás accediendo al div.

En vez de hacerlo por medio de referencias de ".", deberías hacerlo con el seleccionador standard document.getElementById().

Entonces, tu función sería:

Código javascript:

Ver originalfunction mover()
{
    x=parseInt(document.getElementById('Capa').style.left);
    if (x < 990)
        document.getElementById('Capa').style.left=x+2;
    else
        document.getElementById('Capa').style.left=-800;
    
    setTimeout("mover()",2);
}

Con eso debería moverse como corresponde.

Y para las transparencias, busca el equivalente standarizado, que es el que va a funcionar con Firefox, Opera, etc. El que tienes agregado ahora es el que funciona solamente para IE, tienes que cubrir también el otro espectro.
De eso ya no estoy tan seguro de cómo se hace, así que no puedo brindarte una ayuda directa.

Saludos

jseros · #3 (**permalink**) 06/01/2009, 12:56

Agrego que debes ademas especificar la unidad en pixeles para que funcione correctamente.

Código javascript:

Ver originalfunction mover()
      {
          x=parseInt(document.getElementById('Capa').style.left);
          if (x < 990)
              document.getElementById('Capa').style.left = ( x+2 ) + "px";
          else
              document.getElementById('Capa').style.left = -800  + "px";
 
          setTimeout("mover()",2);
      }

Exitos

ridock · #4 (**permalink**) 08/01/2009, 05:59

ahora el unico problema es encontrar el filtro degradado. he encontrado varias paginas que dan la instruccion "-moz-opacity:XXXX;" pero no es suficiente, lo que busco es que haya un paso de opacidad 0 a 100 a lo largo del filtro...

Panino5001 · #5 (**permalink**) 08/01/2009, 07:17

Para eso tendrás que usar canvas y createLinearGradient. Fijate en esta faq:http://www.forosdelweb.com/2567921-post275.html