Foros del Web » Creando para Internet » CSS »

controlar un div desde otro

Estas en el tema de controlar un div desde otro en el foro de CSS en Foros del Web. Hola, estoy haciendo mi primera web con css y necesitaría la ayuda de alguien que lo domine para, así aprender. Estoy haciendo botones con divs ...
  #1 (permalink)  
Antiguo 14/08/2011, 12:27
gat
 
Fecha de Ingreso: mayo-2004
Mensajes: 29
Antigüedad: 12 años, 8 meses
Puntos: 0
controlar un div desde otro

Hola, estoy haciendo mi primera web con css y necesitaría la ayuda de alguien que lo domine para, así aprender.
Estoy haciendo botones con divs a los que les he aplicado la imagen de fondo.
Mi pregunta es la siguiente:
Tengo una página con varios div que serán botones y un área (otro div) en la que quiero que vaya variando el fondo según el botón que pulse.

[URL]http://www.chiquimundo.amaliodigital.com/servicios.php[/URL]

Cómo se podría hacer???
por ejemplo: en el link que he puesto tengo un div (#catering) que será uno de los botones y cuando pulse en él que se modifique la imágen de fondo del div del contenido (#info).

Gracias

Última edición por gat; 14/08/2011 a las 12:33
  #2 (permalink)  
Antiguo 14/08/2011, 15:03
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 4 meses
Puntos: 63
Respuesta: controlar un div desde otro

Hola eso lo puedes conseguir con JavaScript, y convocando eventos en los botones que desees que hagan algun cambio.

En tu caso quieres que al hacer clic cambie el estilo de otro boton, entonces crearias el evento onclick.

Código HTML:
Ver original
  1. <input type="button" id="boton1" value="boton 1" onclick="cambioBotonDos()" />
  2. <input type="button" id="boton2" value="boton 2" onclick="cambio BotonUno()" />


Crearias un script en el que llames a la funcion y en ella llamas al objeto a cambiar y le asignas los cambios de estilo. En este ejemeplo solo creo el script para el boton1.
Código Javascript:
Ver original
  1. <script type="text/JavaScript">
  2. function cambioBotonDos(){
  3. document.getElementById('boton2').style.backgroundImage = "url(imagen.png)";
  4. }
  5. </script>

Saludos
  #3 (permalink)  
Antiguo 15/08/2011, 04:56
gat
 
Fecha de Ingreso: mayo-2004
Mensajes: 29
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: controlar un div desde otro

Muchas gracias Batan. Ya he adaptado el código y funciona perfectamente.
No domino mucho la programación y esto me ayuda bastante a aprender.
Gracias :)

Etiquetas: contenido, controlar, fondo
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:06.