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:
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Droplist PHP 2
F access ricerca record con apostrofo. MS Access 0
F Cerco Hosting con VECCHIE versioni di php Hosting 0
C Come ricreare questo calcolatore di prezzi a step con woocommerce? WordPress 0
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
G Guadagna dalla Vendita di Articoli Sponsorizzati con GuestPostMax.com! Guadagnare col Sito 0
P Hosting multidominio con Plesk Hosting 0
L Soluzione con INNER JOIN Database 0
S passare un valore da un form a un file .php con metodo post PHP 4
A Redirect 301 genera url statico con variabili Web Server 0
T problemi con dati menu a tendina HTML e CSS 2
T Query con date MS Access 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
L Aiuto con DataGridView Visual Basic 1
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
M Aggiunta prodotti nel carrello con lo stesso in e varianti diverse PHP 0
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
N Problema con position absolute e overflow HTML e CSS 4
M Estrarre soltanto i prodotti con stessa descrizione PHP 10
felino [Wordpress] Gallery con foto selezionabili dall'utente WordPress 0
G Invio di più valori con la stessa checkbox PHP 4
csi Inviare file jpg in locale alla stampante con php PHP 0
otto9due Proteggere una cartella e file con password tramite .htaccess e .htpasswd Web Server 0
I Form con selettore HTML e CSS 0
G phpmailer e php 8.1 con estensione mysqli PHP 6
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
N Vendo sito web di casino online con 1000 giochi Compravendita siti e domini 0
G form invio multiplo con checkbox PHP 12
L Query e selezione DB con $_POST PHP 2
K [PHP] Problema con variabili concatenate. PHP 1
R Dubbi su siti sviluppati con Wordpress e con codice WordPress 6
B Router e telecamere con pannello solare IP Cam e Videosorveglianza 0
Z Cerco ecommerce gratuito meglio se realizzato con Woocommerce di Wordpress. E-Commerce 0
S [CERCO] scambio di articoli con link Offerte e Richieste di scambio links 0
A Immagine decentrata con sfondo trasparente Photoshop 0
O problema con query PHP 4
Jensen Errore di sintassi con DELETE PHP 3
D Casella di testo con grassetto ecc... HTML e CSS 2
R Aprire maschera con Openform filtrando un campo testuale con un valore recuperato da un'altra maschera MS Access 10
G Query con i giorni della settimana MySQL 10
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
G Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl HTML e CSS 0
A Connessione a mdb con php7 PHP 1
P errore 404 con javascript Javascript 2
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0

Discussioni simili