Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 20

Discussione: menù a tendina

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    31

    menù a tendina

    salve a tutti
    nel mio sito c'è una pagina piena di collegamenti ipertestuali che conducono ad altre pagine interne del sito, quindi la barra di scorrimento verticale è veramente lunga. In html è possibile fare un menu a tendina per la scelta rapida dei link?

    grazie
    alessandro

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2001
    Messaggi
    151
    Nella sezione esempi DHTML di questo sito ne trovi tanti tipi diversi.

    Ciao Ciao


  3. #3
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633

    Re: menù a tendina

    Originariamente inviato da abcdef
    salve a tutti
    nel mio sito c'è una pagina piena di collegamenti ipertestuali che conducono ad altre pagine interne del sito, quindi la barra di scorrimento verticale è veramente lunga. In html è possibile fare un menu a tendina per la scelta rapida dei link?

    grazie
    alessandro
    <select>
    <option value="pagina1.html">Testo 1</option>
    <option value="pagina2.html">Testo 2</option>
    <option value="pagina3.html">Testo 3</option>
    <option value="pagina4.html">Testo 4</option>
    </select>

    Intendi così

    ...I'm insane in the brain...

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    31
    il select va bene, però dopo come si fa per fare in modo che si carichi la pagina scelta?

  5. #5
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    Originariamente inviato da abcdef
    il select va bene, però dopo come si fa per fare in modo che si carichi la pagina scelta?
    Questo è un esempio


    ***************** Nella head **********************

    <SCRIPT LANGUAGE="JavaScript">
    var listaPagine = new Array(13);
    theLine = '';
    listaPagine[0]='pagina1.htm';
    listaPagine[1]='pagina2.htm';
    listaPagine[2]='pagina3.html';
    listaPagine[3]='pagina4.html';

    function loadPage() {
    theIndex = document.theForm.Selettore.selectedIndex;
    theValue = listaPagine[theIndex];
    if(theValue!=null) {
    window.location=theValue;
    }
    }
    </SCRIPT>

    *****************Nel body**********************

    <SELECT NAME="Selettore" onChange="loadPage()">
    <OPTION>Pagina 1</option>
    <OPTION>Pagina 2</option>
    <OPTION>Pagina 3</option>
    <OPTION>Pagina 4</option>
    </SELECT>

    ...I'm insane in the brain...

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    31

    ?

    ho inserito il codice ma, una volta scelta l'opzione, non succede niente. Non è che c'è qualche errore nel codice?

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2001
    Messaggi
    151
    scusami.. ho provato il tuo script ma il browser mi segnala degli errori e non mi manda al link specificato....

    mi dice:

    "document.theForm.Selettore è nullo o non è un oggetto"

    che vuol dire?

    ciao ciao

  8. #8
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    Ok ora dovrebbe funzionare...

    <head>
    <SCRIPT LANGUAGE="JavaScript">
    var listaPagine = new Array(13);
    theLine = '';
    listaPagine[0]='pagina1.htm';
    listaPagine[1]='pagina2.htm';
    listaPagine[2]='pagina3.html';
    listaPagine[3]='pagina4.html';

    function loadPage() {
    theIndex = document.getElementById('selettore').selectedIndex ;
    theValue = listaPagine[theIndex];
    if(theValue!=null) {
    window.location=theValue;
    }
    }
    </SCRIPT>
    </head>



    <body>
    <SELECT id="selettore" onChange="loadPage()">
    <OPTION>Pagina 1</option>
    <OPTION>Pagina 2</option>
    <OPTION>Pagina 3</option>
    <OPTION>Pagina 4</option>
    </SELECT>
    </body>

    ...I'm insane in the brain...

  9. #9
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    31

    grandioso!

    grandioso!! ti ringrazio!
    ma questo codice è compatibile con i vari browser?
    è standard?

    saluti
    alessandro

  10. #10
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633

    Re: grandioso!

    Originariamente inviato da abcdef
    grandioso!! ti ringrazio!
    ma questo codice è compatibile con i vari browser?
    è standard?

    saluti
    alessandro

    Funziona con IE6.0 NN7.0 e Mozilla 1.4 dovrebbe funzionare anche con IE5.5 e Ie5.0 ma non posso testarli su quelli


    Comunque direi che funziona con tutti i browser
    :sexpulp:

    ...I'm insane in the brain...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.