Código:
en mi archivo script.js coloco las siguientes funciones
.ver_menu {
display:block;
}
.ocultar_menu {
display:none;
}
Código:
y esto lo llamo desde mi pagina asifunction 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;
}
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>
vale la pena aclarar que los archivos estan correctamente vinculados asi:
Código:
no se si es que toca hacerlo de otra forma<link href="./estilo.css" rel="stylesheet" type="text/css"> <script language=javascript src="scripts.js" type="text/javascript"></script>
gracias.

