• In diretta da GamesVillage.it
    • News
    • -
    • In Evidenza
    • -
    • Recensioni
    • -
    • RetroGaming
    • -
    • Anteprime
    • -
    • Video
    • -
    • Cinema

Visualizzazione risultati da 1 a 8 di 8

Discussione: Menu a discesa

Cambio titolo
  1. #1

    Menu a discesa

    Salve a tutti, mi servirebbe il codice in html (possibilmente solo html) per creare un menu a discesa, se non sbaglio come quello che c' in fondo alle pagine di gmc (sul forum); magari anche le impostazioni.

    Credo sia quello cos:
    <select name="">
    <option>
    <option>
    </select>

    Ma non so come impostarlo; preciso che come opzioni ci voglio mettere dei siti; possibilmente, vorrei che alla selezione del sito questo si caricasse, invece di usare pulsanti come "Vai".
    No! Provare no! Fare, o non fare. Non c' provare.

  2. #2
    Utente L'avatar di devilheart
    Registrato il
    01-03
    Messaggi
    28.311
    devi utilizzare uno script php:
    questo il codice x il menu:

    <form action="carica.php">
    <select name="siti">
    <option value="1">Nome del primo sito</option>
    <option value="2">Nome del secondo sito</option>
    </select>
    <input type="submit" value="vai">
    </form>

    questo il codice del script php:

    <?php
    if ($siti==1) header("Location: http://www.google.it");
    if ($siti==2) header("Location: http://www.yahoo.it");
    ?>

    ovviamente puoi cambiare i nomi visualizzati e gli indirizzi.

  3. #3
    Utente
    Registrato il
    08-03
    Messaggi
    8
    Questo il codice per il menu a discesa.
    Ho messo l'indirizzo del tuo sito come opzione gi selezionata, cos che l'evento "onchange" del javascript pu verificarsi.

    document.all.sito.value il valore dell'opzione scelta, se inserisci l'oggetto all'interno di un form puoi sostituire all con il nome del tuo form.

    <select name="sito" onchange="javascript:window.location.href='http://' + document.all.sito.value">
    <option value="il tuo sito" selected>il tuo sito</option>
    <option value="gamesradar.msn.it">Gamesradar.it</option>
    <option value="www.google.it">Google.it</option>
    </select>

    La pagina pu avere .html

    spero ti sia d'aiuto.

  4. #4
    nichilista esperto L'avatar di Il0v3pAiN
    Registrato il
    03-03
    Localit
    Milano
    Messaggi
    185
    Inviato da devilheart

    questo il codice del script php:

    <?php
    if ($siti==1) header("Location: http://www.google.it");
    if ($siti==2) header("Location: http://www.yahoo.it");
    ?>

    ovviamente puoi cambiare i nomi visualizzati e gli indirizzi.
    utilizzare la variabile $siti come hai fatto tu funziona solo se sono attivate le globals, cosa che di default non si fa pi da qualche versione di php fa per motivi di sicurezza.

    basta aggiungere una riga:

    <?php
    $siti = $HTTP_POST_VARS['siti'];

    if ($siti==1) header("Location: http://www.google.it");
    if ($siti==2) header("Location: http://www.yahoo.it");
    ?>

    se invece di usare una form il link fosse stato passato nell'url, invece di HTTP_POST_VARS bisognerebbe usare HTTP_GET_VARS.
    nelle ultime versioni di PHP poi sono stati introdotti altri array che contengono tutte le variabili post/get inviate in un unico gruppo, ma se l'host dove mettete lo script non ha un interprete aggiornato non vanno.

    Member of The Moderators clan and fuckin' proud of it!
    My photos

  5. #5
    Utente L'avatar di devilheart
    Registrato il
    01-03
    Messaggi
    28.311
    su altervista funziona. al massimo si fanno delle prove

  6. #6
      L'avatar di Teo
    Registrato il
    11-02
    Localit
    PU
    Messaggi
    12.827
    Preso da html.it

    GENERE: menu
    DESCRIZIONE: menu verticale espandibile
    COMPATIBILITA': Explorer 5.x, Netscape 6.x
    USO FILE ESTERNI: no
    Non ho voglia di scrivere...quindi:
    Appiccica sto codice in una pagina e guardalo!

    <HTML>

    <HEAD>
    <TITLE>HTML.it - il sito italiano sul Web publishing</TITLE>

    <style>
    A:link, A:visited { text-decoration: none }
    A:hover { text-decoration: underline }
    </style>

    <style type="text/css">
    .menutitle{
    cursor: pointer;
    margin-bottom: 2px;
    background-color: #ECECFF;
    color: #000000;
    width: 140px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    /*/*/border: 1px solid #000000;/* */
    }

    .submenu{
    margin-bottom: 0.5em;
    }
    </style>

    <script type="text/javascript">

    if (document.getElementById){
    document.write('<style type="text/css">\n')
    document.write('.submenu{display: none;}\n')
    document.write('</style>\n')
    }

    function SwitchMenu(obj){
    if(document.getElementById){
    var el = document.getElementById(obj);
    var ar = document.getElementById("masterdiv").getElementsByTagName( "span");
    if(el.style.display != "block"){
    for (var i=0; i<ar.length; i++){
    if (ar[i].className=="submenu")
    ar[i].style.display = "none";
    }
    el.style.display = "block";
    }else{
    el.style.display = "none";
    }
    }
    }

    </script>


    </HEAD>
    <BODY BGCOLOR="white" vlink="blue" link="blue">
    <br><br><br>

    <div align="center">
    <font face="verdana"><b>Clicca sul menu per espanderlo</b></font>
    </div>

    <br><br>
    <!-- Inserire ogni voce del menu all'interno di masterdiv -->
    <div id="masterdiv">

    <div class="menutitle" onclick="SwitchMenu('sub1')">News e Articoli</div>
    <span class="submenu" id="sub1">
    - <a href="http://webnews.html.it/news/">News</a><br>
    - <a href="http://webnews.html.it/focus/">Focus</a>
    </span>

    <div class="menutitle" onclick="SwitchMenu('sub2')">Webmaster</div>
    <span class="submenu" id="sub2">
    - <a href="http://www.html.it">Html.it</a><br>
    - <a href="http://freephp.html.it">Freephp.html.it</a><br>
    - <a href="http://freeasp.html.it/">Freeasp.html.it</a>
    </span>

    <div class="menutitle" onclick="SwitchMenu('sub3')">Forum</div>
    <span class="submenu" id="sub3">
    - <a href="http://forum.html.it">Forum.html.it</a>
    </span>

    <div class="menutitle" onclick="SwitchMenu('sub4')">Apprendimento</div>
    <span class="submenu" id="sub4">
    - <a href="http://e-learning.html.it/">E-learning</a><br>
    - <a href="http://corsi.html.it">Corsi</a>
    </span>

    </div>
    </HTML>

  7. #7
    Utente L'avatar di devilheart
    Registrato il
    01-03
    Messaggi
    28.311
    x Teo. utile ma una inutile complicazione.

  8. #8
      L'avatar di Teo
    Registrato il
    11-02
    Localit
    PU
    Messaggi
    12.827
    Inviato da devilheart
    x Teo. utile ma una inutile complicazione.
    Mah...complicazione una parolona...basta cambiare 2 lettere per adattarlo alle proprie esigenze e ha un migliore impatto grafico...

Regole di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •