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
G Menù a tendina di ricerca con query PHP 1
T fatture con voci fattura in php PHP 0
A Tabella con bottoni per aggiornamento record PHP 6
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
MarcoGrazia Calcolo fra due date con esclusione delle feste PHP 7
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
M Inviare un file su un server remoto con JavaScript Javascript 0
L problema con query select PHP 2
M Come validare textarea con jquery jQuery 0
M Problemi con la stampa dei valori in php PHP 1
A Regex per isolare link interni con rel noopener PHP 0
L Problemi con il login PHP 2
F Creare elementi html con javascript Javascript 2
R Problema query con ricerca id numerico PHP 2
R [C#] Quali dipendenze occorrono su progetto "Setup" con Access Database? .NET Framework 0
F Problema con risposta PHP 0
A Sottoquery con group by per mese MySQL 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
A Quale NVR con ingressi bnc ? IP Cam e Videosorveglianza 1
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
T Film interattivo con linguaggi web Programmazione 7
A pulsante di update campo mysql con javascript Javascript 2
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1
Barierta Testo a comparsa con passaggio del mouse Javascript 13
M Estrarre valore con SELECT COUNT PHP 0
G VBA OpenForm con WhereCondition + LIKE su campi differenti MS Access 5
sara3 Offresi articolista con esperienza Offerte e Richieste di Lavoro e/o Collaborazione 2
L Problema RAM con Tomcat 8 Apache 0
S connesso, internet non disponibile ( con extebder tp-link850) Reti LAN e Wireless 0
L Menù con switch case C/C++ 1
Cosina Upload multiplo con invio allegati per email PHP 0
Cosina Upload multiplo con archiviazione in cartella PHP 16
B ciclare file xml con PHP PHP 1
napuleone problema con sort e asort PHP 4
F Group By con Alias condizionale MySQL 1
R [C#] Scrivere un post in grassetto con Selenium su FB Mobile .NET Framework 0
T cms con visualizzazione mind map Content Management System (CMS) 0
D Landing page con Wp Content Management System (CMS) 0
Z problemi con foreach insert into PHP 10
napuleone Con le date il codice da di matto o forse non è così Javascript 6
napuleone Con le date mi da di matto o forse è proprio così jQuery 1
R Aiuto con le query MS Access 2
Z Problema con INT MySQL PHP 1
B javascript per problemi con pdf e Safari Javascript 0
D menu con submenu orizzontale HTML e CSS 0
Z Problema database MySQL con XAMPP PHP 0
D Estrarre database con link esterno Database 10

Discussioni simili