Foros del Web » Programando para Internet » Javascript »

Menu javascript con click y mouse over

Estas en el tema de Menu javascript con click y mouse over en el foro de Javascript en Foros del Web. Hola que tal me gustaria saber si alguien saber hacer un menu vertical en javascrip por ejemplo boton uno boton dos boton tres cuando se ...
  #1 (permalink)  
Antiguo 29/04/2011, 05:04
 
Fecha de Ingreso: octubre-2008
Ubicación: Mexico
Mensajes: 78
Antigüedad: 15 años, 7 meses
Puntos: 1
Menu javascript con click y mouse over

Hola que tal me gustaria saber si alguien saber hacer un menu vertical en javascrip por ejemplo

boton uno
boton dos
boton tres

cuando se le click al boton uno se despliegen las opciones

ejemplo le doy click boton uno y se despliega boton 1.1 y boton 1.2

pero ahi viene lo bueno cuando pongo el mouse sobre boton 1.1 y boton 1.2 seria como un mouse over se despliege una imagen al lado derecho
  #2 (permalink)  
Antiguo 29/04/2011, 05:50
 
Fecha de Ingreso: junio-2009
Mensajes: 156
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: Menu javascript con click y mouse over

para poner en el <HEAD>
Código:
function toggle(obj) {
	var el = document.getElementById(obj);
	el.style.display = (el.style.display != 'none' ? 'none' : '' );
}
para poner en el <BODY>
Código HTML:
<div id="boton1" onclick="toggle('contenido1');">Boton1</div>
     <div id="contenido1" style="display:none;">Contenido1</div>
<div id="boton2" onclick="toggle('contenido2');">Boton2</div>
     <div id="contenido2" style="display:none;">Contenido2</div>
<div id="boton3" onclick="toggle('contenido3');">Boton3</div>
     <div id="contenido3" style="display:none;">Contenido3</div> 
espero que te sirva, jeje
  #3 (permalink)  
Antiguo 29/04/2011, 11:26
 
Fecha de Ingreso: octubre-2008
Ubicación: Mexico
Mensajes: 78
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: Menu javascript con click y mouse over

Cita:
Iniciado por paskuini Ver Mensaje
para poner en el <head>
Código:
function toggle(obj) {
	var el = document.getelementbyid(obj);
	el.style.display = (el.style.display != 'none' ? 'none' : '' );
}
para poner en el <body>
Código HTML:
<div id="boton1" onclick="toggle('contenido1');">boton1</div>
     <div id="contenido1" style="display:none;">contenido1</div>
<div id="boton2" onclick="toggle('contenido2');">boton2</div>
     <div id="contenido2" style="display:none;">contenido2</div>
<div id="boton3" onclick="toggle('contenido3');">boton3</div>
     <div id="contenido3" style="display:none;">contenido3</div> 
espero que te sirva, jeje

ok ahi esta el menu sencillo pero lo ke yo kiero es cuando pase el raton sobre contenido 1 se despliege una imagen al lado derecho
  #4 (permalink)  
Antiguo 29/04/2011, 13:04
 
Fecha de Ingreso: octubre-2009
Mensajes: 22
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Menu javascript con click y mouse over

Puede que te ayude este artículo que escribi hace un tiempo. Se trata de un menu que despliega los submenus al pasar el raton por encima de el y los despliega hacia abajo.si quieres que a su vez se despliegue uno a la derecha al pasar por encima de estos solo tiene que ampliarlo, creas los subsubmenus, les pones posicion absoluta respecto de su padre con css y haces que se despliegue con el evento mouseover con JS.

Te dejo el link por si te sirve:

http://www.chekis.es//cargarArticulo.php?id=6

Espero que te sirva
  #5 (permalink)  
Antiguo 29/04/2011, 16:26
 
Fecha de Ingreso: octubre-2008
Ubicación: Mexico
Mensajes: 78
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: Menu javascript con click y mouse over

si me podrias poner bien el link porque no carga me pone error no lo encuentra gracias














Cita:
Iniciado por goalkeaper Ver Mensaje
puede que te ayude este artículo que escribi hace un tiempo. Se trata de un menu que despliega los submenus al pasar el raton por encima de el y los despliega hacia abajo.si quieres que a su vez se despliegue uno a la derecha al pasar por encima de estos solo tiene que ampliarlo, creas los subsubmenus, les pones posicion absoluta respecto de su padre con css y haces que se despliegue con el evento mouseover con js.

Te dejo el link por si te sirve:

http://www.chekis.es//cargararticulo.php?id=6

espero que te sirva

si me podrias poner bien el link porque no carga me pone error no lo encuentra gracias
  #6 (permalink)  
Antiguo 30/04/2011, 05:33
 
Fecha de Ingreso: octubre-2009
Mensajes: 22
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Menu javascript con click y mouse over

No se porque a mi me aperece bien pero el link ue me pusiste tu aparece la "a" de Articulo en minúscula y es en mayus xD

Este es el link


http://www.chekis.es//cargarArticulo.php?id=6
  #7 (permalink)  
Antiguo 01/05/2011, 03:36
 
Fecha de Ingreso: octubre-2008
Ubicación: Mexico
Mensajes: 78
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: Menu javascript con click y mouse over

Cita:
Iniciado por goalkeaper Ver Mensaje
No se porque a mi me aperece bien pero el link ue me pusiste tu aparece la "a" de Articulo en minúscula y es en mayus xD

Este es el link


http://www.chekis.es//cargarArticulo.php?id=6

Amigo nada lo que quiero que por ejemplo

tengo las siguientes opciones

AQUI SI DOY CLICK PARA DESPLEGAR CADA UNO DE LAS OPCIONES DEL SUBMENU

EJEMPLO MENU PRINCIPAL AQUI SI DOY CLICK

BOTON
BOTON DOS
BOTON TRES

YA CUANDO LE DE CLICK POR EJEMPLO AL BOTON AHI SE ME VA DESPLEGAR POR EJEMPLO

BOTON 1.1
BOTON 1.2

PERO QUIERO QUE EN ESA PARTE FINAL YO NADA MAS PASE POR ENCIMA EL RATON DE BOTON 1.1 QUE ES EL SUBMENU Y ME PONGA UNA IMAGEN GRANDE AL LADO DERECHO O KE ME REDIRECCIONE A UN SITIO WEB
  #8 (permalink)  
Antiguo 01/05/2011, 18:39
 
Fecha de Ingreso: octubre-2008
Ubicación: Mexico
Mensajes: 78
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: Menu javascript con click y mouse over

Si alguien me podria ayudar o alguien que sepa sobre hacer este tipo de menu se los agradeceria




Cita:
Iniciado por juanmata Ver Mensaje
Hola que tal me gustaria saber si alguien saber hacer un menu vertical en javascrip por ejemplo

boton uno
boton dos
boton tres

cuando se le click al boton uno se despliegen las opciones

ejemplo le doy click boton uno y se despliega boton 1.1 y boton 1.2

pero ahi viene lo bueno cuando pongo el mouse sobre boton 1.1 y boton 1.2 seria como un mouse over se despliege una imagen al lado derecho

Etiquetas: mouse
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 15:54.