Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    div che controlla altro div

    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!

  2. #2
    Senza Javascript direi che è impossibile.
    "Una volta che si saranno esaurite senza successo tutte le possibilita', ci sara' una soluzione, semplice e ovvia, che saltera' immediatamente all'occhio di chiunque altro."

    Guardate: Il Miracolo delle Noci!!

  3. #3
    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.

  4. #4
    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?...

  5. #5
    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
    {
    .....
    }

  6. #6
    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!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.