Newsgroup: it.comp.lang.javascript
Titolo: form: pagina di risposta e successivo invio (lunghetto)

Ciao a tutti, posto raramente su questo NG ma spero che qualcuno abbia
comunque voglia di risolvermi questo piccolo problemino...
Dunque ho un form che invia una mail con action mailto e al momento
dell'invio (al click su submit) mi restituisce anche una pagina di
risposta con i dati che sono stati inseriti e appena inviati.
Io pero' vorrei fare in modo che al click su submit restituisse solo
la pagina di risposta e l'invio dell'e.mail avvenga in un secondo
tempo, dalla pagina di risposta stessa. del tipo: questi sono i dati
inseriti, ora premi invio o torna indietro per modificarli (quindi nel
doc.write dovrebbero essere contemplati questi 'bottoni').
Purtroppo non bazzico molto js e il codice che vi posto l'ho preso da
pippopd sul NG html e l'ho modificato ma ora ho problemi...
ovviamente...
Questo e' il codice spero qualcuno mi aiuti!!
<FORM action="mailto:
pip...@iol.it
" method=POST
enctype="text/plain"name=form1 onSubmit="prova(this)">
<p></p>
  <table width="64%" border="0" cellspacing="0" cellpadding="0"
align="center">
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" colspan="4"> 
        <div align="center"><span class="testoBold">Per contattarci
riguardo ad 
          informazioni sui nostri prodotti o sulla nostra azienda
potete compilare 
          il seguente modulo per la richiesta di
informazioni.</span><br>
          <br>
        </div>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap
class="testoSmall">Nome 
        e Cognome:</td>
      <td align="left" valign="top" colspan="3"> 
        <p> 
          <input type="text"  name=nomecognome size="35"
maxlength="40">
        </p>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap
class="testoSmall">Ragione 
        Sociale: </td>
      <td align="left" valign="top" colspan="3"> 
        <p> 
          <input type="text"  name=societa size="35" maxlength="40">
        </p>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap><span
class="testoSmall">Indirizzo</span>:</td>
      <td align="left" valign="top" width="37%"> 
        <p> 
          <input type="text" name="indirizzo" size="35"
maxlength="55">
        </p>
      </td>
      <td align="left" valign="middle"
width="10%">&nbsp;&nbsp;&nbsp;<span class="testoSmall">Prv.: 
        </span></td>
      <td align="left" valign="middle" width="23%"> 
        <input type="text" name="prv" size="2" maxlength="2">
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap><span
class="testoSmall">Citt&agrave;</span>:</td>
      <td align="left" valign="top" colspan="3"> 
        <p> 
          <input type="text" name="citta" size="35" maxlength="50">
        </p>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap
class="testoSmall">Telefono:</td>
      <td align="left" valign="top" colspan="3"> 
        <p> 
          <input type="text" name="telefono" size="35" maxlength="35">
        </p>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap
class="testoSmall">E-Mail: 
      </td>
      <td align="left" valign="top" colspan="3"> 
        <p> 
          <input type="text" name="email" size="35" maxlength="55">
        </p>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap
class="testoSmall">Richiedo 
        informazioni su:</td>
      <td align="left" valign="top" colspan="3"> 
        <p> 
          <select  name=informazioni>
            <option value="Seleziona">Seleziona una voce</option>
            <option value="Societ&agrave;">La Societ&agrave;</option>
            <option value="Linea Natura in Tavola">Linea Natura in
Tavola</option>
            <option value="Linea Leggerezza">Linea Leggerezza</option>
          </select>
        </p>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="middle" width="30%" nowrap><span
class="testoSmall">Commenti/Domande</span>:</td>
      <td align="left" valign="top" colspan="3"> 
        <p> 
          <textarea name="commenti" cols="40" rows="8"></textarea>
        </p>
      </td>
    </tr>
    <tr bgcolor="#CCFFFF"> 
      <td align="right" valign="top" width="30%" nowrap>&nbsp;</td>
      <td colspan="3"> 
        <input type="submit" value="Invia la richiesta" name="submit">
        <input type="reset" name="Submit" value="Reimposta">
      </td>
    </tr>
  </table>
  <br>
</FORM>
 
<p> 
  <SCRIPT LANGUAGE=javascript>
<!--
function prova(questaForm){
var dati= new Array;
dati[0]='<span class="testoBold">Nome e
Cognome:&nbsp;</span>'+questaForm.nomecognome.value;
dati[1]='<span class="testoBold">Ragione
Sociale:&nbsp;</span>'+questaForm.societa.value;
dati[2]='<span class="testoBold">Indirizzo e n.
civico:&nbsp;</span>'+questaForm.indirizzo.value;
dati[3]='<span
class="testoBold">Città:&nbsp;</span>'+questaForm.citta.value;
dati[4]='<span
class="testoBold">Provincia:&nbsp;</span>'+questaForm.prv.value;
dati[5]='<span
class="testoBold">Telefono:&nbsp;</span>'+questaForm.telefono.value;
dati[6]='<span
class="testoBold">e-Mail:&nbsp;</span>'+questaForm.email.value;
dati[7]='<span class="testoBold">Richiedo informazioni
su:&nbsp;</span>'+questaForm.informazioni.options[questaForm.informazioni.selectedIndex].value;
dati[8]='<span class="testoBold">Commenti e
Domande:&nbsp;</span><br>'+questaForm.commenti.value;
newPagina='<Head><link rel="stylesheet"
href="../css/vitavigor.css"></Head><HTML><BODY bgcolor="#FFFFFF"
background="../img/Clouds2a.jpg"><span class="testoBoldItalic">I dati
inseriti nel modulo e spediti via e-mail sono i
seguenti:</span><br><br>'
var i;
 for (i=0;i<dati.length;i++){
  newPagina+=dati[i]+'<BR>';
 }
newPagina+='</BODY></HTML>';
setTimeout('scrivi()',2000)
}
function scrivi(){
document.write(newPagina);
document.close();
}
// -->
</SCRIPT>
</p>
</body>
ciao a tutti e grazie in anticipo
andy
Ciao!
aNdY^bOoM
togli NOSPAM per le risposte
e-mail: andy_boom[chiocciola]
hotmail.com

 ovviamente...
Con document.write generi dinamicamente una pagina con tutti i dati relativi
ai campi form e aggiungi i bottoni....esempio....
<script language="javascript">
function apri(){
aa=window.open('about:blank','_self');
aa.document.write('<form method="POST" action=mailto:
tuo@mail
enctype="text/plain">');
//--qui ci metti tutti i dati presi dai campi form-----
aa.document.write('<p><input type="button" value="indietro" name="B3"
onClick="history.back()"><input type="submit" value="Invia"
name="B1"></p>');
aa.document.write('</form>');
aa.document.close();
}
</script>
____________________
andreotta fabiano
WebMªster ATI POWER s.n.c.
andr...@atipower.it
http://www.atipower.it
http://www.afdsoftware.freeweb.org
____________________
http://www.jsdir.com
____________________
*¢ L'unica certezza nella vita è che tutto è relativo (per fortuna)¢*

</script>
ciao ti ringrazio per l'interessamento ma con js sono negato :((
non e' che, preso da un raptus di bontà, mi diresti anche come
prendere i dati dei campi del form?
ma questo script che mi hai postato, come lo integro con quello
precedente? e' integrabile? argh, ti prego non so come fare :(((
help


Puoi inserire i dati e fare un invio con un ancora es.:
<a    href="mailto:
pi...@pluto.com
?subject=Ciao%20amico&body= tutte le
varabili>
ma con IE non si puo' formattare il testo con i saltoPagina;
oppure ricostruire il form, inserirlo in un layer nascosto e aggiungere
i bottoni/link:
-------- subito dopo il ciclo *for* aggiungi----------------
newPagina+='<A href="javascript:void(0)"
onClick="(document.layers)?document.nascosto.document.forms.form1.invia.
click():document.forms.form1.submit();return false;">Invia</A><BR> ';
newPagina+='<A href="javascript:window.history.go(-1)">Modifica</A>';
newPagina+='<DIV name="nascosto" style="position:absolute;
visibility:hidden;top:0;">';
newPagina+='<FORM action="mailto:
pip...@iol.it
" method=POST
enctype="text/plain" name="form1">';
newPagina+='<input type="text"  name=nomecognome
value="'+questaForm.nomecognome.value+'">';
newPagina+='<input type="text"  name=societa
value="'+questaForm.societa.value+'">';
newPagina+='<input type="text" name="indirizzo"
value="'+questaForm.indirizzo.value+'">';
newPagina+='<input type="text" name="prv"
value="'+questaForm.prv.value+'">';
newPagina+='<input type="text" name="citta"
value="'+questaForm.citta.value+'">';
newPagina+='<input type="text" name="telefono"
value="'+questaForm.telefono.value+'">';
newPagina+='<input type="text" name="email"
value="'+questaForm.email.value+'">';
newPagina+='<input type="text"  name=informazioni
value="'+questaForm.informazioni.options[questaForm.informazioni.selecte
dIndex].value+'">';
newPagina+='<textarea name="commenti" cols="40"
rows="8">'+questaForm.commenti.value+'</textarea>';
newPagina+='<input type="submit" value="Invia la richiesta"
name="invia"></FORM>';
newPagina+='</DIV>';
newPagina+='</BODY></HTML>';
document.write(newPagina);
document.close();
}
----e elimina le successive righe del precedente script-----------
Sappimi dire
Saluti, Paolo
"aNdY^bOoM" <andy...@NOSPAMhotamil.com> ha scritto nel messaggio
news:39e6e933...@news.tiscalinet.it...

[]

Sappimi dire
purtroppo non funzia... ripeto che ci capisco poco di js :( cmq il
codice l'ho modificato come hai detto (almeno spero) ma ancora non
va... ecco come e' diventato:
  <SCRIPT LANGUAGE=javascript>
<!--
function prova(questaForm){
var dati= new Array;
dati[0]='<span class="testoBold">Nome e
Cognome:&nbsp;</span>'+questaForm.nomecognome.value;
dati[1]='<span class="testoBold">Ragione
Sociale:&nbsp;</span>'+questaForm.societa.value;
dati[2]='<span class="testoBold">Indirizzo e n.
civico:&nbsp;</span>'+questaForm.indirizzo.value;
dati[3]='<span
class="testoBold">Città:&nbsp;</span>'+questaForm.citta.value;
dati[4]='<span
class="testoBold">Provincia:&nbsp;</span>'+questaForm.prv.value;
dati[5]='<span
class="testoBold">Telefono:&nbsp;</span>'+questaForm.telefono.value;
dati[6]='<span
class="testoBold">e-Mail:&nbsp;</span>'+questaForm.email.value;
dati[7]='<span class="testoBold">Richiedo informazioni
su:&nbsp;</span>'+questaForm.informazioni.options[questaForm.informazioni.selectedIndex].value;
dati[8]='<span class="testoBold">Commenti e
Domande:&nbsp;</span><br>'+questaForm.commenti.value;
newPagina='<Head><link rel="stylesheet"
href="../css/stile.css"></Head><HTML><BODY bgcolor="#FFFFFF"
background="../img/sfondo.jpg"><span class="testoBoldItalic">I dati
inseriti nel modulo e spediti via e-mail sono i
seguenti:</span><br><br>'
var i;
 for (i=0;i<dati.length;i++){
  newPagina+=dati[i]+'<BR>';
 }
newPagina+='<A href="javascript:void(0)"
onClick="(document.layers)?document.nascosto.document.forms.form1.invia.click():document.forms.form1.submit();return

</SCRIPT>
spedisce l'email ma non restituisce alcuna pagina di "risposta" :(
mi aiuti ancora? ;)
tnx


 scritto:
[]

[]

enctype="text/plain"name=form1 onSubmit="prova(this);return false">
ho fatto la modifica ma ancora non va :((( riposto tutto il codice..
ti sarei molto grato se potessi dargli ancora 1 occhiata :)
<FORM action="mailto:
pip...@iolt.it
" method=POST
enctype="text/plain"name=form1 onSubmit="prova(this);return false">

            <option value="Linea x">Linea x</option>
            <option value="Linea y">Linea y</option>



href="../css/stile.css"></Head><HTML><BODY bgcolor="#FFFFFF"
background="../img/sfondo.jpg"><span class="testoBoldItalic">I dati
inseriti nel modulo e spediti via e-mail sono i
seguenti:</span><br><br>'
var i;
 for (i=0;i<dati.length;i++){
  newPagina+=dati[i]+'<BR>';
 }



A me funziona! Ti ho inviato il file in allegato al tuo indirizzo.
Saluti, Paolo
"aNdY^bOoM" <andy...@NOSPAMhotamil.com> ha scritto nel messaggio
news:39ec15d8...@news.tiscalinet.it...

[]

A me funziona! Ti ho inviato il file in allegato al tuo indirizzo.
mha... misteri della fede... ora funziona anche a me ;)))
grazie 1000000000!!!!!!!
