div che controlla altro div

[rikkardone]

Ciao,
come posso fare a controllare con un div un altro div? Per esempio, andando col cursore su un'immagine (che è inserita su un div) cambiare la formattazione di un testo (inserito su un altro div).


Quindi, da un div

div.primo a:hover {
width: 294px;
height: 152px;
float: left;
padding-top: 8px;
}

cambiare le impostazioni di un div

div.secondo {
width: 294px;
height: 32px;
float: left;
}

Grazie mille!

---

O ancora meglio:
come posso dal CSS hover di un primo div far in modo che anche per il secondo div sia richiamato il suo stato hover?

Grazie!

[Lathspell]

Senza Javascript direi che è impossibile.

[marco.carrieri]

Attraverso degli eventi.

<div id="div1" onmouseover="document.getElementById('div2').class Name='classe2'">aaaaaaaaa</div>
<div id="div2">aaaaaaaaa</div>

Prova una soluzione del genere.

[rikkardone]

Nel mio file ho usato il selettore "class" e non "id".
E mettendo "class" al posto di "id" non funziona... mannaggia!

:master:

<div class="nome" onmouseover="document.getElementById('altronome'). className='a:hover'">
[img]immagine.png[/img]
</div>

Sbaglio qualcosa?...

[marco.carrieri]

L'id serve solo per dare il nome all'elemento non per usarlo nei css, in questo caso viene usato da Javascript per identificare il div.

<div id="nome" class="nome" onmouseover="document.getElementById('altronome'). className='a_hover'">
[img]immagine.png[/img]
</div>

e in questo caso a_hover dovrà avere lo stesso css di a:hover

a:hover, a_hover
{
.....
}

[rikkardone]

Scusa, ma non ce la faccio...
Ho un po' di dubbi nel codice; ora cerco di fugarli.

Questo è il codice che mi suggerisci:

<div id="nome" class="nome" onmouseover="document.getElementById('altronome'). className='a_hover'">
[img]immagine.png[/img]
</div>

- id="nome" è un nome (scelto da me) che do all'elemento Javascript, giusto?
- class="nome" è il div su cui io gestisco l'elemento Javascript, giusto?
- 'altronome' è il nome (ovvero la class) del div su cui io applico l'effetto hover desiderato, giusto?
- 'a_hover' è la situazione hover del div su cui io voglio applicare l'effetto?

però così non mi funziona, mannaggia!