Droplist con oggetto a comparsa

GI89

Utente Attivo
21 Apr 2012
36
0
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?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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>
 

GI89

Utente Attivo
21 Apr 2012
36
0
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?
 

GI89

Utente Attivo
21 Apr 2012
36
0
0
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>
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?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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?
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
 

GI89

Utente Attivo
21 Apr 2012
36
0
0
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
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)
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
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
 

GI89

Utente Attivo
21 Apr 2012
36
0
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
Ma guarda che questo script funziona,è quando devo inserirlo nell'altro che mi da errore
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
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
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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;
 

GI89

Utente Attivo
21 Apr 2012
36
0
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!
 

GI89

Utente Attivo
21 Apr 2012
36
0
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?
Mentre per creare questo che metodo dovrei adottare?
 

GI89

Utente Attivo
21 Apr 2012
36
0
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>
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
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>
Prova a concatenare i risultati anche con document.getElementById("txtRisultato").value non solo con contenuto
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
Non credo di aver capito bene,in che modo?
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
 

GI89

Utente Attivo
21 Apr 2012
36
0
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
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:

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
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
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
 

GI89

Utente Attivo
21 Apr 2012
36
0
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
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: