Brèves
6

Une pétition adressée à...
1

jkaem et nawwk quittent...
1

isak redonne un drapeau...
0

Gaimin Gladiators recrute...
0

AMKAL remplace NickelBack...
0

Preasy, c'est fini
2

GamerLegion avec aNdu et...
Voir toutes les brèves
WebTV
DERNIERES VOD
2 VaKarM sort un magazine...
1 GenOne - TGJ : Le duel des...
0 L'interview...
0 Cuisiner la banane comme...
1 EnVyUs, une histoire à la...
Voir toutes les vods

Actualité de la scène
303

VaKarM ne fera plus de bruit
25

Raconter Counter-Strike
9

L'oubli perpétuel dont personne ne parle
0

Voir Counter-Strike avec Anthony Perfetto,...
0

Voir Counter-Strike avec Maciej Kolek,...
0

Voir Counter-Strike avec Paul Arrivé,...
9

Counter-Strike et la politique
8

Happy, de la lumière à la galère
0

Au théâtre des vétos
8

Ex6TenZ, le parrain
3

Devenir leader, une étape prisée... mais...
Voir toutes les news

Compétitions
0

BLAST Premier Fall Showdown : FaZe et...
0

European Pro L. S18 : GUN5 s'impose
0

YaLLa Compass Summer : Keoz &...
0

IEM Rio : Qualif' ouverte terminée
7

IEM Cologne : Vitality triomphe, apEX...
0

CCT S2 Europe #10 : Revenant en ronde...
0

CCT S2 Europe #9 : NBK- & Nivera en...
0

ESL Chall. Atlanta : Qualif' ouverte...
0

Elisa Invitational Fall : MOUZ NXT et...
Voir tous les coverages
Forum
Index du forum > Informatique > Problèmes techniques > Codage
Codage - 32 messages, 8483 vues
Page 1 sur 4
1
2
3
4
1er message
Par slacheur - 30/01/2015 17:21:45 - Modifié le 30/01/2015 17:22:43
Bonjour à tous,

Tout d'abord ce post est uniquement pour ceux qui s'y connaissent en codage html/css. Voilà je suis entrain de faire un site en m'aidant d'un "template html free" tout simple, cependant pour la catégorie "Contact" j'ai ça:

http://i.imgur.com/xMZ6KAi.jpg?1

Bien évidemment je sais très bien qu'il faut entrer son email afin que les autres personnes m'envoient des emails, cependant je ne sais pas du tout où se trouve la partie pour mettre mon email, car quand je test ce formulaire de contact et que je clique sur le boutont "Send Message" rien ne se passe.

J'ai beau chercher dans index.html (je sais où se trouve la partie contact), donc par conséquent j'ai cherché dans les styles css mais je ne trouve pas.. donc je voulais savoir si une âme charitable qui s'y connais en html pourrait m'aider avec ce codage. Merci d'avance.

Cordialement,


Code Html:

http://i.imgur.com/tCp5bY0.jpg?1

<div class="row">
<div class="col-lg-8">
<div class="boxed-grey">
<form id="contact-form">
<div class="row">
<div class="col-md-6">
Email Address</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
</span>
<input type="email" class="form-control" id="email" placeholder="Enter email" required="required" /></div>
</div>
<div class="form-group">
<label for="subject">
Subject</label>
<select id="subject" name="subject" class="form-control" required="required">
<option value="na" selected="">Choose One:</option>
<option value="service">General Customer Service</option>
<option value="suggestions">Suggestions</option>
<option value="product">Product Support</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="name">
Message</label>
<textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required"
placeholder="Message"></textarea>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-skin pull-right" id="btnContactUs">
Send Message</button>
</div>
</div>
</form>
</div>
</div>
Réponse #2
Par SekYo - 30/01/2015 17:30:06 - Modifié le 30/01/2015 17:30:52
Dans la balise form, il faut que tu rajoutes

action="mailto:TON_EMAIL" enctype="text/plain"


Note qu'en faisant comme ça c'est très basique comme envoi. Si tu veux plus de possibilités, tu devras utiliser un langage serveur comme PHP ou Python pour pouvoir traiter l'email et l'envoyer proprement.
Réponse #3
Par slacheur - 30/01/2015 17:32:37 - Modifié le 30/01/2015 17:35:42
Dans la balise form, il faut que tu rajoutes

action="mailto:TON_EMAIL" enctype="text/plain"


Note qu'en faisant comme ça c'est très basique comme envoi. Si tu veux plus de possibilités, tu devras utiliser un langage serveur comme PHP ou Python pour pouvoir traiter l'email et l'envoyer proprement.


Bah le truc c'est que je l'ai déjà tester mais c'est un envoie d'email à part, car c'est en cliquant sur "email.name@example.com"

Alors que la boîte de message sur le côté ne fonctionne pas.

Voici le codage du pannel du côté droit:

<div class="col-lg-4">
<div class="widget-contact">
<address>
<strong>Email</strong><br>
<a href="mailto:slacheur54@live.fr">email.name@example.com</a>
</address>
<address>
<ul class="company-social">
<li class="social-facebook"><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li class="social-twitter"><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>

</ul>
</address>

</div>
</div>
</div>
Réponse #4
Par SekYo - 30/01/2015 17:41:43
J'ai rien compris :D
Sur ton screen y a deux choses :
1/ A droite, le lien "email", qui correspond à ta balise <a href="mailto...">
Quand tu click dessus, en toute logique ça doit t'ouvrir ton client de messagerie si tu en a un, c'est normal, c'est comme ça que ça fonctionne.

2/ Sur la partie gauche, t'as le formulaire de contact, avec le bouton "Send Message". Pour pouvoir utiliser ça, il faut que tu modifies la balise
<form id="contact-form">
par
<form id="contact-form" action="mailto:TON_EMAIL" enctype="text/plain">

Note que même comme ça ça va ouvrir ton client mail, la seule différence avec le lien 1/ c'est que tu peux pré remplir les champs sujets et le corps du messages.


Si tu veux un email vraiment "automatique", sans que ça ouvre ton client de messagerie, tu ne peux pas faire ça en HTML simple, tu dois passer par une fonction serveur. Mais dans ce cas, tu ferais sans doute mieux d'utiliser un Wordpress ou équivalent parce que ça devient plus complexe.
Réponse #5
Par slacheur - 30/01/2015 17:47:09 - Modifié le 30/01/2015 17:47:31
Tu as bien compris =)
Merci.

Mais bon alors pourquoi mettre un bloc comme ça avec un bouton "Send Message" si c'est pour réécrire le message ? (car le seul truc qui est pré remplis c'est "Sujet de l'email") ^^

N'aurait-il pas moyen de créer un fichier .php tout en liaison avec index.html ??
Réponse #6
solak - 30/01/2015 17:47:09
Comme l'a dit L4p, avec du html, c'est pas super utile.

Voici un tuto pour un envoi de mail en php:
http://a-pellegrini.developpez.com/tutoriels/php/mail/
Réponse #7
Par SekYo - 30/01/2015 22:32:16
Mais bon alors pourquoi mettre un bloc comme ça avec un bouton "Send Message" si c'est pour réécrire le message ? (car le seul truc qui est pré remplis c'est "Sujet de l'email") ^^

Essayer de changer le "name" du contenu principal du formulaire par body. C'est à dire, remplace
<textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required"
placeholder="Message"></textarea>

par

<textarea name="body" id="message" class="form-control" rows="9" cols="25" required="required"
placeholder="Message"></textarea>


( pas sur que ça fonctionne, mais ça coute rien de tenter )
Réponse #8
Par slacheur - 31/01/2015 11:23:10
ça va marche bien, sauf que dans le cadre "Message" j'écris le message et que je mets des espaces, les espaces sont remplacé par des "+". Genre:

"Je suis ici" dans la boîte de dialogue sur le site
"Je+suis+ici" dans la boîte de dialogue du client messagerie.

Comment régler ce problème ?
Réponse #9
Par slacheur - 31/01/2015 16:54:07 - Modifié le 31/01/2015 16:56:25
MAJ: Je suis entrain de regarder un tutoriel.


J'ai une autre question comment créer une fonction mail sur wamp server dans le phpadmin ?
Réponse #10
Par ENy - 31/01/2015 16:57:26
MAJ: Je suis entrain de regarder un tutoriel.


J'ai une autre question comment créer une fonction mail sur wamp server dans le phpadmin ?



http://openclassrooms.com/forum/sujet/comment-declarer-le-serveur-smtp-sous-wampserver-32616
Page 1 sur 4
1
2
3
4
Qui sommes-nous ?
Nous contacter
Nous soutenir
Politique de confidentialité
v4.0.5 - Développement par deStrO & Solak- Design par sUpa, deKey, LEI, Kab, Lumi, SUANN et Cerogrimm - www.VaKarM.net © 2003-2024