Aide formulaire de contact

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Aide formulaire de contact

seseba

Bonjour,

est ce que quelqu'un pourrais m'aider...

J'ai un formulaire de contacte sur mon site:
http://testwebsite.physio-in-esslingen.de/kontakt

Le code est le suivant:

Code :

<div class="alert alert-success">
Well done! You successfully read this important alert message.
</div>
<form action="mailto:info@physio-in-esslingen.de" id="contact-form">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input class="span4" id="prependedInput" size="16" type="text" placeholder="Name">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span4" id="prependedInput" size="16" type="text" placeholder="Email Addresse">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-globe"></i></span>
<input class="span4" id="prependedInput" size="16" type="text" placeholder="Telefonnummer">
</div>
<textarea class="span6"></textarea>
<div class="row">
<div class="span2">
<input type="submit" class="btn btn-inverse" value="Nachricht senden">
</div>
</div>
</form>

Le problème c'est que je n'arrive pas a le formater de facon a ce que l'email soit envoyer sans passer par un serveur mail.

Est ce que je peux le faire en html ou est ce que je dois passer par du php.

Et comment est ce que je peux le faire?

Merci

Publicité

slr56

Tout problème a sa solution.

Bonjour,

Il te faut forcément un formulaire dynamique et donc un langage dynamique (php ou asp).

Sur google, tu trouveras un certain nombre de tuto php pour des formulaires de mails. La fonction principale est la suivante :

Code :

mail($to, $subject, $message, $headers);

Message édité par slr56 le 19-02-2015 à 16:59:13

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

seseba

C'est bon j ai fais mon formulaire et ca fonctionne!!!

Maintenant je souhaiterais seulement qu après l'envoi du message je n'ai pas l'ouverture d'une nouvelle page pour la confirmation mais seulement un message de confirmation sur la meme page comme mon message "Well done! You successfully read this important alert message. "

Voici mon code html:

Code :

<div class="alert alert-success">
Well done! You successfully read this important alert message.
</div>
<form id="contact" method="post" action="kontakt.php">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input class="span4" id="nachname" name="nachname" size="16" type="text" placeholder="Name">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span4" id="email" name="email" size="16" type="text" placeholder="Email Address">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-globe"></i></span>
<input class="span4" id="telefon" name="telefon" size="16" type="text" placeholder="Website URL">
</div>
<textarea class="span6" id="nachricht" name="nachricht"></textarea>
<div class="row">
<div class="span2">
<input type="submit" class="btn btn-inverse" id="submit" name="submit" value="Abschicken">
</div>
</div>
</form>

Et mon code php:

Code: Tout sélectionner

Code :

<?php
/* === Daten aus dem Formular auslesen und in Variablen speichern === */
$nachname = $_POST['nachname'];
$email = $_POST['email'];
$telefon = $_POST['telefon'];
$nachricht = $_POST['nachricht'];
/* === Empfängeradresse und Betreff === */
$an = 'info@physio-in-esslingen.de'; //Hier Ihre E-Mail-Adresse eintragen
$betreff = "Kontaktformularnachricht | $nachname ";
/* === Wenn Bedingung erfüllt, dann E-Mail abschicken - andernfalls Fehlermeldung ausgeben === */
if ((!empty($nachname))&&(!empty($email))&&(!empty($telefon))&&(!empty($nachricht))) {
mail($an, $betreff, $nachricht, 'From:' . $email); //Mail versenden
echo 'Ihre Kontaktnachricht wurde zugestellt. Sie werden bald möglichst eine Antwort erhalten.';
}
else {
echo 'Sie müssen alle Felder ausfüllen. <a href="kontakt.htm">Zurück</a>';
}
?>

Comment pourrais je le faire?

Merci

slr56

Tout problème a sa solution.

Bonjour,

Pour faire du rafraîchissement partiel de ta page, il faut utiliser de l'AJAX.

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

seseba

De l'AJAX?!

Message cité 1 fois

slr56

Tout problème a sa solution.

seseba a écrit :

De l'AJAX?!

C'est un langage dynamique (comme l'ASP net) qui permet de faire du rafraîchissement partiel d'une page web.

Regarde cet exemple pour la confirmation d'envoi de mail :

http://stackoverflow.com/questions [...] jax-jquery

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

seseba

Sorry mais là ca me dépasse...

Je ne comprend pas du tout comment faire

SICKofitALL

misanthrope

L'ajax n'est pas un langage, c'est une technique d'échange de données de facon asynchrone (le premier A) entre le client (en général un navigateur web, le J signifiant JavaScript) et un serveur (qui peut par exemple du XML, d'où le X, mais ca peut renvoyer du HTML, du JSON, ... ce qu'on veut ou presque).
Contrairement au fonctionnement classique d'une page web (chargement/affichage), ca permet entre autre de récuperer les données de son choix afin de mettre à jour le contenu de sa page dynamiquement.

Il existe des librairies JavaScript qui te machent le boulot grandement, comme jQuery (en exemple plus haut). Tu trouveras des exemples en francais absolument partout sur le net.

Dans ton cas, on peut supposer que via jQuery tu appelles ton script PHP (via son URL), et tu recuperes le résulat de l'opération. En fonction de ce dernier, tu modifies en live le contenu de la page, tjrs avec jQuery.
Bonne chance :hello:

Message édité par SICKofitALL le 24-02-2015 à 00:38:36

---------------
We deserve everything that's coming...

seseba

J'ai réussi à coder ca:

Code :

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Email-Validierung per AJAX</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
<script>
$(function(){
var submit = $("input[type=submit]" );
var email_feld = $("#email" );
var nachname_feld = $("#nachname" );
var telefon_feld = $("#telefon" );
var nachricht_feld = $("#nachricht" );
$(submit).attr("disabled", "disabled" );
$(email_feld).bind("change blur", function(){
$.post('validate.php', {
action: 'validate_email',
email: $(email_feld).val()
}, function(data){
if(data == 'error'){
$(email_feld).css("border", "2px solid red" );
$(submit).attr("disabled", "disabled" );
} else {
$(email_feld).css("border", "2px solid green" );
$(submit).removeAttr("disabled" );
}
});
});
$(telefon_feld).bind("change blur", function(){
$.post('validate.php', {
action: 'validate_telefon',
telefon: $(telefon_feld).val()
}, function(data){
if(data == 'error'){
$(telefon_feld).css("border", "2px solid red" );
$(submit).attr("disabled", "disabled" );
} else {
$(telefon_feld).css("border", "2px solid green" );
$(submit).removeAttr("disabled" );
}
});
});
$(nachname_feld).bind("change blur", function(){
$.post('validate.php', {
action: 'validate_nachname',
nachname: $(nachname_feld).val()
}, function(data){
if(data == 'error'){
$(nachname_feld).css("border", "2px solid red" );
$(submit).attr("disabled", "disabled" );
} else {
$(nachname_feld).css("border", "2px solid green" );
$(submit).removeAttr("disabled" );
}
});
});
$(nachricht_feld).bind("change blur", function(){
$.post('validate.php', {
action: 'validate_nachricht',
nachricht: $(nachricht_feld).val()
}, function(data){
if(data == 'error'){
$(nachricht_feld).css("border", "2px solid red" );
$(submit).attr("disabled", "disabled" );
} else {
$(nachricht_feld).css("border", "2px solid green" );
$(submit).removeAttr("disabled" );
}
});
});
})
</script>
</head>
<body>
<form id="contact" method="post" action="kontakt.php">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input class="span4" id="nachname" name="nachname" size="16" type="text" placeholder="Name">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span4" id="email" name="email" size="16" type="text" placeholder="Email Addresse">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-globe"></i></span>
<input class="span4" id="telefon" name="telefon" size="16" type="text" placeholder="Telefonnummer">
</div>
<textarea class="span6" id="nachricht" name="nachricht" style="height:115px; margin-top:20px"></textarea>
<div class="row">
<div class="span2" style="margin-top:20px">
<input type="submit" class="btn btn-inverse" id="submit" name="submit" value="Abschicken">
</div>
</div>
</form>
</body>
</html>

Le truc c est que je sais pas comment faire pour que la confirmation de validation s'ouvre dans ma div...

SICKofitALL

misanthrope

Tu as la réponse là :
http://api.jquery.com/jquery.post/

Lorsque tu postes via $.post, une requete http est envoyé à ton serveur à l'url que tu spécifies. Celle-ci réponds qqch (du html), ce dernier est récupérable dans la fonction assignée à la clé "success". Il s'agit d'un callback, càd une fonction anonyme qui recoit en parametre l'html qui "revient" du serveur.
Dans cette fonction, tu selectionnes le div en question et tu changes son html.

Si tu reprends l'exemple de la doc jquery, ca donnerait :

Code :

$.post ("TON_URL_VERS_TA_PAGE_PHP", function (html_du_serveur) {
$(".LE_SELECTEUR_CSS_DE_TON_DIV" ).html (html_du_serveur);
});

Au passage, dans ton code tu as par exemple
var submit = $("input[type=submit]" );

et plus loin tu fais
$(submit).attr("disabled", "disabled" ); // double emploi

Ce n'est pas necessaire la variable "submit" étant déjà un object jQuery, tu n'as plus besoin de la re-jQuery-iser
submit.attr("disabled", "disabled" ); // OK

---------------
We deserve everything that's coming...

Publicité

SICKofitALL

misanthrope

Concernant le selecteur css de ton div, si on prend l'exemple suivant :
<div class="input-prepend" id="monDiv">

Le selecteur jQuery est le même que celui-ci que tu utiliserais pour appliquer un css dessus, càd
$("div.input-prepend" ); // prend tt les divs avec une classe input-prepend (sous forme de tableau, voir la doc jquery)
$(".input-prepend" ); // prend tt les elements avec une classe input-prepend (tableau aussi)
$("div" ); // prend tt les divs (pareil)
$("#monDiv" ); // prend l'element avec cet ID en particulier, normalement il n'ya que 1 id

---------------
We deserve everything that's coming...

seseba

J'ai essayé mais je ne comprends pas tout. Faut il que je change les info dans mon kontakt.php ou dans mon kontakt.html?

Code :

<?php
/* === Daten aus dem Formular auslesen und in Variablen speichern === */
$nachname = $_POST['nachname'];
$email = $_POST['email'];
$telefon = $_POST['telefon'];
$nachricht = $_POST['nachricht'];
/* === Empfängeradresse und Betreff === */
$an = 'info@.....de'; //Hier Ihre E-Mail-Adresse eintragen
$betreff = "Kontaktformularnachricht | $nachname ";
/* === Wenn Bedingung erfüllt, dann E-Mail abschicken - andernfalls Fehlermeldung ausgeben === */
if ((!empty($nachname))&&(!empty($email))&&(!empty($telefon))&&(!empty($nachricht))) {
mail($an, $betreff, $nachricht, 'From:' . $email); //Mail versenden
echo 'Ihre Kontaktnachricht wurde zugestellt. Sie werden bald möglichst eine Antwort erhalten.';
}
else {
echo 'Sie müssen alle Felder ausfüllen. <a href="kontakt.htm">Zurück</a>';
}
?>

Qu'est ce que l'html de mon serveur?

Merci

SICKofitALL

misanthrope

C'est le texte que tu renvois à partir de ton php.
Le php tu l'executes bien sur ton serveur non ? il te renvoit qqch, et ce qqch c'est des données que ton navigateur sait interpreter, donc principalement du html.
Lorsque ton mail part, tu fais un echo, c'est ce qu'affiche ce dernier que tu recupreres du coté client, càd avec jQuery.
Il n'ya rien de sorcier la-dedans, c'est pour ca que je te conseille soit d'utiiliser autre chose, soit de commencer à zero avec ce genre de système (tu trouveras des milliers d'exemples sur le net)

---------------
We deserve everything that's coming...

seseba

voila comment j ai fait:

Code :

<div class="alert alert-success" id="ajax-response" style="display:none;">
</div>
<form id="contact" method="post" action="kontakt.php">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input class="span4" id="nachname" name="nachname" size="16" type="text" placeholder="Name" required>
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span4" id="email" name="email" size="16" type="email" placeholder="Email Addresse" required>
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-globe"></i></span>
<input class="span4" id="telefon" name="telefon" size="16" type="text" placeholder="Telefonnummer" required>
</div>
<textarea class="span6" id="nachricht" name="nachricht" style="height:115px; margin-top:20px" required></textarea>
<div class="row">
<div class="span2" style="margin-top:20px">
<input type="submit" class="btn btn-inverse" id="submit" name="submit" value="Abschicken">
</div>
</div>
</form>
</div>
<script>$( document ).ready(function() {
$( "#contact" ).submit(function( event ) {
// Stop form from submitting normally
event.preventDefault();
// Lock form
$("#contact :input" ).attr("disabled", true);
// Get some values from elements on the page:
var $form = $( this );
var email_inhalt = $("#email" ).val();
var nachname_inhalt = $("#nachname" ).val();
var telefon_inhalt = $("#telefon" ).val();
var nachricht_inhalt = $("#nachricht" ).val();
// Send the data using post
var posting = $.post( $form.attr( "action" ), {email: email_inhalt, nachname: nachname_inhalt, telefon: telefon_inhalt, nachricht: nachricht_inhalt} );
// Put the results in a div
posting.done(function( data ) {
$( "#ajax-response" ).text(data);
// unlock form
$("#contact :input" ).attr("disabled", false);
$("#ajax-response" ).fadeIn();
});
});
});
</script>

SICKofitALL

misanthrope

Tout ca me semble à priori très correct. Ca ne fonctionne pas ou ca répond pas à tes besoins ?

---------------
We deserve everything that's coming...

seseba

Ca fonctionne parfaitement, je voulais juste donner mon resultat.

FORUM HardWare.fr

Programmation

HTML/CSS

Aide formulaire de contact

Sujets relatifs
[Access] Formulaire de saisie -> Feuille blanche	Aide:extraire un groupe de données depuis un groupe de fichiers
HTML/CSS Probleme de format Besoin d'aide !!!	Aide avec cini.h
Aide VBA comparaison de deux fichiers Excel	Resultat formulaire barre admin wordpress
Remplir champsavant de soumettre un formulaire	[Aide compréhension de jointure]
Outlook: formulaire personnalisé: accéder aux champs préprogrammés	[PHP]Aide Débutant Ajouter Captcha formulaire de contact existant
Plus de sujets relatifs à : Aide formulaire de contact

Page générée en 0.170 secondes