Form su due direzioni

**stoppy** · 27-07-2006, 17:17

Ciao,
ho un form per inserire un articolo... solo che prima vorrei fare un anteprima della formattazione. Senza inviare tutti i campi ad un'altra pagina ed eventualmente rimandare alla precedente per la correzione, vorrei inviare i dati ad una pagina "test" per vedere se è tutto ok.

Come posso fare in modo che quindi mi apra una nuova finestra spedendogli i dati presenti sul form?
Il tasto per andare su una pagina di inserimento però deve cmq rimanere.

Grazie

**nuky** · 28-07-2006, 08:19

Non l'ho provato, ma dovrebbe andare. Il funzionamneto dovrebbe essere abbastanza semplice da capire anche grazie ai commenti. Se ci sono domande o se non funzionasse

chiedi pure.

codice:

<html>
  <head>
    <script type="text/javascript">
      function TestInvio(oForm) {
        var oldAction  = oForm.action;
        var paginaTest = "paginaTest.asp";
        
        // Si imposta la form in modo da inviarsi in una popup
        oForm.action   = paginaTest;
        oForm.target   = "nuova";
        oForm.onsubmit = "window.open('" + paginaTest + "', 'nuova', 'width=xx,height=xx,top=xx,left=xx,status=0,scrollbars=0,....');";
        
        // Invio della form alla pagina di test in una popup
        oForm.submit();
    
        // Si riportano gli attributi della form ai valori iniziali
        oForm.action   = oldAction;
        oForm.target   = "";
        oForm.onsubmit = "";
      }
    </script>
  </head>

  <body>
    <form method="post" action="pagina2.asp">
      <input type="button" value="Test" onclick="TestInvio(this.form);" />
      <input type="submit" value="Invia" />
    </form>
  </body>
</html>

**stoppy** · 28-07-2006, 15:56

Per prova ho fatto come segue e grazie va benissimo...
A parte che non gestisce il popup ma lo apre a pagina _blank a tutto schermo.
Da cosa dipende?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
      function TestInvio(oForm) {
        var oldAction  = oForm.action;
        var paginaTest = "prev.php";
        
        // Si imposta la form in modo da inviarsi in una popup
        oForm.action   = paginaTest;
        oForm.target   = "nuova";
        oForm.onsubmit = "window.open('" + paginaTest + "', 'nuova', 'width=400,height=400,top=20,left=20,status=0,scrollbars=0');";
        
        // Invio della form alla pagina di test in una popup
        oForm.submit();
    
        // Si riportano gli attributi della form ai valori iniziali
        oForm.action   = oldAction;
        oForm.target   = "";
        oForm.onsubmit = "";
      }
    </script>
</head>

<body>
<form method="post" action="pagina2.asp">
	  <input type="text" name="testo" size="50"/>
	  <input type="button" value="Test" onclick="TestInvio(this.form);" />
      <input type="submit" value="Invia" />
    </form>
</body>
</html>

Discussione: Form su due direzioni

Strumenti discussione

Ricerca discussione

Visualizza

Form su due direzioni

Permessi di invio