hola a todos, en mi web tengo que hacer un menu desplegable horizontal, lo intento hacer con css, en mi hoja de estilo.css coloco lo siguiente
Código:
.ver_menu {
display:block;
}
.ocultar_menu {
display:none;
}
en mi archivo script.js coloco las siguientes funciones
Código:
function desplegar(categoria,frame,url)
{
var framecam = document.getElementById(frame);
framecam.src=url;
var menu = document.getElementById(categoria);
if(menu.className == "ver_menu")
{
menu.className = "ocultar_menu";
}
else
{
menu.className = "ver_menu";
}
}
function cambiarimg(boton,urlimg)
{
var cambimg = document.getElementById(boton);
cambimg.src=urlimg;
}
y esto lo llamo desde mi pagina asi
Código PHP:
<div class="cat">
<a href="#" onClick="javascript:desplegar('sms','FrameSeleccion','frames/productos_sms.php');javascript:cambiarimg('botonsms', 'images2/btn-sms_over.gif');">
<IMG id="botonsms" SRC="images2/btn-sms.gif" WIDTH="185" HEIGHT="28" BORDER=0 ALT="">
</a>
</div>
<ul class="ocultar_menu" id="sms">
<li>
<a href="#" onClick="cambiar('FrameSeleccion', 'frames/sms_micropagos.php');">
<IMG id="sms1" SRC="images2/btn-1.gif" WIDTH="150" HEIGHT="21" BORDER=0 ALT="">
</a>
</li>
<li>
<a href="#" onClick="cambiar('FrameSeleccion', 'frames/sms_micropagos2.php');">
<IMG id="sms2" SRC="images2/btn-1.gif" WIDTH="150" HEIGHT="21" BORDER=0 ALT="">
</a>
</li>
</ul>
hasta ahi no tengo lios por que funciona perfectamente en opera y en internert explorer, mi problema es que a mi cliente se le dio por que tenia que funcionar en firefox y ahi si no anda, no se por que, si alguien me puede ayudar estare muy agradecido.
vale la pena aclarar que los archivos estan correctamente vinculados asi:
Código:
<link href="./estilo.css" rel="stylesheet" type="text/css">
<script language=javascript src="scripts.js" type="text/javascript"></script>
no se si es que toca hacerlo de otra forma
gracias.