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?