Accueil > > > ENVOI DE FORMULAIRE AVEC DE L'AJAX
 ENVOI DE FORMULAIRE AVEC DE L'AJAX
 Information sur la source
 Description
Un exemple simple d'utilisation du Framework Ajax 'Prototype' pour l'envoi de formulaire.
 Source
- <html>
- <head>
- <title>Formulaire</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <script type="text/javascript" src="prototype.js"></script>
-
- // La page FormContact.php ne contient qu'une seule ligne !
- // <?php
- // mail("destination@domaine.fr","formulaire de contact du site",$HTTP_POST_VARS["message"],"From: ".$HTTP_POST_VARS["email"]);
- // ?>
-
- <script type="" language="javascript">
- function SendForm(){
- $('BTsubmit').disabled='disabled';
- $('BTsubmit').value='en cours ...';
- $('message').disabled='disabled';
- $('email').disabled='disabled';
-
- new Ajax.Request('FormContact.php',{
- method: 'post',
- asynchronous: true,
- contentType: 'application/x-www-form-urlencoded',
- encoding: 'UTF-8',
- parameters: { email : $F('email'),message: $F('message')},
- onSuccess: function(){MailOK();},
- onFailure: function(){}
- });
-
- function MailOK(){
- $('BTsubmit').style.visibility = 'hidden';
- $('BTsubmit').style.display = 'none';
- $('textOK').style.visibility = 'visible';
- $('textOK').style.display = 'block';
- }
- }
- </script>
-
- </head>
-
- <body>
- <form>
- Entrez votre adresse e-mail :<br />
- <input id="email" value="" size="30" maxlength="100">
- <br />
- <br />
- Votre message :<br />
- <textarea id="message" cols=30 rows=4 wrap="VIRTUAL"></textarea>
- <br />
- <br />
- <input id="BTsubmit" style="BACKGROUND-COLOR: #cccccc" type=button value="Envoyer" onclick="SendForm()" >
- <div id="textOK" style="visibility: hidden; display: none">votre message a bien été envoyé<br>merci</div>
- </strong>
- </form>
- </body>
- </html>
<html>
<head>
<title>Formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="prototype.js"></script>
// La page FormContact.php ne contient qu'une seule ligne !
// <?php
// mail("destination@domaine.fr","formulaire de contact du site",$HTTP_POST_VARS["message"],"From: ".$HTTP_POST_VARS["email"]);
// ?>
<script type="" language="javascript">
function SendForm(){
$('BTsubmit').disabled='disabled';
$('BTsubmit').value='en cours ...';
$('message').disabled='disabled';
$('email').disabled='disabled';
new Ajax.Request('FormContact.php',{
method: 'post',
asynchronous: true,
contentType: 'application/x-www-form-urlencoded',
encoding: 'UTF-8',
parameters: { email : $F('email'),message: $F('message')},
onSuccess: function(){MailOK();},
onFailure: function(){}
});
function MailOK(){
$('BTsubmit').style.visibility = 'hidden';
$('BTsubmit').style.display = 'none';
$('textOK').style.visibility = 'visible';
$('textOK').style.display = 'block';
}
}
</script>
</head>
<body>
<form>
Entrez votre adresse e-mail :<br />
<input id="email" value="" size="30" maxlength="100">
<br />
<br />
Votre message :<br />
<textarea id="message" cols=30 rows=4 wrap="VIRTUAL"></textarea>
<br />
<br />
<input id="BTsubmit" style="BACKGROUND-COLOR: #cccccc" type=button value="Envoyer" onclick="SendForm()" >
<div id="textOK" style="visibility: hidden; display: none">votre message a bien été envoyé<br>merci</div>
</strong>
</form>
</body>
</html>
 Conclusion
Le fichier prototype.js est à télécharger sur le site de prototype à l'adresse suivante http://www.prototypejs.org/.
Pour des raisons de simplicité, je ne traite pas l'éventuelle erreur (HTTP <> 200) retournée par la page FormContact.php.
En cas de besoin, le contenu de cette page peut être obtenu par onFailure: function(response){alert(response.responseText+' '+response.status);}
 Historique
- 06 mars 2007 20:01:28 :
- J'ai retiré une parenthèse génante dans la ligne de code PHP
 Sources du même auteur
 Sources de la même categorie
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
[AJAX+DIV] Probleme de positionement de basile "<DIV>" [ par frostie ]
Boujour tout le monde, Je suis en train de developper une application PHP/AJAX (Asynchronous JAvascipt Xml) qui utilise beaucoup les balises <DIV&
AJAX ? [ par tony1239456 ]
Bonjour, je suis très intéressé par la nouvelle forme de progrzmmation AJAX. J'ai vu des scripts en action et sa m'a beaucoup plû
Ajax bug userInteractive = 3 [ par littlebigfox ]
Bonjour a tous!J'ai un petit souci, j'espere que quelqu'un peu m'aider, je ne comprend absolument pas. C'est tout bete, j'ai creer un objet xmlhttpreq
Ajax et champs file [ par f6xara ]
J'ai développer un site en Ajax. L'administration du site se fait également en Ajax. Pour la validation de fomulaire, je récupère
Rechargement d'objet "AJAX" [ par benjiman2 ]
Bonjour !Voila, je commence tout juste a programmer en AJAX ...et voila mon probleme ...Je voudrai que chaque 2 secondes, la page se rafraichisse dans
probleme en ajax [ par f6xara ]
Bonjour, je cherche le moyen, lors de la validation d'un formualire en ajax a passer un champs type file. Les textareas, textbox et select ne posent p
AJAX? Comment faire? [ par hawks_ttf ]
Bonjour,Je me demandais comment faire le lien entre le JS et le PHP? Comment depuis un script JS, on peux lancer un requète PHP, et comment on r&
problème accent en AJAX (pas les classiques ?) [ par madfab ]
Bonjour, j'ai codé des formulaires en AJAX supportant plusieurs pages et d'autres fonctionnalité. Un jour je me suis aperçu que tous le
Ajax et Send [ par syndrael ]
Bonjour, J'ai un souci avec Ajax et IE. Mon code fonctionne très bien sous Firefox. Voila le problème: J'ai un menu déroulant qui fait
prb avec Ajax (ou incomprension du fonctionnement des FONCTIONS) [ par gomoz ]
Je m'essaye aux thechniques Ajax pour me faciliter un peu la vie sur un petit programme php que je veux ameliorer.Il y a juste une chose que j'arrive
|
Derniers Blogs
 [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Arnault Nouvel et Antoine Dongois Le processus à prendre : Apprendre (découvrir la plateforme) Préparer (documenter l'historique et choisir la méthode de MAJ) Test (Test de MAJ) Implémenter (Effectuer la MAJ) Valid...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOURTECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOUR par ROMELARD Fabrice
Après un retour sur l'histoire des TechDays de Paris et le fait que ce soit le plus gros event MS au monde (du fait de sa gratuité), le président de MS France (Eric Boustoullier) a fait une présentation de la vision Microsoft pour les années à venir...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
Comparez les prix
HTC Magic
Entre 429€ et 429€
|