Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Hacer click en un enlace y se abre un contenedor

Estas en el tema de Hacer click en un enlace y se abre un contenedor en el foro de Javascript en Foros del Web. Hola , Necesito saber como se hace para que al hacer click sobre un enlace se despliegue un contenedor en la misma pagina, en el ...
  #1 (permalink)  
Antiguo 01/07/2014, 17:48
Avatar de ivo5860  
Fecha de Ingreso: octubre-2013
Ubicación: Argentina
Mensajes: 51
Antigüedad: 10 años, 6 meses
Puntos: 0
Pregunta Hacer click en un enlace y se abre un contenedor


Hola ,

Necesito saber como se hace para que al hacer click sobre un enlace se despliegue un contenedor en la misma pagina, en el cual contenga información que yo coloque y el fondo se haga de color gris transparente. Es un poco dificil de entender lo que quiero lograr pero ojala entiendan como digo, no tengo ni la mas minima idea de como se hace .

Desde ya, Muchas gracias .

Última edición por ivo5860; 01/07/2014 a las 17:54 Razón: .
  #2 (permalink)  
Antiguo 01/07/2014, 17:56
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Hacer click en un enlace y se abre un contenedor

El buscador del foro es muy bueno, no sé por qué no lo usan: Ventana modal.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 01/07/2014, 18:25
Avatar de ivo5860  
Fecha de Ingreso: octubre-2013
Ubicación: Argentina
Mensajes: 51
Antigüedad: 10 años, 6 meses
Puntos: 0
Pregunta Respuesta: Hacer click en un enlace y se abre un contenedor

Cita:
Iniciado por Alexis88 Ver Mensaje
El buscador del foro es muy bueno, no sé por qué no lo usan: Ventana modal.

Saludos
Gracias por la ayuda, pero ¿si quiero que en un menu haga eso? es decir,

Código HTML:
<ul>
<li><a href="#">opcion 1</a></li>
<li><a href="#">opcion 2</a></li>
<li><a href="#">opcion 3</a></li>
</ul> 
al hacer click en alguna de las 3 opciones ¿se habra la ventana?
  #4 (permalink)  
Antiguo 01/07/2014, 20:59
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Hacer click en un enlace y se abre un contenedor

Solo te queda adaptar el código del ejemplo. Si revisas el código, está hecho para que trabaje con un elemento <button>, a ti solo te quedaría trabajar con los elementos <a> a los cuales puedes tomar por el nombre de su etiqueta así: document.getElementsByTagName("a"). Lo que desees mostrar puedes controlarlo mediante un pseudo-atributo data-* o con algún otro dato identificador por cada enlace.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: contenedor, enlace, flotante
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 19:13.