creazione pagina con dati input

[fedemarkez]

Salve, grazie all'aiuto di Floyd sono riuscito a creare un piccolo programmino in javascript che mi esegue la somma di tre dati input:

 prima voce 
  <input type="checkbox" value="10" onclick="somma(this.value, this.checked);" name="prima voce"/>
seconda voce 
  <input type="checkbox" value="20" onclick="somma(this.value, this.checked);" name="seconda voce"/>
terza voce 
  <input type="checkbox" value="30" onclick="somma(this.value, this.checked);" name="terza voce"/>
<input name="c" type="text"/ disabled value="0" size="4">
<input type="submit" name="Submit" value="Invia"> 

Volevo sapere se tramite il pulsante SUBMIT si puo' creare una pagina html che mi scriva solo gli input selezionati piu il valore totale della somma.
Grazie

[fedemarkez]

Chiedevo se si poteva fare una cosa del genere, o in alternativa, fare la stessa operazione ma utilizzando un file php

[Xinod]

chiaramente se invii il form ad una pagina php fai scrivere in output quello che ti interessa venga scritto e sicuramente e' questo il modo migliore di procedere

restando in javascript potresti scrivere una pagina al volo, aprendola in una popup o riscrivendo la pagina stessa del form

in popup

function scriviPag(){
  var str='';
  var f=document.nomeForm;
  for(var x=0;x<f.elements.length;x++){
    if(f.elements[x].type=='checkbox' && f.elements[x].checked){
      str+=f.elements[x].value+'
';
    }
  }
  str+='<hr />'+f.c.value;
  var pop=window.open('','popup','');
  pop.document.write(str);
  pop.document.close();
}

nella stessa pagina

function scriviPag(){
  var str='';
  var f=document.nomeForm;
  for(var x=0;x<f.elements.length;x++){
    if(f.elements[x].type=='checkbox' && f.elements[x].checked){
      str+=f.elements[x].value+'
';
    }
  }
  str+='<hr />'+f.c.value;
  document.write(str);
}

in entrambi i casi devi modificare il tag <form> in questo modo
<form onsubmit="scriviPag();return false">

occhio che scrivere pagine al volo puo' non essere una buona idea,
per esempio alcuni browser intenderanno l' html della pagina come quella del form, non quella generata al volo...
ciao

[stiffa]

....meglio quella di xnod

[fedemarkez]

ok allora ho messo il codice per scrivere la pagina sulla stessa pagina.
Pero' cliccando su "invia", non succede nulla, anzi si ricarica la pagina e non fa nulla. come mai?

[fedemarkez]

scusa, mi correggo, funziona!

[fedemarkez]

Nella funzione precedente,

str+='<hr />'+f.c.value; 

come faccio a mettere dopo "f.c.value" del testo? ad esempio la parola "totale".
Non conosco la sintassi JS

[Xinod]

str+='<hr />'+f.c.value+' totale';

[fedemarkez]

 function scriviPag(){
  var str='';
  var f=document.nomeform;
  for(var x=0;x<f.elements.length;x++){
    if(f.elements[x].type=='checkbox' && f.elements[x].checked){
      str+=f.elements[x].value+f.elements[x].name+'
';
    }
  }
  str+='<hr />'+f.nuovocampo.value+' Totale';
  document.write(str);
} 

questo è il codice che mi genera la pagina.
Pero' non capisco come devo fare se volessi mettere una riga di testo all' inizio del tutto.
Dovrei mettere un titolo alla pagina, ad es. "Riepilogo ordine", e sotto tutto il resto.
Come si puo' fare?

[Xinod]

cambia
var str='';
in
var str='<h1>Riepilogo ordine</h1>';