Aide - Recherche - Membres - Calendrier
Version complète : Faire coincider un form-mail.php avec un design en
Forum Webmaster - Ton Webmaster > Conception de sites > Programmation > php
arthurgogol
Nov 6 2006, 11:09 PM
Salut alors ma demande va étre simple pour des pros de la bidouille mais moi je craque, depuis plusiquers heures, j'essaie de faire marcher et coincider un form_mail.php avec un design html.

Je voudrais mettre le design de ma page contact sur mon nouveau fichier, c'est à dire form_mail.php!

Page contact.html :

CITATION
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Le ZOO - Deauville</title>
<style type="text/css">
<!--
body {
background-color: #663366;
}
.Style1 {
font-family: "Century Gothic";
font-size: 22px;
color: #990000;
}
.Style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.Style3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #990000;
font-weight: bold;
}
.Style4 {
font-family: "Century Gothic";
color: #FFFFFF;
font-size: 22px;
}
.Style5 {
font-family: "Century Gothic";
font-size: 12px;
}
.Style6 {
color: #FFFFFF;
font-weight: bold;
}
.Style7 {color: #990000}
.Style8 {font-family: "Century Gothic"; font-size: 22px; color: #990000; font-weight: bold; }
.Style9 {
color: #990000;
font-family: "Century Gothic";
font-size: 12px;
}
.Style10 {font-size: 20px}
a:link {
color: #990000;
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #990000;
}
a:hover {
text-decoration: none;
color: #990000;
}
a:active {
text-decoration: underline;
color: #990000;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('images/menu/presentation-on.jpg','images/menu/cocktail-on.jpg','images/menu/prochaines-on.jpg','images/menu/contact-on.jpg')">
<table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><img src="images/image-07.gif" width="20" height="20"></td>
<td background="images/image-09.gif">&nbsp;</td>
<td width="20"><img src="images/image-08.gif" width="20" height="20"></td>
</tr>
<tr>
<td width="20" height="90"><img src="images/image-13.gif" width="20" height="90"></td>
<td height="90" align="left" valign="top" bgcolor="#D77BD7"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="Style1 Style10">Bienvenue au ZOO ! </td>
</tr>
<tr>
<td class="Style2"><strong>Bar chic et d&eacute;contract&eacute; le ZOO est fait pour vous...</strong> A deux avec une coupe de champagne ou &agrave; plusieurs pour faire la f&ecirc;te... le ZOO est comme une deuxi&egrave;me maison...ouvrez la porte, bienvenue chez vous...</td>
</tr>
<tr>
<td class="Style3"><strong>&gt;&gt;</strong> <a href="index.html">Accueil</a></td>
</tr>
</table></td>
<td width="20" height="90"><img src="images/image-14.gif" width="20" height="90"></td>
</tr>
<tr>
<td height="10"><img src="images/image-10.gif" width="20" height="20"></td>
<td background="images/image-12.gif">&nbsp;</td>
<td height="10"><img src="images/image-11.gif" width="20" height="20"></td>
</tr>
<tr>
<td height="345" background="images/image-17.gif">&nbsp;</td>
<td height="345" align="left" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="160" align="center" valign="middle"><img src="images/images/contact.gif" width="145" height="145"></td>
<td width="20" rowspan="3"><table width="100%" height="320" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/image-32.gif">&nbsp;</td>
</tr>
</table></td>
<td width="300" rowspan="3" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="Style9">Si vous d&eacute;sirez nous contacter, n'h&eacute;sitez pas &agrave; remplir le formualire ci-dessous.</td>
</tr>
<tr>
<td><form action="http://www.lezoo.fr/form_mail.php" method="post">
<input type="hidden" name="subject" value="Contact Le ZOO - Deauville">
<input type="hidden" name="recipient" value="bar@lezoo.fr">
<input type="hidden" name="redirect" value="index.html">

<fieldset style="border-bottom-color:#D77BD7; border-left-color:#D77BD7; border-right-color:#D77BD7; border-top-color:#D77BD7; padding-left : 10px"><legend align=left style="color: #D77BD7; font-size: 14px; font: "Century Gothic""><strong> Formulaire de Contact</strong></legend>

<div align="center">
<p align="left"><span class="Style9">Pr&eacute;nom :</span> <input name="prenom" type="text" id="prenom" style="font-size: 12px; color : #990000" title="Prénom">
</p>
<p align="left"><span class="Style9">Nom :</span> <input name="nom" type="text" id="nom" style="font-size: 12px; color : #990000" title="Nom">
</p>
<p align="left"><span class="Style9">Question :</span> <textarea name="question" cols="25" rows="4" id="question" title="Votre question" style=" font-size: 12px; color : #990000; scrollbar-base-color : #D77BD7"></textarea>
</p>
<p align="left"><span class="Style9">Adresse courriel :</span> <input name="mail" type="text" id="mail" style="font-size: 12px; color : #990000" title="Adresse de courriel">
</p>
<p align="center">
<input type="submit" name="Submit" style="background-color: #D77BD7; color : #990000; font-size : 10px" value="Envoyer">
<input type="reset" name="Submit" style="background-color: #D77BD7; color : #990000; font-size : 10px" value="R&eacute;initialiser">


</p>
</div>
</form></td>
</tr>
</table></td>
</tr>
<tr>
<td height="20">&nbsp;</td>
</tr>
<tr>
<td height="160">&nbsp;</td>
</tr>
</table></td>
<td height="345" background="images/image-18.gif">&nbsp;</td>
</tr>
<tr>
<td height="10"><img src="images/image-15.gif" width="20" height="20"></td>
<td background="images/image-19.gif">&nbsp;</td>
<td height="10"><img src="images/image-16.gif" width="20" height="20"></td>
</tr>
<tr>
<td height="83"><img src="images/image-23.gif" width="20" height="83"></td>
<td height="83"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="135"><img src="images/image-24.gif" width="135" height="83"></td>
<td align="left" valign="top" bgcolor="#D77BD7"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30"><span class="Style4">Les photos des soirées</span></td>
</tr>
<tr>
<td height="31" class="Style8">AU ZOO ! </td>
</tr>
<tr>
<td height="22"><span class="Style5"><span class="Style6">&gt;&gt;</span> <span class="Style7"><a href="picsengine" target="_blank">Cliquez i&ccedil;i pour visionner la galerie</a></span></span></td>
</tr>
</table></td>
</tr>
</table></td>
<td height="83" background="images/image-21.gif">&nbsp;</td>
</tr>
<tr>
<td height="10"><img src="images/image-22.gif" width="20" height="20"></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="135"><img src="images/image-25.gif" width="135" height="20"></td>
<td background="images/image-26.gif">&nbsp;</td>
</tr>
</table></td>
<td height="10"><img src="images/image-20.gif" width="20" height="20"></td>
</tr>
</table></td>
<td width="260" align="left" valign="top"><table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#932D93">
<tr>
<td><img src="images/image-02.gif" width="260" height="110"></td>
</tr>
<tr>
<td><a href="presentation.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('presnetation','','images/menu/presentation-on.jpg',1)"><img src="images/menu/presentation-off.gif" name="presnetation" width="260" height="30" border="0"></a></td>
</tr>
<tr>
<td><a href="programme.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('prochaines','','images/menu/prochaines-on.jpg',1)"><img src="images/menu/prochaines-off.gif" name="prochaines" width="260" height="30" border="0"></a></td>
</tr>
<tr>
<td><a href="blog" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cocktails','','images/menu/cocktail-on.jpg',1)"><img src="images/menu/cocktail-off.gif" name="cocktails" width="260" height="30" border="0"></a></td>
</tr>
<tr>
<td><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/menu/contact-on.jpg',1)"><img src="images/menu/contact-off.gif" name="contact" width="260" height="30" border="0"></a></td>
</tr>
<tr>
<td><img src="images/image-01.jpg" width="260" height="360"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>

</html>



mon fichier form_mail.php :

CITATION
<?php
// Couleur du texte des champs si erreur saisie utilisateur
$color_font_warn="#FF0000";
// Couleur de fond des champs si erreur saisie utilisateur
$color_form_warn="#FFCC66";
// Ne rien modifier ci-dessous si vous n’êtes pas certain de ce que vous faites !
if(isset($_POST['submit'])){
$erreur="";
// Nettoyage des entrées
while(list($var,$val)=each($_POST)){
if(!is_array($val)){
$$var=strip_tags($val);
}else{
while(list($arvar,$arval)=each($val)){
$$var[$arvar]=strip_tags($arval);
}
}
}
// Formatage des entrées
$f_1=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö\ -]", "", $f_1)));
$f_2=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö\ -]", "", $f_2)));
$f_3=strip_tags(trim($f_3));
// Verification des champs
if(strlen($f_1)<2){
$erreur.="<li><span class='txterror'>Le champ &laquo; Prénom &raquo; est vide ou incomplet.</span>";
$errf_1=1;
}
if(strlen($f_2)<2){
$erreur.="<li><span class='txterror'>Le champ &laquo; Nom &raquo; est vide ou incomplet.</span>";
$errf_2=1;
}
if(strlen($f_3)<2){
$erreur.="<li><span class='txterror'>Le champ &laquo; Email &raquo; est vide ou incomplet.</span>";
$errf_3=1;
}else{
if(!ereg('^[-!#$%&\'*+\./0-9=?A-Z^_`a-z{|}~]+'.
'@'.
'[-!#$%&\'*+\/0-9=?A-Z^_`a-z{|}~]+\.'.
'[-!#$%&\'*+\./0-9=?A-Z^_`a-z{|}~]+$',
$f_3)){
$erreur.="<li><span class='txterror'>La syntaxe de votre adresse e-mail n'est pas correcte.</span>";
$errf_3=1;
}
}
if(strlen($f_4)<2){
$erreur.="<li><span class='txterror'>Le champ &laquo; Message &raquo; est vide ou incomplet.</span>";
$errf_4=1;
}
if($erreur==""){
// Création du message
$titre="Message de votre site";
$tete="From:http://www.lezoo.fr\n";//Indiquez l'url de votre site
$corps.="Prénom : ".$f_1."\n";
$corps.="Nom : ".$f_2."\n";
$corps.="Email : ".$f_3."\n";
$corps.="Message : ".$f_4."\n";
if(mail("bar@lezoo.fr", $titre, stripslashes($corps), $tete)){//indiquez votre adresse email à la placede votreadressemail.com
$ok_mail="true";
}else{
$erreur.="<li><span class='txterror'>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.</span>";
}
}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Formulaire de contact</title>
<style type="text/css" media="screen"><!--
INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
--></style>
</head>

<body>
<? if($ok_mail=="true"){ ?>
<table width='100%' border='0' cellspacing='1' cellpadding='1'>
<tr><td><span class='txtform'>Le message ci-dessous nous a bien été transmis, et nous vous en remercions.</span></td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td><tt><?echo nl2br(stripslashes($corps));?></tt></td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td><span class='txtform'>Nous allons y donner suite dans les meilleurs délais.<br>A bientôt.</span></td></tr>
</table>
<? }else{ ?>
<form action='<? echo $PHP_SELF ?>' method='post' name='Form'>
<table width='100%' border='0' cellspacing='1' cellpadding='1'>
<? if($erreur){ ?>
<tr>
<td colspan='2' bgcolor='red'>
<span class='txterror'>
<font color='white'>
<b>&nbsp;ERREUR, votre message n'a pas été transmis</b>
</font>
</span>
</td>
</tr>
<tr>
<td colspan='2'>
<ul><?echo$erreur?></ul>
</td>
</tr>
<?}?>

<tr>
<td colspan='2'>
<span class='txterror'>Les champs marqué d'un * sont obligatoires</span>
</td>
</tr>
<tr>
<td align='right' width='30%'>
<span class='txtform'>Prénom* :</span>
</td>
<td>
<input type='text' style='width:200 <?if($errf_1==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_1' value='<?echo stripslashes($f_1);?>' size='24' border='0'>
</td>
</tr>
<tr>
<td align='right' width='30%'>
<span class='txtform'>Nom* :</span>
</td>
<td>
<input type='text' style='width:200 <?if($errf_2==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_2' value='<?echo stripslashes($f_2);?>' size='24' border='0'>
</td>
</tr>
<tr>
<td align='right' width='30%'>
<span class='txtform'>Email* :</span>
</td>
<td>
<input type='text' style='width:200 <?if($errf_3==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_3' value='<?echo stripslashes($f_3);?>' size='24' border='0'>
</td>
</tr>
<tr>
<td align='right' width='30%'>
<span class='txtform'>Message* :</span>
</td>
<td>
<textarea style='width:360 <?if($errf_4==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_4' rows='6' cols='40'><?echo$f_4?></textarea>
</td>
</tr>
<tr>
<td align='right' width='30%'></td>
<td><input type='submit' name='submit' value='Envoyer' border='0'></td>
</tr>
</table>
</form>
<? } ?>
</body>
</html>



Est ce qu'une ame généreuse peut m'aider à rassembler tout et faire que ça marche?

Merci d'avance pour toute votre attention! smile.gif
Kwaelbi
Nov 6 2006, 11:36 PM
Tu ne sais pas faire des includes ?

Sinon tu pourrais nous donner plus de précisions sur le problème ?
arthurgogol
Nov 7 2006, 07:32 AM
et bien je précise, :

en fait j'ai un fichier contact.html (voir plus haut) mais qui ne marche pas au niveau du formulaire! Et j'ai un fichier form_mail.php (voir plus haut) qui marche lui mais qui ne me convient pas dans son design, car je voudrais garder le design original de mon fichier contact.html mais avec le fichier form_mail.php qui marche au niveau du formulaire!

Donc en fait transposer au fichier php les données du contact.html.

Moi, perso je suis encore trop nulle en php, j'y pige rien du tout, donc la mission s'avére imopossible pour l'instant! sad.gif
manhim
Nov 9 2006, 12:18 AM
Renomme ton fichier contact.html en contact.php en premier. Ensuit tu place le code que tu veu de form_mail.php à contact.php

J'espère avoir compris ta question...
mon-formulaire
Nov 14 2006, 04:59 PM
Ou sinon si tu n'y parviens pas essai la creation de formulaire en ligne qui ne necessite aucunes connaissances particulieres, http://www.mon-formulaire.com

bon courage.
zenzen279
Nov 14 2006, 05:20 PM
Ou sinon, tu pourra essayer mon nouveau script gratuit disponible ICI. Il est super simple et tout est détaillé et expliqué.
arthurgogol
Nov 18 2006, 11:04 AM
merci, je vais essayer ça dés Lundi
C\'est une version "bas débit" de notre forum. Pour voir la version complète avec plus d\'information, la mise en page et les images, veuillez cliquez ici.
Invision Power Board © 2001-2012 Invision Power Services, Inc.