Formulaire message dans site web

Fermé

Skara15 - 24 févr. 2009 à 15:28
Utilisateur anonyme - 24 févr. 2009 à 21:23

Bonjour à tous,

Voici, j'espère, ma toute dernière demande.
Le site est terminé à 95 %, mais il me manque la toute dernière touche : le formulaire d'envoi de message.

J'ai 3 cases à cocher (1, 2 ou 3 possibles).
Ensuite je demande le prénom, le mail et le message.

Je ne souhaites pas que les visiteurs aient mon mail direct, j'ai donc créé un bouton pour "envoyer".

La question est :
1) comment paramétrer ce bouton pour qu'il m'envoie les données saisies dans ma boîte mail sans que mon adresse apparaisse ?
2) comment ne pas mettre le bouton "submit" habituel et en mettre un perso (avec rollover) ?
3) comment supprimer les petits cadres qui se sont créés dans les zone à cocher ou à remplir (pour le laisser que ma mise en page photoshop) ?

J'ai déjà commencé le code.
Le voici (je vous mets que le body, faut-il le head aussi ?).

Un grand GRAND merci pour vos tuyaux !

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/bouton_envoyer_on.png')">
<table width="100%">
<tr><td align="center">

<table id="Tableau_01" width="961" height="631" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="images/message_01.png" width="960" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="18">
<img src="images/message_02.png" width="7" height="620" alt=""></td>
<td colspan="4">
<a href="index.html"><img src="images/message_03.png" alt="" width="250" height="72" border="0"></a></td>
<td colspan="4" rowspan="8">
<img src="images/message_04.png" alt="" width="703" height="274"></td>
<td>
<img src="images/spacer.gif" width="1" height="72" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/message_05.png" width="250" height="58" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="58" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/message_06.png" width="208" height="202" alt=""></td>
<td colspan="2">
<input type="checkbox" name="choix" value="choix1" /></td>
<td rowspan="16">
<img src="images/message_08.png" width="14" height="490" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/message_09.png" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2">
<input type="checkbox" name="choix" value="choix2" /></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/message_11.png" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2">
<input type="checkbox" name="choix" value="choix3" /></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/message_13.png" width="28" height="143" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="85" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/message_14.png" width="170" height="346" alt=""></td>
<td colspan="2">
<input type="text" size="70" name="prenom" value="" /></td>
<td rowspan="10">
<img src="images/message_16.png" width="11" height="346" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/message_17.png" width="522" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<input type="text" size="70" name="email" value="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="6">
<a href="index.html"><img src="images/message_19.png" alt="" width="229" height="269" border="0"></a></td>
<td rowspan="7">
<img src="images/message_20.png" width="7" height="288" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/message_21.png" width="522" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="2">
<textarea name="message" rows="12" cols="60"></textarea></td>
<td>
<img src="images/spacer.gif" width="1" height="191" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/message_23.png" width="522" height="9" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/message_24.png" width="425" height="58" alt=""></td>
<td>
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image56','','images/bouton_envoyer_on.png',1)"><img src="images/bouton_envoyer_off.png" name="Image56" width="97" height="32" border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/message_26.png" width="97" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/message_27.png" width="229" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="208" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="170" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="425" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td></td>
</tr>
</table>

</body>

A voir également:

Formulaire message dans site web
Message - Guide
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Web office - Guide
Recuperer message whatsapp supprimé - Guide

6 réponses

Réponse 1 / 6

Utilisateur anonyme
24 févr. 2009 à 15:56

sans voir la page, c'est compliqué !
On ne sait pas si tu as fait un formulaire avec dreamwaver ou si tu es passée par un service gratuit
donc difficile de répondre.Apparemment tu es passée par un service
Peut être qu'en ouvrant ta page dans dreamwaver et en sélectionnant ton bouton "submitt", tu verras dans propriétés le nom exact de l'image et son emplacement et donc l'ouvrir dans photoshop ou autres pour le modifier sans changer ni son nom ni sa dimension.Suffit juste de cliquer dessu et d'appuyer sur suppr.
Après si tu sais faire un rollover, du moment que tu gardes le même nom et la même dimension, ca peut marcher. Si tu modifies les dimensions, faudra modifier aussi le code html "widht" et "height" de ton image

Un bouton submitt ce n'est qu'un lien hypertexte "mailto:......, ca ouvre donc la messagerie de la personne
et il faut bien qu'une adresse apparaisse. Si tu as un hébergeur payant et non ton FAI, ils proposent en général
des adresses e-mails avec le pack d'hébergement.
Pourquoi ne pas ouvrir tout simplement une adresse gmail qui ne te serve qu'à ça ? du style webmaster...@gmail.com
Pour la troisième question, encore plus dur à répondre sans voir la page et sans savoir si tu as utilisé un service ou fait un formulaire dans dreawaver.
Essaye toujours d'ouvrir ton formulaire dans dreamwaver, de cliquer sur les bords et de voir si tu peux mettre dans l'onglet proriétés aucune couleur en cliquant sur l'icone carré blanc barré de rouge.
Si ton cadre est une image, même procédure que le bouton submitt, tu la modifies, un petit coup de gomme et plus de contour..
Dans le pire des cas avec la pipette tu peux peut-être choisir avec la pipette la même couleur pour le contour de ton cadre que ton image photoshop.Essaye aussi de cliquer sur ton contour et de regarder dans le code si tu peux mettre "border="0"
J'ai mis en panne 23 ordinateurs en quelques mois, je connais donc toutes les choses
qu'il ne faut jamais faire.

Réponse 2 / 6

Skara15
24 févr. 2009 à 16:03

j'ai tout fait avec dreamweaver, pas de logiciel extérieur

le submit c'est un mailto, mais ça ouvre le logiciel de messagerie de l'utilisateur
et comment récupérer tout ce qu'il a rempli ?

quand tu écris à la fnac par exemple, tu remplis un formulaire pré-fait et tu envoies
tu ne passes pas par ta boîte...

je voulais faire pareil parce qu'il y a des cases à cocher : est-ce qu'ils veulent newsletter, message perso ou livre d'or...

Réponse 3 / 6

Skara15
24 févr. 2009 à 16:20

Voilà le rendu en imprim écran

Je suis sous Mac / Firefox

[URL=http://imageshack.com/f/7cimage1up][IMG]http://img264.imageshack.us/img264/5669/image1u.th.png[/IMG][/URL]

Utilisateur anonyme
24 févr. 2009 à 17:28

D'abord, chapeau, c'est pas mal du tout, jamais vu une débutante faire ca en si peu de temps.
Je t'avoues que je n'ai jamais fait de formulaire sous dreamwaverni sur word ou autre d'ailleurs
Comme tu dis, l'intérêt d'un formulaire c'est de recevoir les réponses.
Tout ce que je peux te répondre, c'est qu'à moins de passer par un service web payant ou gratuit, pour recevoir des réponses, le html ou le javascript ne suffit plus du tout, il faut des langages de programmationtype mysql ou php (je crois même que le php ca suffit pas), et la c'est du domaine de l'informatique pure et de la programmation.
Il faut en plus que le serveur qui t'héberges supporte le langage mysql ou autres. Je ne veux pas te décevoir, mais si ce n'est pas le cas, ton formulaire tel qu'il est ne te servira à rien.
Je connais pas grand chose en mysql ou autres, c'est un langage informatique qui va chercher des infos sur une base de données et qui les rapporte sur une page html ou plutôt php. Pour te donner un exemple, si tu vas sur le site sncf chercher un horaire, une autre page s'affiche. Tu penses bien qu'ils n'ont pas créé une page html par horaire de train, il en faudrait des millions. La page (php en fait pas html, mais je veux pas t'embrouiller trop) envoie une requête dans la base de données pour trouver l'horaire de train demandé et seules ces données s'affichent dans l'espace réservé.Ce qu'on appele une technologie de serveuravec une base de données. Dans ton cas, en plus de créer un document spécifique pour recevoir les informations il faudrait en plus installer un serveur sur ton pc
pour que les informations données par tes visiteurs se répercutent dans ton document. Ou alors mettre ton document (je dis document car je ne connais pas le nom exact) en ligne dans un répertoire privé, ce qui t'éviterait peut-être d'installer un serveur apache.
J'ai que 3 conseils à te donner
-d'abord savoir quels langages supporte le serveur de ton hébergeur (php? mysql?asp?)
-refais ensuite un post car c'est plus dans le forum programmation ainsi que dans celui bureautique mêmesi c'est du dreamwaver, ceux qui savent faire de formulaires savent comment on récupère les données.qu'on te répondra.
J'en sais pas plus que ça, là c'est carrément de la programmation et je n'y connais rien, il est donc possible que j'ai mises quelques bétises dans ce post et qu'un programmeur m'engueule, mais en gros c'est ça.
T'as vu fort pour un début.
Essaye de voir si ton hébergeur ne propose pas de fonction de formulaires, de commentaire ou de livre d'or, bien sur ca sera sans doute très peu personnalisable et beaucoup moins joli que ce que tu as fait, mais tu te lances dans un truc pas simple du tout, je te préviens.Peut-etre qu'il y a des services gratuits où on met juste le lien de son formulaire et qu'ils s'occupent du rest ? Pourquoi pas?
Enfin un mec qui connait mysql il te dirait que c'est un jeu d'enfants, mais sans notions, c'est pas simple.
Mais faisable si tu t'accroches vraiment , on trouve des serveurs apache gratuits pour installer sur son pc, et après tout mysql ou php c'est que du code, suffit de trouver le bon!
Va demander aux pros sur le forum programmation pour la mise en ligne et sur le forum bureautique pour savoir comment on récupère les données d'un formulaire.

Réponse 4 / 6

Skara15
24 févr. 2009 à 18:02

rolala...
c'est aussi compliqué que ça !!
pourtant j'en vois même sur des petits sites d'assoc ou de commerçants !!
je vais fouiner un peu sur google...
si j'ai l'info, je te dit !

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

Skara15
24 févr. 2009 à 18:08

hé hé !!
ça a l'air pas mal ça !
j'essaye

http://www.creer-un-site-internet.com/formulaire-contact.php

Réponse 6 / 6

Utilisateur anonyme
24 févr. 2009 à 21:23

Ton lien est inaccessible chez moi, ca tourne en rond et ca ne fait rien de plus. Ca commence très mal pour un hébergeur.
J'ai trouvé ça
http://www.formmail.fr/form2mail/lite.php
Vérifie avant que ton hébergeur de site supporte le php

Discussions similaires

qu'est-ce que diff message ?

C'est quoi le site qui remplace coco chat