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.