Foros del Web » Programando para Internet » Javascript »

ayuda con botonera en javascript

Estas en el tema de ayuda con botonera en javascript en el foro de Javascript en Foros del Web. estimados tengo en siguiente problema, tengo una botonera, la cual al pasar el mouse por encima despliega un "submenu".. lo que deseo hacer es que ...
  #1 (permalink)  
Antiguo 29/07/2004, 10:18
 
Fecha de Ingreso: septiembre-2003
Mensajes: 26
Antigüedad: 21 años, 4 meses
Puntos: 0
ayuda con botonera en javascript

estimados tengo en siguiente problema, tengo una botonera, la cual al pasar el mouse por encima despliega un "submenu"..

lo que deseo hacer es que al estar escogiendo alguna de las opciones del menu, el boton al cual pertenece el submenu, permanezca como si estuviera "oprimido"

por si no kedo muy claro voy a tratar de explicarlo con un trozo de codigo

lo que deseo es que al posicionar el mouse sobre el "boton" , boton_submenu1.gif, o boton_submenu2.gif.. el "boton" de donde se desplego este submenu quede con caracteristicas como si estuviera orpimido en este caso "boton_oprimido.gif"..

Código PHP:
<SCRIPT>
                function 
showDiv(v){
                var 
el document.getElementById('sd');
                var 
fl document.getElementById('fd');
                
el.style.top = - parseInt(el.offsetHeight/2);
                
el.style.left =  parseInt(fl.offsetWidth 10);
                
el.style.visibility 'visible' 'hidden';
                }
</script>

    <table width=150 height="379" border=0 cellpadding=0 cellspacing=0 valign=top>
    <tr><td><DIV class=bgbdy id=fd onmouseover=showDiv(true) onmouseout=showDiv(false)>
    <img src="boton_sin_oprimir.gif" width="149" height="32" border="0" onmouseover="boton_oprimido.gif"><DIV style="POSITION: relative"> 
          <div id=sd style="VISIBILITY: hidden; POSITION: absolute; left: 40px; width: 225px; height: 94px; top: -121px;"> 
            <table cellspacing=0 cellpadding=0 width="100%" border=0>
              <tbody>
                <tr> 
                  <td valign=top><a class=lnk href="link1.php"><img src="boton_submenu1.gif" width="130" height="28" border="0"></a></div>
                    <div class=bgbdyalt><a class=lnk href="link2.php"><img src="boton_submenu2.gif" width="130" height="28" border="0"></a></div>                        
                </tr>
              </tbody>
            </table> 
espero hayan entendido lo que quize exponer y que alguien me pueda dar una manito..

grax salu2
  #2 (permalink)  
Antiguo 29/07/2004, 11:37
Avatar de Carlitos
Usuario no validado
 
Fecha de Ingreso: mayo-2001
Ubicación: Zaragoza
Mensajes: 1.304
Antigüedad: 23 años, 8 meses
Puntos: 25
Hola.

No sé si te he entendido bien pero prueba esto:
Código:
<td valign=top><a class=lnk href="link1.php"><img src="boton_submenu1.gif" width="130" height="28" border="0" onmouseover="boton_oprimido.gif"></a></div>
  #3 (permalink)  
Antiguo 29/07/2004, 12:12
 
Fecha de Ingreso: septiembre-2003
Mensajes: 26
Antigüedad: 21 años, 4 meses
Puntos: 0
ejemplo grafico

hola quizas con un ejemplo grafico quede mas claro lo que deseo hacer



se agradece la ayuda

salu2
  #4 (permalink)  
Antiguo 04/08/2004, 14:05
Avatar de Carlitos
Usuario no validado
 
Fecha de Ingreso: mayo-2001
Ubicación: Zaragoza
Mensajes: 1.304
Antigüedad: 23 años, 8 meses
Puntos: 25
Hola.

Prueba esto:
Código:
<img src="boton_sin_oprimir.gif" width="149" height="32" border="0" onmouseover="this.src='boton_oprimido.gif'" onclick="this.src='boton_oprimido.gif'">
Dime si te sirve. Pero luego tendrás que controlar que cuando abandonas el submenú, la imagen tiene que volver al original. Si te hace falta controlarlo, dilo y miramos a ver la solución.

Un saludo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:07.