javascript en firefox o safari no se ve

[juliopez]

He realizado un javascript muy sencillo para una web, el cual en IExplorer se ve perfectamente, pero no así en firefox o en safari. Me han comentado que la solución está en convertir el java en un applet pero no ando muy suelto en esto, ¿Alguien sabe dónde conseguir un manual o si es este el camino adecuado?

[agaetral]

Lo mas probable es que estes usando funciones de java script propietarios de microsoft, si deseas que funcione en otros navegadores trata de usar siempre funciones estandar o de lo contrario reconocer el browser y aplicar la funcion que le corresponde.

[GreenEyed]

Mas que convertirlo a un applet, el camino más rapido y breve suele ser utilizar un JavaScript que funcione en ambos navegadores, para lo cual hay que estudiar las diferencias en la implementación. Sobretodo si dices que el código JS es tan sencillo.

Quizá planteandolo en el foro de JavaScript, te puedan decir como cambiar el script para que funcione en firefox.

S!

[juliopez]

Imagen de "humo que sale del ratón, a 20 px de él, después de varios segundos" (el ratón sería una imagen de un cigarro, por ejemplo)
la página donde estoy probando el efecto es
eldescanso.es/humo/fuego.htm
(no tengo permisos para poner aquí enlaces)

<SCRIPT LANGUAGE="JavaScript">

ImageE = new Image();
ImageE.src = "es.gif";
Amount = 60;
Ymouse = 0;
Xmouse = 0;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nssize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.mouse move):2;
function Mouse(evnt) {
Ymouse=(document.layers)?evnt.pageY-1:event.y-1;
Xmouse=(document.layers)?evnt.pageX-1:event.x-1;
}
(document.layers)?window.onMouseMove=Mouse:documen t.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*0.5+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 100;
nssize[i] = Math.random()*600+15;
rate[i] = Math.random()*0+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<layer><img src="+ImageE.src+" width="+nssize[i]+" height="+nssize[i]+"></layer>");
}
}
else {
document.write('<div style="position:absolute;top:-20px;left:-20px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="es" src="'+ImageE.src+'" style="position:absolute;top:-20px;left:-20px;filter:alpha(opacity=50)">');
}
document.write('</div>');
}
function Mouseesmo() {
var hscrll = (document.layers)?window.pageYOffset:document.body .scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.body .scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(370 * Math.PI / 40);
sx = Speed[i] * Math.cos(270 * Math.PI / 60);
Ypos[i] += sy;
Xpos[i] += sx;
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 20;
nssize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
es[i].style.pixelLeft = Xpos[i] + wscrll;
es[i].style.pixelTop = Ypos[i] + hscrll;
es[i].style.width = grow[i];
es[i].style.height = grow[i];
}
grow[i] += rate[i];
Cstep[i] += Step[i];
if (grow[i] > 200) grow[i] = 201;
}
setTimeout('Mouseesmo()', 0);
}
Mouseesmo();
// End -->
</script>

[agaetral]

Usas varias funciones que son especificas de IE, tal como dijo GreenEyed necesitas primero reconocer el navegador y luego llamar a la respectiva funcion.

[juliopez]

Sí, he cambiado esas funciones varias veces para que supuestamente las reconozca firefox, pero no hay manera. Sólo lo he conseguido para el segui, para que el objeto siga al ratón, pero no para que este objeto se mueva de manera determinada.
Gracias. Necesitaré un buen manual de javascript.