Droplist con oggetto a comparsa

G

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?
 
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>
 
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>
 
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?
 
criric ha scritto:
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>
Clicca per allargare...

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?
 
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?
Clicca per allargare...

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
 
criric ha scritto:
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
Clicca per allargare...

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)
 
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
 
Nefyt ha scritto:
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
Clicca per allargare...

Ma guarda che questo script funziona,è quando devo inserirlo nell'altro che mi da errore
 
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
 
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;
 
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 ha scritto:
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?
Clicca per allargare...

Mentre per creare questo che metodo dovrei adottare?
 
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>
 
GI89 ha scritto:
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>
Clicca per allargare...
Prova a concatenare i risultati anche con document.getElementById("txtRisultato").value non solo con contenuto
 
GI89 ha scritto:
Non credo di aver capito bene,in che modo?
Clicca per allargare...
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
 
Nefyt ha scritto:
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
Clicca per allargare...
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:
GI89 ha scritto:
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
Clicca per allargare...
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
 
Nefyt ha scritto:
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
Clicca per allargare...
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:
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

P
Droplist
Risposte
2
Visite
1K
PHP
peppepegasus
P
S
Vendesi Sito Web di Intrattenimento con 1600 Articoli Pubblicati
Risposte
0
Visite
96
Compravendita siti e domini
Susanna1986
S
sviluppomania
[Cerco][Gratuito] Articolisti per Sito Web con tema la tecnologia
Risposte
0
Visite
67
Offerte e Richieste di Lavoro e/o Collaborazione
sviluppomania
sviluppomania
I
problemi con thunderbird
Risposte
0
Visite
1K
Posta Elettronica
ilprincipiante
I
M
Vba maschera con campi da più tabelle salvataggio in un'unica tabella
Risposte
0
Visite
2K
MS Access
motoranocchio
M
voldemort
Problema in Shopify con Pixel Facebook
Risposte
1
Visite
2K
E-Commerce
m.pittini
M
I
salvare con ajax user_id name msg
Risposte
0
Visite
1K
PHP
Imperor
I
V
Quanti GB per una telecamera con sim card?
Risposte
0
Visite
2K
IP Cam e Videosorveglianza
vitomaso
V
F
access ricerca record con apostrofo.
Risposte
0
Visite
1K
MS Access
futty
F
F
Cerco Hosting con VECCHIE versioni di php
Risposte
0
Visite
1K
Hosting
frk
F
C
Come ricreare questo calcolatore di prezzi a step con woocommerce?
Risposte
0
Visite
2K
WordPress
calmabubbasst
C
C
Segnalo barra laterale di navigazione ASSENTE con Chrome
Risposte
5
Visite
1K
Comunicazioni dallo Staff
calmabubbasst
C
G
Guadagna dalla Vendita di Articoli Sponsorizzati con GuestPostMax.com!
Risposte
0
Visite
3K
Guadagnare col Sito
guestpost
G
P
Hosting multidominio con Plesk
Risposte
0
Visite
3K
Hosting
Pierino
P
L
Soluzione con INNER JOIN
Risposte
0
Visite
870
Database
lupentino
L
S
passare un valore da un form a un file .php con metodo post
Risposte
4
Visite
1K
PHP
zorro
zorro
A
Redirect 301 genera url statico con variabili
Risposte
0
Visite
1K
Web Server
Alexander02
A
T
problemi con dati menu a tendina
Risposte
2
Visite
1K
HTML e CSS
tregafabio
T
N
Leggi con attenzione...
Risposte
0
Visite
32
Windows e Software
Nunzio
N
T
Query con date
Risposte
1
Visite
1K
MS Access
marino51
marino51
Alto Basso