Foros del Web » Creando para Internet » CSS »

quitar dropdown menu al dar click

Estas en el tema de quitar dropdown menu al dar click en el foro de CSS en Foros del Web. hola tengo un dropdown menu que al pasar el mouse por encima aparese un menu y al quitar el mouse desaparese pero me gustaria saber ...
  #1 (permalink)  
Antiguo 18/12/2009, 11:53
 
Fecha de Ingreso: diciembre-2009
Mensajes: 17
Antigüedad: 8 años
Puntos: 0
quitar dropdown menu al dar click

hola tengo un dropdown menu que al pasar el mouse por encima aparese un menu
y al quitar el mouse desaparese pero me gustaria saber como hacer para que al dar click sobre una opcion tambien desaparesca el menu que se desplego.

espero que lo alla esplicado bien para que me entiendan.

de antemano gracias.
  #2 (permalink)  
Antiguo 18/12/2009, 12:49
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: quitar dropdown menu al dar click

HOLA!!!
los item de ese menú seguro deben ser una lista tipo <ul><li> o algún tipo de elemento html.
Entonces a ese elemento le pones in id y luego lo remueves con javascript.
Seria algo asi:

<ul>
<li id="opcion1" onclick="remover('opcion1');">Opcion 1</li>
<li id="opcion2" onclick="remover('opcion2');">Opcion 1</li>
<li id="opcion3" onclick="remover('opcion3');">Opcion 1</li>
</ul>

<script type="text/javascript">
function remover(id)
{
elemento = document.getElementbyId(id);
elemento.parentNode.removeChild(elemento);
}
</script>
  #3 (permalink)  
Antiguo 18/12/2009, 14:30
 
Fecha de Ingreso: diciembre-2009
Mensajes: 17
Antigüedad: 8 años
Puntos: 0
Respuesta: quitar dropdown menu al dar click

Cita:
Iniciado por AndrewFace Ver Mensaje
HOLA!!!
los item de ese menú seguro deben ser una lista tipo <ul><li> o algún tipo de elemento html.
Entonces a ese elemento le pones in id y luego lo remueves con javascript.
Seria algo asi:

<ul>
<li id="opcion1" onclick="remover('opcion1');">Opcion 1</li>
<li id="opcion2" onclick="remover('opcion2');">Opcion 1</li>
<li id="opcion3" onclick="remover('opcion3');">Opcion 1</li>
</ul>

<script type="text/javascript">
function remover(id)
{
elemento = document.getElementbyId(id);
elemento.parentNode.removeChild(elemento);
}
</script>
gracias por responder pero la verdad soy nuevo en esto; trate de poner el codigo que pusiste pero me sale un error en donde escribiste elemento.
  #4 (permalink)  
Antiguo 18/12/2009, 15:15
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: quitar dropdown menu al dar click

a veces pasa, especialmente con IE,
reemplaza esta linea:
elemento = document.getElementbyId(id);
por esta:
var elemento = document.getElementById(id);


... pero recuerda por los id en los elementods del menu!!!
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 04:43.