menu onclick

[kaninox]

hola gente por mas que busco no soy con un menu desplegable como el que sale aqui mismo en el foro cuando hacemos en BUSCAR EN ESTE FORO sale el menu abajito y expandiendose hacia la izquierda, bueno busco lograr el mismo efecto, espero me puedan ayudar, la idea seria que al clickar saliera el menu y al clickar en cualquier lado o nuevamente como lo hace aqui se salga, espero una manita, que solo encuentro menus con DOM y menus que salen al hacer over....

saludos...

[Legoltaz]

Yo si quieres te podría ayudar a hacer uno en DHTML, pero creo que esos son los que no quieres, no? :(

[kaninox]

pues no hay problema lo que dije es que ninguno me da el efecto que deceo tal como lo hace el del foro, si sabes y es con dhtml bienvenido sea.... :)

[Legoltaz]

Bueno, yo te prepararé uno lo mejor que pueda y luego tú ya decides

[kaninox]

gracias :D

[capa]

gegege, graciass.
tambien yo le espero :D
ummm efectos......

[Legoltaz]

Bueno, tiene un fallo, y es que como luego verás, entre <table> y <table> deja automaticamente un espacio, por lo que no deja navegar por el menu.

De todas formas, te dejo el código.

Código HTML:

<style type="text/css">
#tmenu{
background-color:#000000;
color:#FFFFFF;
padding:3px;
font-family:georgia;
font-size:12px;
}
#tmenu,td{
width:150px;
text-align:center;
}
#tmenu,a{
color:#FFFFFF;
text-decoration:none;
}
#tmenu,a:hover{
color:#FFF000;
}
#tmenu,hr{
color:darkred;
}
#menu{
background-color:#000000;
color:#FFFFFF;
padding:3px;
font-family:georgia;
font-size:12px;
}
#menu,td{
width:150px;
text-align:center;
}
#menu,a{
color:#FFFFFF;
text-decoration:none;
}
#menu,a:hover{
color:#FFF000;
}
#menu,hr{
color:darkred;
}
</style>
<script language="JavaScript" type="text/javascript">
function MuestraOcultaMenu(elemento,estado){
document.getElementById(elemento).style.display=estado;
}
</script>
<table id="menu">
<tr><td onClick="MuestraOcultaMenu('tmenu','block')">~ MENU ~</td></tr>
<table id="tmenu" style="display:none" onMouseOut="MuestraOcultaMenu('tmenu','none')">
<tr><td><a href="#">Primer URL</a></td></tr>
<tr><td><hr /></td></tr>
<tr><td><a href="#">Segundo URL</a></td></tr>
</table>
</table>
<br />
demas texto de la web

[kaninox]

pues aunque lo hiciera funcionar no creo que me sirva ya que es una tabla que se expande y como dije necesito un menu como el de aqui que creo es una capa... que se expande... :/
ya que pasa sobre el texto y demas...

gracias de todas formas