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

    menu a tendina dinamico. piccolo aiutino!

    ciao a tutti,
    sono nuovo su questo forum. premetto che non sono pratico in linguaggio html o javascripot e quant'altro! però ho bisogno di un piccolo aiutino. sto costruendo un sito con microsoft publisher e ho un piccolo problema. non riesco a creare un menu a tendina dinamico. finchè oggi non trovo questo esempio su questo sito:
    http://javascript.html.it/demo/javas...12/esempio.htm

    praticamente nel primo menu devo inserire tutte le marche di cellulari. nel secondo menu, in base alla marca selezionata, tutti i modelli di cellulare di quella marca.

    il problema è che a me, una volta selezionata marca e modello, deve uscire la configurazione di quel modello!! cioè, per ogni modello devo inserire un link che porti alla pagina di configurazione di quel modello. come devo fare?? cosa devo aggiungere?? io ho modificato il codice in questo modo:

    <script type="text/javascript">
    /*
    Script tratto dal libro "JavaScript and DHTML Cookbook" - Capitolo 8-13
    Pubblicato da O'Reilly & Associates
    Copyright 2003 Danny Goodman
    Riprodurre questa nota per qualunque riutilizzo del codice.
    */
    var regiondb = new Object()
    regiondb["LG"] = [{value:"102", text:"U8110"},
    {value:"88", text:"U8360"},
    {value:"80", text:"U8380"},
    {value:"55", text:"U880"}];
    regiondb["MOTOROLA"] = [{value:"30", text:"E1000"},
    {value:"21", text:"V1050"},
    {value:"49", text:"V3"},
    {value:"76", text:"V3x"},
    {value:"14", text:"V980"}];
    regiondb["NOKIA"] = [{value:"64", text:"SYMBIAN SERIE 60"},
    {value:"12", text:"3220"}];
    regiondb["SAMSUNG"] = [{value:"11", text:"D410"},
    {value:"35", text:"D500"},
    {value:"3", text:"D600"},
    {value:"15", text:"E730"},
    {value:"1", text:"Z105"},
    {value:"10", text:"Z300"},
    {value:"6", text:"Z500"},
    {value:"97", text:"Z510"}];
    regiondb["SIEMENS"] = [{value:"73", text:"CXT65"},
    {value:"71", text:"SF65"},
    {value:"5", text:"SL65"},
    {value:"37", text:"SX 1"}];
    regiondb["SONYERICSSON"] = [{value:"65", text:"K750i"},
    {value:"31", text:"V800"},
    {value:"66", text:"Z1010"}];

    function setCities(chooser) {
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["città"];
    while (cityChooser.options.length) {
    cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice];
    newElem = document.createElement("option");
    newElem.text = "Seleziona il modello:";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
    for (var i = 0; i < db.length; i++) {
    newElem = document.createElement("option");
    newElem.text = db[i].text;
    newElem.value = db[i].value;
    cityChooser.add(newElem, where);
    }
    }
    }

    </script>

    </head>
    <body >



    <div align="center">

    <hr>
    <form name="form">
    <select name="continente" onchange="setCities(this)">
    <option value="" selected="selected">Seleziona la marca:</option>
    <option value="LG">LG</option>
    <option value="MOTOROLA">MOTOROLA</option>
    <option value="NOKIA">NOKIA</option>
    <option value="SAMSUNG">SAMSUNG</option>
    <option value="SIEMENS">SIEMENS</option>
    <option value="SONYERICSSON">SONYERICSSON</option>
    </select>_
    <select name="città">
    <option value="" selected="selected">Seleziona il modello:</option>
    </select>
    </form>


    </div>







    <div align="center">
    [img]logo_htmlit.gif[/img]



    le domande che ho sono 2:
    - come faccio ad inserire un link per ogni modello di cellulare, in modo che mi porti alla pagina della relativa configurazione??
    - se devo aggiungere qualche altro modello come devo fare??? ho visto che ogni modello è preceduto dalla voce value:"numero", text"testo". ma al posto di numero posso mettere un valore qualsiasi o devo seguire la lista??

    aiutatemi a capire come funziona questo menu dinamico per favore!! vi prego!!

  2. #2
    up up... fai ragazzi... nessuno mi sa aiutare?? br1, tu che sei in gamba, mi sai almeno dire come si mettono i link??? dai ti pregoooooooo!!!

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    deve andarci automaticamente alla selezione del modello?

    aggiungi immediatamente prima della fine della funzione setCities(chooser)
    codice:
    cityChooser.onchange=function(){self.location.href='/'+choice+'/'+cityChooser.options[cityChooser.selectedIndex].value+'.htm'}
    questo fara' puntare all' indirizzo /valueOptionContinente/valueOptionCitta.htm
    ciao

  4. #4
    con il codice che ho messo, selezionando la marca, va già da solo ai modelli disponibili. io voglio che poi selezionando il modello si colleghi ad un link che inserirò io manualmente. capito? non so se sono stato chiaro. mi manca solo il link che mandi alla configurazione del modello..

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da specialdo87
    capito?
    no,
    hai un link tipo
    vai al modello scelto
    che deve puntare (dopo le selezioni) al modello scelto?

  6. #6
    no...

    ti faccio un esempio:
    selezioni nokia... poi la seconda tendina ti da: nokia 6600,nokia 6680 e nokia n70.
    tu selezioni nokia n70. selezionando n70 DEVO INSERIRE UN LINK CHE MI COLLEGA ALLA PAGINA www.abc.it . mi sono spiegato bene ora? come faccio a inserire i vari link www.abc.it/nokian70 al nokia n70 e www.abc.it/nokia6600 ecc ecc??


    i 2 menu a tendina li ho già fatti. l'unica cosa che mi manca sono i link!! xkè non so come si mettono!!

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    stessa posizione di prima
    codice:
    var apt=choice+cityChooser.options[cityChooser.selectedIndex].value;
    var stringa=''+apt+'';
    document.getElementById('contenitore').innerHTML=stringa;
    nell' xhtml
    codice:
    <div id="contenitore"> </div>

  8. #8
    @xinod
    ti ringrazio tantissimo x l'aiuto che mi stai dando.. ma non ho capito dove devo mettere i 2 codici....

    il codice xhtml cos'è?? dove lo devo inserire??

    i link che devo mettere sono diversi da modello a modello... come ti ho scritto nel messaggio precedente. come faccio a metterli? e dove li devo mettere??


    ti ripeto che non so nulla di linguaggio.. sono totalmente inesperto!!

  9. #9
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    sostituisci alla funzione setCities quanto segue
    codice:
    function setCities(chooser) {
     var newElem;
     var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
     var cityChooser = chooser.form.elements["città"];
     while (cityChooser.options.length) {
      cityChooser.remove(0);
     }
     var choice = chooser.options[chooser.selectedIndex].value;
     var db = regiondb[choice];
     newElem = document.createElement("option");
     newElem.text = "Seleziona il modello:";
     newElem.value = "";
     cityChooser.add(newElem, where);
     if (choice != "") {
      for (var i = 0; i < db.length; i++) {
       newElem = document.createElement("option");
       newElem.text = db[i].text;
       newElem.value = db[i].value;
       cityChooser.add(newElem, where);
      }
      cityChooser.onchange=function(){
       var mod=cityChooser.options[cityChooser.selectedIndex].value
       var stringa=(mod!='')?''+choice+mod+'':' ';
       document.getElementById('contenitore').innerHTML=stringa;
      }
     }
     document.getElementById('contenitore').innerHTML=' ';
    }
    nel codice, x es. dopo </form>, dove vuoi che appaia il link aggiungi
    <div id="contenitore"> </div>

    se non vuoi che vada a capo automaticamente invece aggiungi
    <span id="contenitore"> </span>

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.