Esto no funciona en IExplorer????

xavivars · #1 (**permalink**) 29/03/2004, 16:22

Hola.

He hecho un pequeño menú en Html+CSS+Javascript, pero no se porqué lo veo perfectamente con el FireFox, con el Mozilla, pero no con el IExplorer.

Este es el codigo de la página.

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Provant...</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="prova.css" rel="stylesheet" type="text/css"> 
<script language="javascript"> 
        function canvia(num,dins) 
        { 
            if(dins) 
                document.getElementById("m"+num).setAttribute("class","taula2"); 
            else 
                document.getElementById("m"+num).setAttribute("class","taula1"); 
        } 
</script> 
</head> 
 
<body> 
<table width="12%" cellspacing="0" cellpadding="0"> 
    <tr> 
        <td width="5%" class="celaesq">&nbsp;</td> 
        <td width="9%" class="celaesq">&nbsp;</td> 
        <td width="86%" class="celadreta">&nbsp;</td> 
    </tr> 
    <tr> 
        <td width="5%" class="celaesq" onMouseOver="javascript:canvia(1,true);" onMouseOut="javascript:canvia(1,false);">&nbsp;</td> 
        <td width="9%" class="taula1" id="m1" onMouseOver="javascript:canvia(1,true);" onMouseOut="javascript:canvia(1,false);">&nbsp;</td> 
        <td width="86%" class="celadreta" onMouseOver="javascript:canvia(1,true);" onMouseOut="javascript:canvia(1,false);">&nbsp;</td> 
    </tr> 
    <tr> 
        <td width="5%" class="celaesq" onMouseOver="javascript:canvia(2,true);" onMouseOut="javascript:canvia(2,false);">&nbsp;</td> 
        <td width="9%" class="taula1" id="m2" onMouseOver="javascript:canvia(2,true);" onMouseOut="javascript:canvia(2,false);">&nbsp;</td> 
        <td width="86%" class="celadreta" onMouseOver="javascript:canvia(2,true);" onMouseOut="javascript:canvia(2,false);">&nbsp;</td> 
    </tr> 
    <tr> 
        <td width="5%">&nbsp;</td> 
        <td width="9%">&nbsp;</td> 
        <td width="86%" class="celabaix">&nbsp;</td> 
    </tr> 
</table> 
 
</body> 
</html>

y este el del CSS, por si alguien lo desea ver

Código PHP:

  .celaesq{ 
    border-bottom: 1px solid #A0522D;     
} 
 
.celadreta{ 
    border-bottom: 1px solid #A0522D;     
    border-left: 1px solid #A0522D;     
} 
 
.celabaix{ 
    border-left: 1px solid #A0522D;     
} 
 
.taula1{ 
    background-color: #FF8C00; 
    border-bottom: 1px solid #A0522D; 
} 
 
.taula2{ 
    background-color: Navy; 
    border-bottom: 1px solid #A0522D;     
}

También pueden comprobarlo en http://www.infobenissa.com/temp.html

caricatos · #2 (**permalink**) 29/03/2004, 16:36

Hola xavivars:

Si quieres cambiar un atributo "class" con javascript, la manera estandar para todos los navegadores es mediante className...

prueba con:

Código PHP:

  function canvia(num,dins)    { 
    if(dins) 
        document.getElementById("m"+num).className = "taula2"; 
    else 
        document.getElementById("m"+num).className = "taula1"; 
}

Saludos

xavivars · #3 (**permalink**) 29/03/2004, 16:52

Gracias, voy a probar

xavivars · #4 (**permalink**) 29/03/2004, 16:54

Funciona perfectamente!!!!

Gracias!!!!!

De todos modos, sabes porque el otro método no funciona?