controlar un div desde otro

[gat]

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

[Batan]

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:

<input type="button" id="boton1" value="boton 1" onclick="cambioBotonDos()" />
<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:

<script type="text/JavaScript">
function cambioBotonDos(){
document.getElementById('boton2').style.backgroundImage = "url(imagen.png)";
}
</script>
 

Saludos

[gat]

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 :)