JavaScript - Problemas con DOCTYPE y Javascript

   
Vista:

Problemas con DOCTYPE y Javascript

Publicado por Link Greenleaf (2 intervenciones) el 11/08/2010 18:09:17
Hola,

Tengo un código en Javascript para mostrar una imagen al poner el mouse sobre un element, en mi caso es un enlace.

Todo funciona correctamente excepto cuando en mi página tengo la siguiente etiqueta:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Cuando tengo esa línea en mi página no me jala el javascript en Firefox 3.6.8 y si en funciona en IExplorer 8. Si quito la línea me jala perfectamente el javascript en ambos navegadores peroooooo no me reconoce varios estilos (CSS) en mi página :(

Lo que necesito es tener el DOCTYPE y que me funcione el Javascript en FireFox.

El código en javascript es el siguiente:

Xoffset= -60; // modify these values to ...
Yoffset= 20; // change the popup position.
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)
document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;

function popup(msg,bak){
var content="<TABLE WIDTH=100 CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
yyy=Yoffset;
if(ns4){
skn.document.write(content);
skn.document.close();
skn.visibility="visible";
}
if(ns6){
document.getElementById("dek").innerHTML=content;skn.display=''
}
if(ie4){
document.all("dek").innerHTML=content;skn.display=''
}
}

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}

function kill(){
yyy=-1000;
if(ns4){
skn.visibility="hidden";
}
else if (ns6||ie4)
skn.display="none"
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Problemas con DOCTYPE y Javascript

Publicado por Link Greenleaf (2 intervenciones) el 11/08/2010 18:38:53
Hola,

Problema resuelto, simplemente hay que vacia la cache de FireFox y corregir la siguiente función:

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollL eft;
skn.left=x+Xoffset + "px";
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollT op;
skn.top=y+yyy + "px";
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar