Droplist con oggetto a comparsa

Discussione in 'Javascript' iniziata da GI89, 21 Aprile 2012.

Tag (etichette):
  1. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Salve ragazzi vi leggo da una vita ed ora ho bisogno del vostro aiuto!

    Sto creando un form e vorrei realizzare un elemento a comparsa simile a QUESTO
    nella parte SELEZIONA TIPOLOGIA DI FESTA.

    Al posto dei radioButton vorrei poterci mettere una dropDown list che mi faccia comparire quella parte di form,come posso fare?
     
  2. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    Ciao,
    potresti provare qualcosa di artigianale tipo questo:

    HTML:
    <html>
        <head>
            <title>cambia contenuti</title>
            <script type="text/javascript">
                function cambiaContenuti(option) {
                    
                    switch(option) {
                        case '1' :
                            var contenuto = "<p>contenuto 1</p>";
                            document.getElementById('contenuto').innerHTML=contenuto;
                            break;
                        case '2' :
                            var contenuto = "contenuto 2<input type='text' name='pippo'/>";
                            document.getElementById('contenuto').innerHTML=contenuto;
                            break;
                        case '3' :
                            var contenuto = "<span>Ciao contenuto 3</span>";
                            document.getElementById('contenuto').innerHTML=contenuto;
                            break;
                        default:
                            var contenuto = "<span>contenuto0</span>";
                            document.getElementById('contenuto').innerHTML=contenuto;   
                            break;
                    }
                }
            </script>
        </head>
        <body>
            <select name="scegli" onchange="cambiaContenuti(this.value)">
                <option value="0"></option>
                <option value="1">contenuto1</option>
                <option value="2">contenuto2</option>
                <option value="3">contenuto3</option>
            </select>
            <div id="contenuto">
                contenuto0
            </div>
        </body>
    </html>
     
  3. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    la funzione un po piu elegante:

    HTML:
    <script type="text/javascript">
                function cambiaContenuti(option) {
                    var contenuto = "";
                    switch(option) {
                        case '1' :
                            contenuto = "<p>contenuto 1</p>";
                            break;
                        case '2' :
                            contenuto = "contenuto 2<input type='text' name='pippo'/>";
                            break;
                        case '3' :
                            contenuto = "<span>Ciao contenuto 3</span>";
                            break;
                        default:
                            contenuto = "<span>contenuto0</span>"; 
                            break;
                    }
                    document.getElementById('contenuto').innerHTML=contenuto;   
                }
            </script>
     
  4. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Grazie mille funziona benissimo!

    Ps: e se invece volessi un gruppo di campi text con limitazioni?
    Mi spiego meglio

    esempio. io utente voglio comprare 20 penne,inserisco in una droplist il valore 20 e negli altri text:
    text2 5 rosse
    text3 5 verdi
    text4 5 nere
    text5 5 blu

    nei text seguenti come puoi capire,il valore non deve superare quello della droplist(20). Ho provato a fare calcoli con php ma non ci risco proprio,qualche suggerimento?
     
  5. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Cavolo,lavorandoci sopra mi sono accorto che non mi fa inserire i <select> in contenuto,in pratica uso uno script per la somma delle droplist,finchè inserisco un semplice <select> è tutto ok,ma quando metto <select id""> non funziona,come risolvere?
     
  6. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    così non ti funziona?
    Codice:
    case '1' :
        contenuto = "<select name='ciao' id='ciao'>\n";
        contenuto+= "<option value='a'>a</option>\n";
        contenuto+= "<option value='b'>b</option>\n";
        contenuto+= "<option value='c'>c</option>\n";
        contenuto+= "</select>\n";
        break;
    posta un po di codice, a volte basta sbagliare una virgola che non funziona piu niente
     
  7. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Con questo codice funziona,il problema è quando vado a richiamare lo script delle somma con

    <select id="select1" OnChange="javascript: selectValue(this);">

    E' come se fosse uno script dentro lo script,cioè questo è lo script di somma:
    Codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
      <head>
        <title>Somam select</title>
        <script type="text/javascript">
          function selectValue(caller)
          {
            document.getElementById("txtRisultato").value = parseInt(document.getElementById("select1").value) + parseInt(document.getElementById("select2").value);
          }
        </script>
      </head>
      <body>
        <select id="select1" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <select id="select2" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <input type="text" value="0" id="txtRisultato" />
      </body>
    </html>
    Che quando unisco a quello della drop list:
    HTML:
    <html>
        <head>
            <title>cambia contenuti</title>
            <script type="text/javascript">
          function selectValue(caller)
          {
            document.getElementById("txtRisultato").value = parseInt(document.getElementById("select1").value) + parseInt(document.getElementById("select2").value);
          }
        </script>
          <script type="text/javascript">
                function cambiaContenuti(option) {
                    var contenuto = "";
                    switch(option) {
                        case '1' :
                            contenuto = "<select id="select1" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <select id="select2" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <input type="text" value="0" id="txtRisultato" />";
          
                           break;
                        case '2' :
                            contenuto = "<select>ss</select>";
    
                            break;
                        case '3' :
                            contenuto = "<span>Ciao contenuto 3</span>";
    									break;
                        case '4' :
                            contenuto = "<select>ss</select>";
    									
                            break;
                        default:
                            contenuto = "<span>contenuto0</span>"; 
                            break;
                    }
                    document.getElementById('contenuto').innerHTML=contenuto;   
                }
            </script>
        </head>
        <body>
            <select name="num_bambini" id="num_bambini" onChange="cambiaContenuti(this.value)">
                <option value="0">Scegli il numero di bambini</option>
                <option value="1">1</option>
                <option value="1">2</option>
                <option value="1">3</option>
                <option value="1">4</option>
                <option value="1">5</option>
                <option value="1">6</option>
                <option value="1">7</option>
                <option value="1">8</option>
                <option value="1">9</option>
                <option value="1">10</option>
                <option value="2">11</option>
                <option value="2">12</option>
                <option value="2">13</option>
                <option value="2">14</option>
                <option value="2">15</option>
                <option value="2">16</option>
                <option value="2">17</option>
                <option value="2">18</option>
                <option value="2">19</option>
                <option value="2">20</option>
                <option value="3">21</option>
                <option value="3">22</option>
                <option value="3">23</option>
                <option value="3">21</option>
                <option value="3">22</option>
                <option value="3">23</option>
                <option value="3">24</option>
                <option value="3">25</option>
                <option value="3">26</option>
                <option value="3">27</option>
                <option value="3">28</option>
                <option value="3">29</option>
                <option value="3">30</option>
                <option value="3">31</option>
                <option value="3">32</option>
                <option value="3">33</option>
                <option value="3">34</option>
                 <option value="3">35</option>
                 <option value="4">pi&ugrave; di 35</option>
            </select>
            <input type="text" value="0" id="txtRisultato" />
            <div id="contenuto">
                
            </div>
        </body>
    </html>
    Non funziona (errore riga 15,cioè la riga di contenuto)
     
  8. Nefyt

    Nefyt Utente Attivo

    Registrato:
    17 Aprile 2012
    Messaggi:
    1.102
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Codice:
    contenuto = "<select id="select1" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <select id="select2" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <input type="text" value="0" id="txtRisultato" />";
    
    LOL, apri e chiudi 100 volte i " utilizza ' per le opzioni come value id e gli altri in modo da non darti errore
     
  9. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ma guarda che questo script funziona,è quando devo inserirlo nell'altro che mi da errore
     
  10. Nefyt

    Nefyt Utente Attivo

    Registrato:
    17 Aprile 2012
    Messaggi:
    1.102
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Questa sintassi è errata:
    Codice:
    contenuto = "<select id="select1" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <select id="select2" OnChange="javascript: selectValue(this);">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <input type="text" value="0" id="txtRisultato" />";
    
    Guarda ad esempio come ha fatto criric:
    Codice:
    contenuto = "<select name='ciao' id='ciao'>\n";
        contenuto+= "<option value='a'>a</option>\n";
        contenuto+= "<option value='b'>b</option>\n";
        contenuto+= "<option value='c'>c</option>\n";
        contenuto+= "</select>\n";
    
    Devi utilizzare ' non " dentro a contenuto
     
  11. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    In piu non puoi valorizzare una variabile su piu righe in javascript

    o metti tutto in una riga o usi il + per concatenare come nel mio esempio:

    Codice:
                  case '1' :
                            contenuto = "<select id='select1' OnChange='javascript: selectValue(this);'>";
                            contenuto+= "<option value='0'>0</option>";
                            contenuto+= "<option value='1'>1</option>";
                            contenuto+= "<option value='2'>2</option>";
                            contenuto+= "</select>";
                            contenuto+= "<select id='select2' OnChange='javascript: selectValue(this);'>";
                            contenuto+= "<option value='0'>0</option>";
                            contenuto+= "<option value='1'>1</option>";
                            contenuto+= "<option value='2'>2</option>";
                            contenuto+= "</select>";
                            contenuto+= "<input type='text' value='0' id='txtRisultato' />";
          
                            break;
     
  12. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ringrazio entrambi per l'aiuto, e pensare che ci avevo anche pensato! Solo che vedendo che i valori inseriti nei ' ' cambiavano colore mentre nei "" erano rossi,pensavo che non avrebbe funzionato e non l'ho nemmeno testato!
     
  13. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Mentre per creare questo che metodo dovrei adottare?
     
  14. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ho finito una buona parte della pagina,ma come mai nell'anteprima di dreamweaver mi funziona tutto benissimo e quando salvo la pagina non mi funziona più la somma? ( NaN)
    Codice:
    <html>
        <head>
            <title>cambia contenuti</title>
            <script type="text/javascript">
          function selectValue(caller)
          {
            document.getElementById("txtRisultato").value = parseInt(document.getElementById("select1").value) + parseInt(document.getElementById("select2").value) + parseInt(document.getElementById("select3").value) + parseInt(document.getElementById("select4").value) + parseInt(document.getElementById("select5").value) + parseInt(document.getElementById("select6").value) + parseInt(document.getElementById("select7").value) + parseInt(document.getElementById("select8").value) + parseInt(document.getElementById("select9").value) + parseInt(document.getElementById("select10").value) + parseInt(document.getElementById("select11").value) + parseInt(document.getElementById("select12").value) + parseInt(document.getElementById("select13").value) + parseInt(document.getElementById("select14").value) + parseInt(document.getElementById("select15").value) + parseInt(document.getElementById("select16").value) + parseInt(document.getElementById("select17").value);
          }
        </script>
    		<script type="text/javascript">
                function cambiaContenuti(option) {
                    var contenuto = "";
                    switch(option) {
                        case '1' :
                            contenuto = "<b><font color='green'>FESTA</b></font> <select id='select1' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>SELEZIONA IL TIPO DI FESTA</option>";
                            contenuto+= "<option value='75'>BASE</option>";
                            contenuto+= "<option value='145'>PIRATI</option>";
                            contenuto+= "<option value='175'>GIOCHI SENZA FRONTIERE</option>";
    						contenuto+= "<option value='155'>CAPPUCCETTO ROSSO E IL LUPO</option>";
    						contenuto+= "<option value='155'>PRINCIPE E PRINCIPESSA</option>";
                            contenuto+= "<option value='195'>BIANCANEVE E I NANI</option>";
                            contenuto+= "<option value='155'>TELE TUBBIES</option>";
                            contenuto+= "<option value='195'>PETER PAN</option>";
                            contenuto+= "<option value='175'>BABBO NATALE PARTY</option>";
    						contenuto+= "<option value='180'>PIRATI DEI CARAIBI</option>";
                            contenuto+= "<option value='220'>CIRCENSE</option>";
                            contenuto+= "<option value='190'>MUSICALE</option>";
    						contenuto+= "<option value='310'>DISCOPARTY</option></select>";
                            contenuto+= "<b><font color='green'>SPECIALI</b></font> <select id='select2' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>SELEZIONA UN ELEMENTO SPECIALE</option>";
                            contenuto+= "<option value='220'>TOPOLINO</option>";
                            contenuto+= "<option value='15'>POKEMON</option>";
                            contenuto+= "<option value='15'>DRAGON BALL</option>";
                            contenuto+= "<option value='15'>TELE TUBBIES</option>"; 
    						contenuto+= "<option value='15'>PULCINELLA</option>";
                            contenuto+= "<option value='70'>ANIMAZIONE LATINA</option>";
                            contenuto+= "<option value='180'>ANIMAZIONE CARAIBICA</option>"; 
    						contenuto+= "<option value='15'>TOPOLINO E MINNIE</option>";
                            contenuto+= "<option value='180'>TRAMPOLIERE</option>";
                            contenuto+= "<option value='250'>FUMETTISTA</option></select>"; 
    						contenuto+= "<b><font color='green'>PERSONAGGI</font></b> <select id='select3' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select>";
    						contenuto+= "<font size='1'><b>ALTRI PERSONAGGI</a></b><select id='select4' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select>";
    						contenuto+= "<p><b><font size='1'>ALTRI PERSONAGGI</a></b> <select id='select5' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select>";
          contenuto+= "<p><b><font size='1'>ALTRI PERSONAGGI</a></b> <select id='select6' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select>";
    						contenuto+= "<p><b><font size='1'>ALTRI PERSONAGGI</a></b> <select id='select7' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select>";
    						contenuto+= "<p><b><font size='1'>ALTRI PERSONAGGI</a></b> <select id='select8' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select>";
    						contenuto+= "<p><b><font size='1'>ALTRI PERSONAGGI</a></b> <select id='select9' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select>";
    						contenuto+= "<p><b><font size='1'>ALTRI PERSONAGGI</a></b> <select id='select10' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='20'>TOPOLINO</option>";
                            contenuto+= "<option value='20'>MINNIE</option>";
    						contenuto+= "<option value='20'>PAPERINO</option>";
                            contenuto+= "<option value='20'>PAPERINA</option>";
    						contenuto+= "<option value='20'>PLUTO</option>";
                            contenuto+= "<option value='20'>TITTY</option>";
    						contenuto+= "<option value='20'>GATTO SILVESTRO</option>";
    						contenuto+= "<option value='20'>BUGS BUNNY</option></select></p></font>";
    						
    						contenuto+= "<b><font color='green' size='3'>SPETTACOLI</b></font><font size='3' <select id='select11' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='115'>CANTASTORIE MAGICO</option>";
                            contenuto+= "<option value='180'>VIRO MAGIC SHOW</option>";
    						contenuto+= "<option value='350'>MAGICO</option>";
                            contenuto+= "<option value='45'>LABORATORIO</option>";
    						contenuto+= "<option value='650'>ILLUSIONISMO</option>";
                            contenuto+= "<option value='220'>MICROMAGIA</option>";
    						contenuto+= "<option value='250'>CIRCENSE SILVESTRO</option>";
    						contenuto+= "<option value='180'>GIOCOLERIA</option></select>"; 
    						
    						contenuto+= "<p><b><font size='1'> ALTRI SPETTACOLI</b></a> <select id='select12' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='115'>CANTASTORIE MAGICO</option>";
                            contenuto+= "<option value='180'>VIRO MAGIC SHOW</option>";
    						contenuto+= "<option value='350'>MAGICO</option>";
                            contenuto+= "<option value='45'>LABORATORIO</option>";
    						contenuto+= "<option value='650'>ILLUSIONISMO</option>";
                            contenuto+= "<option value='220'>MICROMAGIA</option>";
    						contenuto+= "<option value='250'>CIRCENSE SILVESTRO</option>";
    						contenuto+= "<option value='180'>GIOCOLERIA</option></select>";
    						
    						contenuto+= "<b><font size='1'> <p>ALTRI SPETTACOLI</b></a> <select id='select13' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='115'>CANTASTORIE MAGICO</option>";
                            contenuto+= "<option value='180'>VIRO MAGIC SHOW</option>";
    						contenuto+= "<option value='350'>MAGICO</option>";
                            contenuto+= "<option value='45'>LABORATORIO</option>";
    						contenuto+= "<option value='650'>ILLUSIONISMO</option>";
                            contenuto+= "<option value='220'>MICROMAGIA</option>";
    						contenuto+= "<option value='250'>CIRCENSE SILVESTRO</option>";
    						contenuto+= "<option value='180'>GIOCOLERIA</option></select>";
    						contenuto+= "<p><b><font size='1'><p> ALTRI SPETTACOLI</b></a> <select id='select14' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='115'>CANTASTORIE MAGICO</option>";
                            contenuto+= "<option value='180'>VIRO MAGIC SHOW</option>";
    						contenuto+= "<option value='350'>MAGICO</option>";
                            contenuto+= "<option value='45'>LABORATORIO</option>";
    						contenuto+= "<option value='650'>ILLUSIONISMO</option>";
                            contenuto+= "<option value='220'>MICROMAGIA</option>";
    						contenuto+= "<option value='250'>CIRCENSE SILVESTRO</option>";
    						contenuto+= "<option value='180'>GIOCOLERIA</option></select>";
    						contenuto+= "<b><font size='1'><p> ALTRI SPETTACOLI</b></a> <select id='select15' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='115'>CANTASTORIE MAGICO</option>";
                            contenuto+= "<option value='180'>VIRO MAGIC SHOW</option>";
    						contenuto+= "<option value='350'>MAGICO</option>";
                            contenuto+= "<option value='45'>LABORATORIO</option>";
    						contenuto+= "<option value='650'>ILLUSIONISMO</option>";
                            contenuto+= "<option value='220'>MICROMAGIA</option>";
    						contenuto+= "<option value='250'>CIRCENSE SILVESTRO</option>";
    						contenuto+= "<option value='180'>GIOCOLERIA</option></select>";
    						contenuto+= "<b><font size='1'><p> ALTRI SPETTACOLI</b></a> <select id='select16' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='115'>CANTASTORIE MAGICO</option>";
                            contenuto+= "<option value='180'>VIRO MAGIC SHOW</option>";
    						contenuto+= "<option value='350'>MAGICO</option>";
                            contenuto+= "<option value='45'>LABORATORIO</option>";
    						contenuto+= "<option value='650'>ILLUSIONISMO</option>";
                            contenuto+= "<option value='220'>MICROMAGIA</option>";
    						contenuto+= "<option value='250'>CIRCENSE SILVESTRO</option>";
    						contenuto+= "<option value='180'>GIOCOLERIA</option></select>";
    						contenuto+= "<b><font size='1'><p> ALTRI SPETTACOLI</b></a> <select id='select17' OnChange='javascript: selectValue(this);'>";
    						contenuto+= "<option value='0'>NO</option>";
    						contenuto+= "<option value='115'>CANTASTORIE MAGICO</option>";
                            contenuto+= "<option value='180'>VIRO MAGIC SHOW</option>";
    						contenuto+= "<option value='350'>MAGICO</option>";
                            contenuto+= "<option value='45'>LABORATORIO</option>";
    						contenuto+= "<option value='650'>ILLUSIONISMO</option>";
                            contenuto+= "<option value='220'>MICROMAGIA</option>";
    						contenuto+= "<option value='250'>CIRCENSE SILVESTRO</option>";
    						contenuto+= "<option value='180'>GIOCOLERIA</option></font></select></p>";
    						contenuto+= "<p><font size='4' color='red'>TOTALE<input type='text' font size='3'size='25' value='0' id='txtRisultato' />€</p></font>";
                           break;
                        case '2' :
                            contenuto= "";
    
                            break;
                        case '3' :
                            contenuto = "<span>Ciao contenuto 3</span>";
    									break;
                        case '4' :
                            contenuto = "<select>ss</select>";
    									
                            break;
                        default:
                            contenuto = "<span>contenuto0</span>"; 
                            break;
                    }
                    document.getElementById('contenuto').innerHTML=contenuto;   
                }
            </script>
            <script>
    		<!-- OGGETTO A COMPARSA
    
    		function mostraMenu(menuCorrente) {
    			if (document.getElementById) {
    				questoMenu = document.getElementById(menuCorrente).style
    				if (questoMenu.display == "block") {
    					questoMenu.display = "none"
    				}
    				else {
    					questoMenu.display = "block"
    				}
    				return false
    			}
    			else {
    				return true
    			}
    		}
    
     -->
    	</script>
    	<!-- Fine OGGETTO A COMPARSA -->
        </head>
        <body>
    	<form action="preventivo.php" method="post" id="modulo">
     <table>
     <p><td width="110"><b>Nome</b></td>
    				<td><input type="text" name="Nome" size="30" id="object" class="textbox" value="Nome del festeggiato"onfocus="this.value = ' '"></td>
    			
    			<td width="10"><b>Cognome</b></td>
    				<td><input type="text" name="Cognome" size="30" id="body" class="textbox" value="Cognome del festeggiato"onfocus="this.value = ' '"></td>
    			
    			<td width="84"><b>Data di nascita</b></td>
    				<td><input type="text" name="nascita" size="10" id="nascita" class="textbox" VALUE='gg/mm/aaaa'onfocus="this.value = ' '"/></td>
    			</tr></p>
    			<tr>
    				<td width="130"><b>Pap&agrave; e Mamma</b></td>
    				<td><input type="text" name="genitori" size="40" id="genitori"class="textbox" VALUE="Se minorenne"onfocus="this.value = ' '" /></td>
    			</tr>
    			<tr>
    				<p><td width="130"><b>Telefono di casa</b>
    				<td><input type="text" name="numero_casa" size="25" id="numero_casa" class="textbox" VALUE="numero di casa"onfocus="this.value = ' '"></td>
    			
    				<td width="130"><b>Telefono cellulare</B></td>
    				<td><input type="text" name="cellulare" size="25" id="cellulare" class="textbox"  VALUE="numero cellulare"onfocus="this.value = ' '"/></td>
    			<td width="130"><b>E-mail</b></td>
    				<td><input type="text" name="email" size="40" id="email"class="textbox"  VALUE="IMPORTANTE inserire una email valida!"onfocus="this.value = ' '"/></td>
    			</tr></p>
    			<tr>
    		
    				<td width="130" valign="top"><b>Festa presso</b></td>
    				<td>Specifica il nome del locale e l'indirizzo<br />
    					<textarea name="luogo" id="luogo" class="textbox" rows="2" cols="35"></textarea>
    				<td width="130"><b>Telefono del locale</b></td>
    				<td><input type="text" name="numero_locale" size="40" id="numero_locale" class="textbox" VALUE="Numero di telefono del locale"onfocus="this.value = ' '"></td>
    			</tr>	
    			<tr>
    		
    				<p><td width="130" valign="top"><b>Spazio</b></td>
    				<td>Descrivere lo spazio destinato ad ospitare i bambini<br />
    					<textarea name="spazio" class="textbox" id="spazio" rows="2" cols="35" /></textarea>
    				<td width="130" valign="top"><b>Indicazioni</b>
    				<td>Indicazioni su come arrivare<br />
    					<textarea name="spazio" class="textbox" id="indicazoni" rows="2" cols="35" /></textarea></td></tr>
    					<td width="130">Dotazioni</td>
    				<td><select>
      <option>STEREO SI</option>
      <option>STEREO NO</option></td></select>
    			</tr>
    			<tr>
    				<td width="130">Parcheggio</td>
    				<td><select>
      <option>SI , ABBIAMO UN POSTO AUTO PER LO STAFF</option>
      <option>NO , NON ABBIAMO UN POSTO AUTO PER LO STAFF</option></td></select>
    			</tr>
    			<tr>
    				<td width="130">Data della festa</td>
    				<td><input type="text" name="eta_festeggiato" size="10" class="textbox" VALUE="gg/mm/aaaa"onfocus="this.value = ' '"/></td>
    			</tr>
    			<tr>
    				<p><td width="130">Orario inizio</td>
    				<td><input type="text" name="orafesta" size="10" class="textbox" VALUE="es. ore 17:00"onfocus="this.value = ' '"/></td>
    					
    			
    				<td width="130">Orario fine</td>
    				<td><input type="text" name="data" size="10" class="textbox"  VALUE="es. ore 20:00"onfocus="this.value = ' '"/></td>
    			</tr></p>						
    			<tr><td width="130">Festa per:</label></td>
    			
    				<tr>
                    <td width="130"><a href="pagina1.html" onClick="return mostraMenu('menu1')">Rimuovi/Aggiungi bambini</a></label></td>
    <td><div class="menu" id="menu1">
    	Numero di bambini <input type="txt" name="data" size="2" class="textbox" maxlength="2"/> Di <select>
      <option>meno di 1 anno</option>
      <option>da 1 a 3 anni</option>
      <option>da 4 a 6 anni</option>
      <option>da 7 a 10 anni</option>
      <option>da 11 a 13 anni</option>
      <option>da 14 a 17 anni</option> 
    </select></a><br /></tr>
    <td width="130"><a href="pagina2.html" onClick="return mostraMenu('menu2')">Rimuovi/Aggiungi bambini</a></label></td>
    <td><div class="menu" id="menu2">
    	Numero di bambini <input type="txt" name="data" size="2" class="textbox" maxlength="2"/> Di <select>
      <option>meno di 1 anno</option>
      <option>da 1 a 3 anni</option>
      <option>da 4 a 6 anni</option>
      <option>da 7 a 10 anni</option>
      <option>da 11 a 13 anni</option>
      <option>da 14 a 17 anni</option> 
    </select></a><br />
    <tr><td width="130"><a href="pagina3.html" onClick="return mostraMenu('menu3')">Rimuovi/Aggiungi bambini</a></label></td>
    <td><div class="menu" id="menu3">
    	Numero di bambini <input type="txt" name="data" size="2" class="textbox" maxlength="2"/> Di <select>
      <option>meno di 1 anno</option>
      <option>da 1 a 3 anni</option>
      <option>da 4 a 6 anni</option>
      <option>da 7 a 10 anni</option>
      <option>da 11 a 13 anni</option>
      <option>da 14 a 17 anni</option> 
    </select></a><br /></tr>
    <tr><td width="130"><a href="pagina4.html" onClick="return mostraMenu('menu4')">Rimuovi/Aggiungi bambini</a></label></td>
    <td><div class="menu" id="menu4">
    	Numero di bambini <input type="txt" name="data" size="2" class="textbox" maxlength="2"/> Di <select>
      <option>meno di 1 anno</option>
      <option>da 1 a 3 anni</option>
      <option>da 4 a 6 anni</option>
      <option>da 7 a 10 anni</option>
      <option>da 11 a 13 anni</option>
      <option>da 14 a 17 anni</option> 
    </select></a><br /></tr>
    <tr><td width="130"><a href="pagina5.html" onClick="return mostraMenu('menu5')">Rimuovi/Aggiungi bambini</a></label></td>
    <td><div class="menu" id="menu5">
    	Numero di bambini <input type="txt" name="data" size="2" class="textbox" maxlength="2"/> Di <select>
      <option>meno di 1 anno</option>
      <option>da 1 a 3 anni</option>
      <option>da 4 a 6 anni</option>
      <option>da 7 a 10 anni</option>
      <option>da 11 a 13 anni</option>
      <option>da 14 a 17 anni</option> 
    </select></a><br /></tr>
    </div>
    		  </tr>
    		  <tr><td><select name="num_bambini" id="num_bambini" onChange="cambiaContenuti(this.value)">
    		    <option value="0">Totale bambini</option>
    		    <option value="1">1</option>
    		    <option value="1">2</option>
    		    <option value="1">3</option>
    		    <option value="1">4</option>
    		    <option value="1">5</option>
    		    <option value="1">6</option>
    		    <option value="1">7</option>
    		    <option value="1">8</option>
    		    <option value="1">9</option>
    		    <option value="1">10</option>
    		    <option value="2">11</option>
    		    <option value="2">12</option>
    		    <option value="2">13</option>
    		    <option value="2">14</option>
    		    <option value="2">15</option>
    		    <option value="2">16</option>
    		    <option value="2">17</option>
    		    <option value="2">18</option>
    		    <option value="2">19</option>
    		    <option value="2">20</option>
    		    <option value="3">21</option>
    		    <option value="3">22</option>
    		    <option value="3">23</option>
    		    <option value="3">21</option>
    		    <option value="3">22</option>
    		    <option value="3">23</option>
    		    <option value="3">24</option>
    		    <option value="3">25</option>
    		    <option value="3">26</option>
    		    <option value="3">27</option>
    		    <option value="3">28</option>
    		    <option value="3">29</option>
    		    <option value="3">30</option>
    		    <option value="3">31</option>
    		    <option value="3">32</option>
    		    <option value="3">33</option>
    		    <option value="3">34</option>
    		    <option value="3">35</option>
    		    <option value="4">pi&ugrave; di 35</option>
    		    </select>
    		    <div id="contenuto">
    		    
    		    </div>
        </body>
    </html>
     
  15. Nefyt

    Nefyt Utente Attivo

    Registrato:
    17 Aprile 2012
    Messaggi:
    1.102
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Prova a concatenare i risultati anche con document.getElementById("txtRisultato").value non solo con contenuto
     
  16. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Non credo di aver capito bene,in che modo?
     
  17. Nefyt

    Nefyt Utente Attivo

    Registrato:
    17 Aprile 2012
    Messaggi:
    1.102
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Codice:
    document.getElementById("txtRisultato").value = parseInt(document.getElementById("select1").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select2").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select3").value);
    //e cosi via
    
     
  18. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Codice:
    document.getElementById("txtRisultato").value = parseInt(document.getElementById("select1").value) +
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select2").value)
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select3").value)
    document.getElementById("txtRisultato").value = parseInt(document.getElementById("select4").value)
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select5").value)
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select6").value)
    document.getElementById("txtRisultato").value = parseInt(document.getElementById("select7").value)
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select8").value)
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select9").value)
    document.getElementById("txtRisultato").value = parseInt(document.getElementById("select10").value)
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select11").value)
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select12").value)
    document.getElementById("txtRisultato").value = parseInt(document.getElementById("select13").value)
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select14").value)
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select15").value)
    document.getElementById("txtRisultato").value = parseInt(document.getElementById("select16").value)
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select17").value);
    
    Nemmeno con e senza ";" alla fine
     
    Ultima modifica: 23 Aprile 2012
  19. Nefyt

    Nefyt Utente Attivo

    Registrato:
    17 Aprile 2012
    Messaggi:
    1.102
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Spero stai scherzando xD, te hai sommato tutti i valori ripetendo il txtRisultato, ma non hai seguito l'esempio sopra?
    Io intendevo di aggiungere ogni valore uno per uno, non cosi
     
  20. GI89

    GI89 Utente Attivo

    Registrato:
    21 Aprile 2012
    Messaggi:
    36
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    HTML:
     document.getElementById("txtRisultato").value = parseInt(document.getElementById("select1").value);
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select2").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select3").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select4").value);
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select5").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select6").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select7").value);
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select8").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select9").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select10").value);
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select11").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select12").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select13").value);
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select14").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select15").value);
    document.getElementById("txtRisultato").value += parseInt(document.getElementById("select16").value);
    		document.getElementById("txtRisultato").value += parseInt(document.getElementById("select17").value);
    Ho scritto che nemmeno in questo modo mi funziona :confused:
     
Sto caricando...

Condividi questa Pagina