ouverture page de confirmation après validation formulaire

par **hlmcl2** » 17 nov. 2006, 14:39

Génial,
même si, comme dit ma fille "ça marche pas , ça n'a pas de jambe", cela fonctionne à merveille

vous êtes adorrrrable !

grand merci

Marie-Claude

par **Cyrano** » 16 nov. 2006, 20:54

j'avais juste besoin de la balise <form>. Enfin bon, il en manquait un petit bout, modifie le gestionnaire d'évènement comme ceci:

Code : Tout sélectionner

onsubmit="window.location.href ='./confirmation.html';"

Et là ça devrait fonctionner.

par **hlmcl2** » 16 nov. 2006, 20:43

OK je remets ma page code entière

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>formulaire</title>
</head>
<body style="background-image: url(chen.jpg);">
<form action="mailto:marie-claude.....fr"
 method="post" enctype="text/plain"
 onsubmit="document.location('./confirmation.html'):"><!--ici suivent les éléments du formulaire-->
  <table
 style="text-align: left; margin-left: 0px; width: 958px; height: 546px;"
 border="1" cellpadding="2" cellspacing="2">
    <tbody>
      <tr align="center">
        <td colspan="1"
 style="background-color: rgb(255, 255, 153); height: 507px; width: 205px;"
 valign="undefined"><big style="color: rgb(0, 186, 0);"><big><big><span
 style="font-family: Lucida Sans Typewriter;">Bienvenue
&agrave;<br>
La Roche</span></big></big></big><br>
________________________<br>
        <br>
Marie-Claude & Hubert ...<br>
        <br>
La Roche<br>
code postal et ville;s<br>
        <br>
        <br>
________________________<br>
        <br>
        <a href="index2.html">Accueil</a><br>
        <a href="chambres.html">Chambres</a><br>
        <a href="latable.html">La Table</a><br>
        <a href="tourisme.html">Tourisme</a><br>
        <a href="tarifsetacces.html">Tarifs
& Acc&egrave;s</a><br>
        <br>
        <br>
        <a href="mailto:marie-claude......fr"
 target="_blank"><img src="photos/mail.gif"
 border="0"></a><br>
        <br>
        <br>
        </td>
        <td style="height: 507px; text-align: left; width: 378px;">Nom
: &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; <input
 name="nom"><br>
        <br>
Pr&eacute;nom : &nbsp; &nbsp;&nbsp; &nbsp; <input
 name="prenom"><br>
        <br>
Adresse : &nbsp; &nbsp;&nbsp; &nbsp;<input size="40"
 name="adresse"><br>
        <br>
Code Postal : <input size="4" name="cp"><br>
        <br>
Ville : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; <input name="ville"><br>
        <br>
Pays : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
        <input name="pays"><br>
        <br>
Tel : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; <input name="telephone"><br>
        <br>
E-mail : &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; <input
 size="40" name="e-mail"><br>
        <br>
Date d'arriv&eacute;e :
        <select size="1" name="jour arrivee">
        <option>jour</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
        <option>13</option>
        <option>14</option>
        <option>15</option>
        <option>16</option>
        <option>17</option>
        <option>18</option>
        <option>19</option>
        <option>20</option>
        <option>21</option>
        <option>22</option>
        <option>23</option>
        <option>24</option>
        <option>25</option>
        <option>26</option>
        <option>27</option>
        <option>28</option>
        <option>29</option>
        <option>30</option>
        <option>31</option>
        </select>
        <select size="1" name="mois arrivee">
        <option>mois</option>
        <option>janvier</option>
        <option>f&eacute;vrier</option>
        <option>mars</option>
        <option>avril</option>
        <option>mai</option>
        <option>juin</option>
        <option>juillet</option>
        <option>ao&ucirc;t</option>
        <option>septembre</option>
        <option>octobre</option>
        <option>novembre</option>
        <option>d&eacute;cembre</option>
        </select>
        <select size="1" name="annee">
        <option>ann&eacute;e</option>
        <option>2007</option>
        <option>2008</option>
        </select>
        <br>
        <br>
Nombre de personne(s) <br>
pour la table
le jour d'arriv&eacute;e :
        <select size="1" name="nb de pers">
        <option>adulte</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <select size="1" name="nb de pers">
        <option>enfants</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <br>
        <br>
Nombre de personne(s)<br>
par nuit&eacute;e :
        <select size="1" name="nb de pers">
        <option>adulte</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <select size="1" name="nb de pers">
        <option>enfants</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <br>
        </td>
        <td style="text-align: left; width: 351px;">Votre
souhait :
        <select size="1" name="nom de la chambre">
        <option>Chambre</option>
        <option>Minette</option>
        <option>Meslini&egrave;res</option>
        <option>Loisance</option>
        <option>Fr&eacute;nouse</option>
        <option>La Roche</option>
        </select>
        <br>
        <br>
Votre message :<br>
        <textarea cols="40" rows="5" name="message"></textarea><br>
        <br>
        <br>
        <br>
        <input value="Envoyer" type="submit"><br>
        <br>
        <input value="Annuler" type="reset"><br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        </td>
      </tr>
    </tbody>
  </table>
</form>
</body>
</html>

par **Cyrano** » 16 nov. 2006, 19:38

pas normal ça, fais voir le code transformé de ta balise <form>

par **hlmcl2** » 16 nov. 2006, 19:33

j'ai essayé

si je le place en fin de page : je n'ai rien sur mon e mail et ça ne fonctionne pas

si je le place en début : j'ai les données de mon formulaire mais il ne se passe rien

Marie-Claude

Code : Tout sélectionner

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>formulaire</title>
</head>
<body style="background-image: url(chen.jpg);">
<form action="mailto:.......fr"
 method="post" enctype="text/plain"
 onsubmit="document.location('./confirmation.html'):"><!--ici suivent les éléments du formulaire-->
  <table
 style="text-align: left; margin-left: 0px; width: 958px; height: 546px;"
 border="1" cellpadding="2" cellspacing="2">

par **Cyrano** » 16 nov. 2006, 16:38

Utilise un gestionnaire d'évènement dans la balise form, quelque chose du genre :

Code : Tout sélectionner

onsubmit="document.location('./ta/deuxieme/page.html');"

par **hlmcl2** » 16 nov. 2006, 15:10

désolée de ne pas m'être fait comprendre
CODE FORMULAIRE

Code : Tout sélectionner

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>formulaire</title>
</head>
<body style="background-image: url(chen.jpg);">
<form action="mailto:[email protected]"
 method="post" enctype="text/plain"><!--ici suivent les éléments du formulaire-->
  <table
 style="text-align: left; margin-left: 0px; width: 958px; height: 546px;"
 border="1" cellpadding="2" cellspacing="2">
    <tbody>
      <tr align="center">
        <td colspan="1"
 style="background-color: rgb(255, 255, 153); height: 507px; width: 205px;"
 valign="undefined"><big style="color: rgb(0, 186, 0);"><big><big><span
 style="font-family: Lucida Sans Typewriter;">Bienvenue
&agrave;<br>
La Roche</span></big></big></big><br>
________________________<br>
        <br>
Marie-Claude & Hubert LAIZE<br>
        <br>
La Roche<br>
35460 St-Etienne-en-Cogl&egrave;s<br>
        <br>
        <br>
________________________<br>
        <br>
        <a href="index2.html">Accueil</a><br>
        <a href="chambres.html">Chambres</a><br>
        <a href="latable.html">La Table</a><br>
        <a href="tourisme.html">Tourisme</a><br>
        <a href="tarifsetacces.html">Tarifs
& Acc&egrave;s</a><br>
        <br>
        <br>
        <a href="mailto:[email protected]"
 target="_blank"><img src="photos/mail.gif"
 border="0"></a><br>
        <br>
        <br>
        </td>
        <td style="height: 507px; text-align: left; width: 378px;">Nom
: &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; <input
 name="nom"><br>
        <br>
Pr&eacute;nom : &nbsp; &nbsp;&nbsp; &nbsp; <input
 name="prenom"><br>
        <br>
Adresse : &nbsp; &nbsp;&nbsp; &nbsp;<input size="40"
 name="adresse"><br>
        <br>
Code Postal : <input size="4" name="cp"><br>
        <br>
Ville : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; <input name="ville"><br>
        <br>
Pays : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
        <input name="pays"><br>
        <br>
Tel : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; <input name="telephone"><br>
        <br>
E-mail : &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; <input
 size="40" name="e-mail"><br>
        <br>
Date d'arriv&eacute;e :
        <select size="1" name="jour arrivee">
        <option>jour</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
        <option>13</option>
        <option>14</option>
        <option>15</option>
        <option>16</option>
        <option>17</option>
        <option>18</option>
        <option>19</option>
        <option>20</option>
        <option>21</option>
        <option>22</option>
        <option>23</option>
        <option>24</option>
        <option>25</option>
        <option>26</option>
        <option>27</option>
        <option>28</option>
        <option>29</option>
        <option>30</option>
        <option>31</option>
        </select>
        <select size="1" name="mois arrivee">
        <option>mois</option>
        <option>janvier</option>
        <option>f&eacute;vrier</option>
        <option>mars</option>
        <option>avril</option>
        <option>mai</option>
        <option>juin</option>
        <option>juillet</option>
        <option>ao&ucirc;t</option>
        <option>septembre</option>
        <option>octobre</option>
        <option>novembre</option>
        <option>d&eacute;cembre</option>
        </select>
        <select size="1" name="annee">
        <option>ann&eacute;e</option>
        <option>2007</option>
        <option>2008</option>
        </select>
        <br>
        <br>
Nombre de personne(s) <br>
pour la table
le jour d'arriv&eacute;e :
        <select size="1" name="nb de pers">
        <option>adulte</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <select size="1" name="nb de pers">
        <option>enfants</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <br>
        <br>
Nombre de personne(s)<br>
par nuit&eacute;e :
        <select size="1" name="nb de pers">
        <option>adulte</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <select size="1" name="nb de pers">
        <option>enfants</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>+ de 5</option>
        </select>
        <br>
        </td>
        <td style="text-align: left; width: 351px;">Votre
souhait :
        <select size="1" name="nom de la chambre">
        <option>Chambre</option>
        <option>Minette</option>
        <option>Meslini&egrave;res</option>
        <option>Loisance</option>
        <option>Fr&eacute;nouse</option>
        <option>La Roche</option>
        </select>
        <br>
        <br>
Votre message :<br>
        <textarea cols="40" rows="5" name="message"></textarea><br>
        <br>
        <br>
        <br>
        <input value="Envoyer" type="submit"> <br>
        <br>
        <input value="Annuler" type="reset"><br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        </td>
      </tr>
    </tbody>
  </table>
</form>
</body>
</html>

quand je clic sur envoyer, OK, ma boite de messagerie s'ouvre avec les informations du formulaire, je n'ai plus qu'a valider l'envoi.
Par contre j'aimerai que s'affiche la page suivante, en confirmation d'envoi
code ci-dessous

Code : Tout sélectionner

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>Confirmation</title>
</head>
<body style="background-image: url(chen.jpg);">
<br />
<table
 style="text-align: left; margin-left: 0px; width: 961px; height: 530px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr align="center">
      <td colspan="1"
 style="background-color: rgb(255, 255, 153); width: 267px; height: 517px;"
 valign="undefined"><big style="color: rgb(0, 186, 0);"><big><big><span
 style="font-family: Lucida Sans Typewriter;">Bienvenue<br />
&agrave;<br />
La Roche</span></big></big></big><br />
________________________<br />
      <br />
Marie-Claude & Hubert LAIZE<br />
      <br />
La Roche<br />
35460 St-Etienne-en-Cogl&egrave;s<br />
      <br />
________________________<br />
      <br />
      <br />
      <a href="index2.htm.html"> Retour &agrave;
l'accueil</a><br />
      <br />
      <br />
      <br />
      <a href="mailto:[email protected]"><img
 style="border: 0px solid ; width: 31px; height: 32px;"
 alt="@mail" src="photos/banni%E8re/email.gif" /></a><br />
      <br />
      </td>
      <td style="width: 332px; height: 517px;">
      <table
 style="background-color: rgb(255, 255, 204); width: 549px; height: 69px; text-align: left; margin-left: auto; margin-right: auto;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td><big
 style="font-family: Lucida Sans Typewriter; color: rgb(0, 151, 0);"><big><big>&nbsp;
&nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; <big>Confirmation<br />
            <br />
            </big></big></big></big></td>
          </tr>
        </tbody>
      </table>
      <br />
      <br />
      <big style="font-family: Lucida Sans Typewriter;"><span
 style="color: rgb(0, 151, 0);"><br />
      </span></big><big
 style="font-family: Lucida Sans Typewriter;"><span
 style="color: rgb(0, 151, 0);">Votre formulaire a bien
&eacute;t&eacute; envoy&eacute;
&agrave;<br />
Marie-Claude & Hubert LAIZE</span></big><br />
      <big style="font-family: Lucida Sans Typewriter;"><span
 style="color: rgb(0, 151, 0);"> <br />
      <br />
      <br />
      </span></big><big
 style="font-family: Lucida Sans Typewriter;"><span
 style="color: rgb(0, 151, 0);"><small
 style="color: rgb(0, 102, 0);"><small>E-mail :
[email protected]</small></small></span></big><br />
      <big style="font-family: Lucida Sans Typewriter;"><span
 style="color: rgb(0, 151, 0);"> <br />
      <br />
      <br />
      </span></big><big
 style="font-family: Lucida Sans Typewriter;"><span
 style="color: rgb(0, 151, 0);">Nous vous remercions pour
votre visite sur notre site.</span></big><br />
      <big style="font-family: Lucida Sans Typewriter;"><span
 style="color: rgb(0, 151, 0);"> <br />
      <br />
      <br />
      </span></big></td>
    </tr>
  </tbody>
</table>
</body>
</html>

j'ai rédigé ces pges avec script edit, dans un premier temps, puis avec nvu

merci

Marie-Claude

par **Aureusms** » 15 nov. 2006, 23:36

Si j'ai bien compris tu veux envoyer une confirmation par email en format HTML dès que la personne clique ? Si oui utilise la fonction mail(). Sinon il est tard et j'ai rien compris lol.

par **Cyrano** » 15 nov. 2006, 20:11

Ce n'est pas un défaut. Par contre on a toujours pas ton code, difficile de voir ce qui cloche

par **hlmcl2** » 15 nov. 2006, 17:36

désolée de m'être trompée...

novice ++++++

par **Cyrano** » 15 nov. 2006, 17:21

Marie-Claude, tu es invitée à lire les intitulés des forums où tu postes : pas de question dans la FAQ

Sujet déplacé.

Et maintenant si tu veux de l'aide, il faudrait préciser et éventuellement illustrer ta question avec des portions pertinentes de code.

par **hlmcl2** » 15 nov. 2006, 17:19

bonjour à tous et à toutes,

j'ai créé un petit site en html, jusque là OK.
je bloque quand à la validation de l"envoi du formulaire :
durant les tests : quand je click sur envoyer, ma messagerie s'affiche et envoie les renseignement du formulaire, juque là OK ; par contre, je n'arrive pas à faire s'afficher la page (html) de confirmation d'envoi.

qui peut m'aider !! je suis complètement novice en la matière !!

merci d'avance

Marie-Claude

voici les dernières lignes figurant en bas de ma page code source

<input value="Envoyer"
src="mailto:..." type="submit">
<meta http-equiv="refresh" content="2"
url="http://la-roche.fr.cx/confirmation.html">

ouverture page de confirmation après validation formulaire

Répondre

Étendre la vue Revue du sujet : ouverture page de confirmation après validation formulaire

ouverture page de confirmation après validation formulaire