funciona en explorer pero no en firefox

[mancemo]

hola a todos

ten un script que me crea unos menus dinamicos en html, al verlos en internet explorer funciona perfecto pero en firefox no me funciona, el script es el siguiente:

Código PHP:

  <style type="text/css">
ver_menu {
 
         display:block;
 
}
.ocultar_menu {
 
         display:none;
 
}
</style>
<script type="text/JavaScript">
 
function cambiarimg(boton,urlimg)
{
    var cambimg = document.getElementById(boton);
    var img1 = document.getElementById('botonsms');
 
    switch (boton)
    {
        case "botonmms":
            img1.src = "imagesnew/btn-sms.gif";
            img3.src = "imagesnew/btn-wap.gif";
            img4.src = "imagesnew/btn-voz.gif";
            img5.src = "imagesnew/btn-web.gif";
            img6.src = "imagesnew/bluetooth.gif";
            img7.src = "imagesnew/btn-1.gif";            
            img8.src = "imagesnew/btn-2.gif";
            img9.src = "imagesnew/btn-3.gif";
            img10.src = "imagesnew/btn-4.gif";
            img11.src = "imagesnew/btn-5.gif";
            img12.src = "imagesnew/btn-6.gif";
            img13.src = "imagesnew/btn-7.gif";
            img14.src = "imagesnew/mensa_.gif";
            img15.src = "imagesnew/anuncios.gif";
            img16.src = "imagesnew/aplicaciones_.gif";            
            img17.src = "imagesnew/btn-7.gif";
            img18.src = "imagesnew/chatop.gif";
            img19.src = "imagesnew/recoimagenes.gif";
            img20.src = "imagesnew/onn_portal.gif";
            img21.src = "imagesnew/of_portal.gif";
            img22.src = "imagesnew/billing.gif";
            img23.src = "imagesnew/btn-1.gif";
            img24.src = "imagesnew/btn-2.gif";
            img25.src = "imagesnew/calcenter.gif";
            img26.src = "imagesnew/vota.gif";
            img27.src = "imagesnew/concurso_voz.gif";
            img28.src = "imagesnew/mail.gif";
            img29.src = "imagesnew/porta.gif";
            img30.src = "imagesnew/emisoras.gif";
        break;
 
                    }
    cambimg.src=urlimg;
}
</script>
<script type="text/JavaScript" >
 
function desplegar(categoria,frame,url){
 
var framecam = document.getElementById(frame);
framecam.src=url;
var menu = document.getElementById(categoria);
 
if (categoria == 'sms')
{
    menu2.className = "ocultar_menu";
    menu3.className = "ocultar_menu";
    menu4.className = "ocultar_menu";
    menu5.className = "ocultar_menu";
    menu6.className = "ocultar_menu";
 
}
 
    else
    {
      menu.className = "ver_menu";
    }
 
}
</script> 
  

y lo llamo asi

Código PHP:

   <a href="javascript:desplegar('sms', 'FrameSeleccion', 'incluirnew/productos_sms.php');javascript:cambiarimg('botonsms', 'imagesnew/btn-sms_over.gif');"><IMG name="botonsms"  SRC="imagesnew/btn-sms.gif" WIDTH="185" HEIGHT="28" BORDER=0 ALT=""></a> 
   

si alguien me puede ayudar estare muy agradecido.

[JavierB]

Hola mancemo

Lo que veo es que estás usando getElementById, pero en la imagen tienes puesto:

<img name="botonsms"

En lugar de name, tendrías que poner id

Saludos,

[mancemo]

Hola, mira lo que yo quiero basicamente es que al darle click en el boton me cambie el class de cada ul a ver_menu, con el id que es, no se si me hago entender bien.

Código PHP:

  <ul class="ocultar_menu" id="mms">
 
     <a href="#" onClick="cambiar('FrameSeleccion', 'incluirnew/mms_tvchat.php');javascript:cambiarimg('mms1', 'imagesnew/btn-7_over.gif');"><IMG name="mms1" SRC="imagesnew/btn-7.gif" WIDTH="150" HEIGHT="21" BORDER=0 ALT=""></a>
     <a href="#" onClick="cambiar('FrameSeleccion', 'incluirnew/mms_chatop.php');javascript:cambiarimg('mms2', 'imagesnew/chatop_over.gif');"><IMG name="mms2" SRC="imagesnew/chatop.gif" WIDTH="150" HEIGHT="21" BORDER=0 ALT=""></a>
     <a href="#" onClick="cambiar('FrameSeleccion', 'incluirnew/mms_recimg.php');javascript:cambiarimg('mms3', 'imagesnew/recoimagenes_over.gif');"><IMG name="mms3" SRC="imagesnew/recoimagenes.gif" WIDTH="150" HEIGHT="41" BORDER=0 ALT=""></a>
 </ul>