Código:
menu2<tr><td><a href="javascript:show_mbasico();" target="_top" onClick="MM_nbGroup('down','group1','Basico','images/bot_L_press_basico.jpg',1)" onMouseOver="MM_nbGroup('over','Basico','images/bot_L_press_basico.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/bot_L_out_basico.jpg" alt="" name="Basico" width="64" height="19" border="0" onload=""></a></td></tr> <tr><td><a href="javascript:show_mavant();" target="_top" onClick="MM_nbGroup('down','group1','Avant','images/bot_L_press_avant.jpg',1)" onMouseOver="MM_nbGroup('over','Avant','images/bot_L_press_avant.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/bot_L_out_avant.jpg" alt="" name="Avant" width="59" height="19" border="0" onload=""></a></td></tr>
Código:
<div id="menu_basico" style="display:none;"> <!--menu BASICO--> <table><!-- barra superior de menu--> <tr> <td><a href="javascript: show_div1();" target="_self" onClick="MM_nbGroup('down','group2','negocio','images/pest_negocio_2.gif',1)" onMouseOver="MM_nbGroup('over','negocio','images/pest_negocio_2.gif','',1)" onMouseOut="MM_nbGroup('out')"> <img src="images/pest_negocio.gif" alt="negocios" name="negocio" width="131" border="0" onload="" /></a></td> <td><a href="javascript: show_div2();" target="_self" onClick="MM_nbGroup('down','group2','pv','images/pest_punto_venta_2.gif',1)" onMouseOver="MM_nbGroup('over','pv','images/pest_punto_venta_2.gif','',1)" onMouseOut="MM_nbGroup('out')"> <img src="images/pest_punto_venta.gif" alt="pv" name="pv" width="131" height="56" border="0" onload="" /></a></td> <td><a href="javascript: show_div3();" target="_self" onClick="MM_nbGroup('down','group2','rest','images/pest_rest_2.gif',1)" onMouseOver="MM_nbGroup('over','rest','images/pest_rest_2.gif','',1)" onMouseOut="MM_nbGroup('out')"> <img src="images/pest_rest.gif" alt="restaurant" name="rest" width="131" height="56" border="0" /></a></td> </tr> </table> </div>
funciones javascript
Código:
function show_mbasico() { document.getElementById("menu_basico").style.display = "block"; document.getElementById("menu_avant").style.display = "none"; document.getElementById("menu_plus").style.display = "none"; document.getElementById("marco").style.display = "block"; document.getElementById("contentb1").style.display = "none"; } function show_mavant() { document.getElementById("menu_avant").style.display = "block"; document.getElementById("menu_basico").style.display = "none"; document.getElementById("menu_plus").style.display = "none"; document.getElementById("menu_construrama").style.display = "none"; }
voy a explicarlo mejor;
1- el primer codigo son 2 botones de mi menu lateral, pro ejemplo al dar click al primero (basico), se va a funcion show_mbasico(), y ahi me despliegue los divs que en primer instancia tengo ocultos (display=none) y asi hace lo mismo el segundo boton(avant), luego tengo lo que viene siendo menu2 que aparece una vez que doy click ya sea en basico o avant, y me hace la el onmouseove, out etc,
ahi todo bien.
mis botones tienen 2 imagenes una pequeña que es la imagen al iniciar y una mas grande que hace el efecto de que si se levantara la pestaña.
bueno si doy click en el boton del menu basico , con la opcion negocio y luego me paso al menu avant a la opcion de pv, y luego me vuelvo a regresar al anterior, se queda la pestaña levantada del boton, y no me lo reestablece a como debe estar inicialmente ay no se si me explique, voy a intentar subirlo para q lo miren en linea, ojala se puedan dart una idea
gracias!