Visualizzazione dei risultati da 1 a 3 su 3

Discussione: js - background-color

  1. #1

    js - background-color

    Buona giornata a tutti.

    Avrei bisogno di un aiuto per questo mio problema:
    utilizzo un menu dinamico orizzontale scaricato da questo sito, ora vorrei che quando scelgo una voce di menu' questa mi rimanga evidenziata, finchè non ne scelgo un'altra, tipo un promemoria di quello che sto facendo.
    Ho provato a modificare il file js ma non funziona...

    Ecco il codice:
    <div style="background-color: #FFCC66; border-bottom: Solid 1px #000000; width:1024px;">
    &nbsp |
    Home&nbsp&nbsp |
    scelta 1 |
    </div>

    <div style="position: Absolute; width: 10%; height: 10%;" onMouseOver="Chiudi()"></div>
    <div style="position: Absolute; width: 10%; height: 10%;" onMouseOut="Chiudi()"></div>


    <div id="sottomenu" style="left: 0px;">
    vuoto

    </div>

    <div id="sottomenu" style="left: 0px;">
    vuoto

    </div>

    <div id="sottomenu" style="left: 60px;">
    scelta 1-1

    scelta 1-2

    </div>


    ---- fiel js
    var quanti = 3;
    var i;

    function Apri(conta)
    {
    if(document.all)
    {
    var elemento = event.toElement;
    var mostra = document.all.sottomenu[conta];
    /* mostra.style.background = "#FFCC66"; */
    mostra.style.visibility = "visible";
    mostra.style.top = 15;
    for (i=0; i<quanti; i++)
    {
    aperto = document.all.sottomenu[i];
    menu = document.all.principale[i];
    if (i != conta)
    {
    /* aperto.style.background = "#FFFFFF"; */
    aperto.style.visibility = "hidden";
    }
    }
    }
    }


    function Chiudi()
    {
    for (i=0; i<quanti; i++)
    {
    if (document.all)
    {
    document.all.sottomenu[i].style.visibility = "hidden";
    document.all.sottomenu[i].style.background = "#FFCC66";
    menu = document.all.principale[i];
    }
    }
    }


    function Colora(m,s)
    {
    alert(m); alert(s);
    if(document.all)
    {
    var ma = document.all.principale[m];
    var sma = document.all.sottomenu[m];

    for (i=0; i<quanti; i++)
    {
    alert("ciao")
    document.all.principale[i].style.background = "#FFCC66"; /* inizializzo il colore
    document.all.sottomenu[i].style.background = "#FFCC66";


    }
    /* QUA VORREI COLORARE LA VOCE DI MENU' ATTUALE, ma non ci riesco !
    document.all.sm[0].style.background-color = "#FFFF66" ;
    sm -> è una prova che avevo tentato creando degli ulteriori ID sotto 'sottomenu', ma poi non mi funzionava la tendina... */

    }
    }


    Grazie per l'attenzione.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    il resto non l' ho visto ma x il background-color
    document.all.sm[0].style.backgroundColor = "#FFFF66"
    ciao

  3. #3
    Grazieeee.

    Dopo avere dato una id anche a scelta 1-1 e scelta 1-2 finalmente funziona!

    Adesso però non si attivano più le classi relative alle voci principali del menu' per il cambio di colore al passaggio del mouse. (a.m1:hover ), mentre quelle del sottomenu' (a.m2:hover) funzionano sempre.
    Ho provato anche a cambiargli la classe (uguale al sottomenu) ma non funziona.

    Please, help me!

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.