Bonjour,

Je fais mon site et je souhaite un formulaire de contact en fenêtre modale.

J'ai pu faire le design par cet excellent article : http://dmouronval.developpez.com/tut...e-modale-css3/ mais je n'arrive pas à l'envoyer autrement qu'en ouvrant une nouvelle pasge, et le rendu est pas très heureux.

Je voudrais, à la validation de mon formulaire, exécuter mon script php et fermer la fenêtre modale (sans recharger ma page, puisque je peux avoir des filtres de recherche actif . Je suis en galère depuis hier... Help ! L'envoi de mail fonctionne bien, il est actuellement dans un fichier php. J'ai cru comprendre que je pouvais le mettre dans ma page, mais comment ?

Mon code actuel :



Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<label class="button" for="modalCheck"><img src="image/mail.png"  width="32" height = "32" alt = "e-mail"></label>
<input type="checkbox" id="modalCheck" />
<div class="modalLayer">
<div class="popup_block">
<label for="modalCheck"><img alt="Fermer" title="Fermer la fen&ecirc;tre" class="btn_close" src="image/close_pop.png"></label>
<center>
<font size = 6 color = #D41149 >Posez nous votre question sur le titre : '.  $data['TITRE'] . '</font><br><br>
<div style="padding:5px; background-color:#D41149;  border:2px solid #F9E086; -moz-border-radius:9px; -khtml-border-radius:9px; -webkit-border-radius:9px; border-radius:9px;  width: 410px;">
<center>
<form method="POST" target="my_iframe" action="envoimail-prod.php" ><br><br>
<input type="hidden" name = "objet" value="Information sur le titre : '.  $data['TITRE'] .'">
<label for="nom">Nom :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><textarea id="nom" class="input" name="nom" rows="1" cols="30"></textarea><br><br>
<label for="nom">E-Mail :&nbsp;&nbsp;</label><textarea id="email" class="input" name="email" rows="1" cols="30"></textarea><br><br>
<label for="email">Message :</label><br/><textarea id="message" class="input" name="message" rows="10" cols="40"></textarea><br/><br>
<label><INPUT TYPE="submit" class="btn_close" VALUE="Envoyer" ></label><br><br>
</center></font>
</form>
</div>
</center>
</div>
</div>

Merci d'avance !