8791 sujets

Développement web côté serveur, CMS

Bonjour à tous,
je reviens vers vous parce que je n'arrive toujours pas à faire
mon formulaire en php. J'ai beau regarder toute la doc sur internet,
j'y comprends rien, ça paraît simple mais c'est très compliqué pour moi…
Grosso modo, il faudrait que quelqu'un me fasse le formulaire où qu'il me dise exactement point par point ce que je dois mettre.
Je sais c'est beaucoup demander, mais je ne sais plus quoi faire.
Je voudrais récupérer mes données sur ma boite mail, avec en plus lorsque je clique sur le lien "envoyer" que ça me renvoie sur la même page mais avec un message type à la place du formulaire " votre demande à bien été transmise, je vous répondrai dans les plus brefs délais"
Une bonne âme pourrait t'elle m'aider ?

Voici le code de ma page web et le lien de ma page web :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Contacts</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../layout.css" rel="stylesheet" type="text/css" />
<script src="../rollover.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
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];}
}
function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
//-->
</script>
<style type="text/css">
<!--
.Style1 {color: #FFFFFF}
-->
</style>
</head>
<body id="page6" onload="mm_preloadImages('images/m1m.jpg','images/m2m.jpg','images/m3m.jpg','images/m4m.jpg','images/m5m.jpg','images/m6m.jpg');MM_preloadImages('../images/m3m.jpg','../images/m4m.jpg','../images/m5m.jpg','../images/m6m.jpg')">
<div class="tall_content">
	<div class="site_center">
		<div class="main">
			<!-- header  -->
			<div class="wr_logo"><h1>Design creative bureau</h1></div>
			<div class="h_menu"><a href="../index.html"><img src="../images/m1m.jpg" alt="Home" id="image3" onmouseover="MM_swapImage('image3','','../images/m3m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="index-3.html"><img src="../images/m4.jpg" alt="Portfolio" id="image4" onmouseover="MM_swapImage('image4','','../images/m4m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="index-4.html"><img src="../images/m5.jpg" alt="Clients" id="image5" onmouseover="MM_swapImage('image5','','../images/m5m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="index-5.html"><img src="../images/m6.jpg" alt="Contacts" id="image6" onmouseover="MM_swapImage('image6','','../images/m6m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
	  </div>	
	</div>
</div>
<div class="tall_bot">
	<div class="tall_top">
		<div class="site_center">
			<div class="main">
				<!-- content -->
				<div class="content">
					<div class="col_1">
					  <p>&nbsp;</p>
					  <p><img src="../images/1f5.gif" alt="" width="57" height="42" class="title" /><span>Alexis Mathieu<br />
		          <br />
				        </span>107 bld murat<br />
					  75016 Paris<br  />
					  <br style="line-height:11px;"  />
					  Telephone : + 00 33 619082618<br /> 
					  <br  />
					  E-mail :<br />
				      <a href="mailto:alexis.mathieu@agenceboomerang.fr" class="Style1">alexis.mathieu@agenceboomerang.fr</a> </p>
				  </div>
<div class="col_2">
						<img src="../images/6title2.gif" class="title" alt="" />
						<span>Formulaire de Contact</span>
						<p>
							Pour toute demande, tarifs, devis...</p>
					  <form id="form" action="" enctype="multipart/form-data" >
						<div class="col_box">
							<div class="col_box_1">
								Nom :
								  <div class="h_f">
								  <label>
								  <input name="textfield" type="text" id="textfield" />
								  </label>
								</div>
							  Adresse Mail :
								<div class="h_f">
								  <label>
								  <input type="text" name="textfield2" id="textfield2" />
								  </label>
								</div>
							  T&eacute;l&eacute;phone :
								<div class="h_f">
								  <label>
								  <input type="text" name="textfield3" id="textfield3" />
								  </label>
								</div>
						  </div>
							<div class="col_box_2">
							  Votre message :
								  <textarea cols="2" rows="2">&nbsp; </textarea>
		                    <a href="#" style="margin:0 12px 0 90px;"  onclick="document.getElementById('form').reset()"></a><a href="#" onclick="MM_callJS('&lt;FORM METHOD=POST ACTION=\&quot;alexis.mathieu@agenceboomerang.fr\&quot;&gt;')"><br />
	                      Envoyer</a> </div>
						  <div class="clear"></div>
						</div>
					  </form>
				  </div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--footer-->
<div class="site_center">
	<div class="main">
		<div class="footer">Creation : Alexis Mathieu &copy; 2008 <br  />
</div>
  </div>
</div>
</body>
</html>

[/i][/i][/i][/i][/i][/i]

http://www.agenceboomerang.fr/pages/index-5.html

<modération>Merci d'utiliser les balises [ code] et non pas [ quote] pour les blocs de code.
Modifié par Julien Royer (06 May 2008 - 09:44)
ok sorry,
donc voici ma page avec le code que j'ai modifié Smiley smile
Quelqu'un pourrait t'-il me guider pour la suite et suis-je sur la bonne voix ?
Merci par avance Smiley smile


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Contacts</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../layout.css" rel="stylesheet" type="text/css" />
<script src="../rollover.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
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];}
}
function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
} }
//-->
</script>
<style type="text/css">
<!--
.Style1 {color: #FFFFFF}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body id="page6" onload="mm_preloadImages('images/m1m.jpg','images/m2m.jpg','images/m3m.jpg','images/m4m.jpg','images/m5m.jpg','images/m6m.jpg');MM_preloadImages('../images/m3m.jpg','../images/m4m.jpg','../images/m5m.jpg','../images/m6m.jpg')">
<div class="tall_content">
	<div class="site_center">
		<div class="main">
			<!-- header  -->
			<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','779','height','334','align','top','src','../boomerang','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','play','false','loop','false','movie','../boomerang' ); //end AC code
            </script>
            <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="779" height="334" align="top">
              <param name="movie" value="../boomerang.swf" />
              <param name="quality" value="high" />
              <param name="PLAY" value="false" />
              <param name="LOOP" value="false" />
              <embed src="../boomerang.swf" width="779" height="334" loop="False" align="top" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" play="false"></embed>
            </object>
            </noscript>
		  <div class="h_menu"><a href="../index.html"><img src="../images/m1m.jpg" alt="Home" id="image3" onmouseover="MM_swapImage('image3','','../images/m3m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="index-3.html"><img src="../images/m4.jpg" alt="Portfolio" id="image4" onmouseover="MM_swapImage('image4','','../images/m4m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="index-4.html"><img src="../images/m5.jpg" alt="Clients" id="image5" onmouseover="MM_swapImage('image5','','../images/m5m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="index-5.html"><img src="../images/m6.jpg" alt="Contacts" id="image6" onmouseover="MM_swapImage('image6','','../images/m6m.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
	  </div>	
	</div>
</div>
<div class="tall_bot">
	<div class="tall_top">
		<div class="site_center">
			<div class="main">
				<!-- content -->
				<div class="content">
					<div class="col_1">
					  <p>&nbsp;</p>
					  <p><img src="../images/1f5.gif" alt="T&eacute;l&eacute;phone" width="57" height="42" class="title" /><span>Alexis Mathieu<br />
		          <br />
				        </span>107 bld murat<br />
					  75016 Paris<br  />
					  <br style="line-height:11px;"  />
					  Telephone : + 00 33 619082618<br /> 
					  <br  />
					  E-mail :<br />
				      <a href="mailto:alexis.mathieu@agenceboomerang.fr" class="Style1">alexis.mathieu@agenceboomerang.fr</a> </p>
				  </div>
<div class="col_2">
						<img src="../images/6title2.gif" class="title" alt="" />
						<span>Formulaire de Contact</span>
						<p>
							Pour toute demande, tarifs, devis...</p>
					  <form action="" method="post" enctype="multipart/form-data" id="form" >
					  <div class="col_box">
				  <div class="col_box_1">
								Nom :
								  <div class="h_f">
								  <label>
								  <input name="Nom" type="text" id="Nom" />
								  </label>
								</div>
							  Adresse Mail :
								<div class="h_f">
								  <label>
								  <input type="text" name="Adresse Mail" id="Adresse Mail" />
								  </label>
								</div>
							  T&eacute;l&eacute;phone :
								<div class="h_f">
								  <label>
								  <input type="text" name="T&eacute;l&eacute;phone" id="T&eacute;l&eacute;phone" />
								  </label>
								</div>
						  </div>
							<div class="col_box_2">
							  Votre message :
								  <textarea cols="2" rows="2" id="Message" onblur="MM_validateForm('Nom','','R','Adresse Mail','','R','T&eacute;l&eacute;phone','','R','Message','','R');return document.MM_returnValue"></textarea>
	                          <br />
	                          <a href="#">Envoyer</a></div>
						  <div class="clear">Le message a bien &eacute;t&eacute; envoy&eacute;, merci [smile]</div>
						</div>
                        </form>
				  </div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--footer-->
<div class="site_center">
	<div class="main">
		<div class="footer">Creation : Alexis Mathieu &copy; 2008 <br  />
</div>
  </div>
</div>
</body>
</html>
[/i][/i][/i][/i][/i][/i][/i]
salut createx ,

il me semble qu'il te faut structurer ton projet avant de te lancer dans le code :
par exemple :

tu récupère les données depuis ton formulaire avec la methode 'post' et action"mon/script/gestion/formulaire.php

Dans ton script php, tu dois : - récupérer les données
- traiter les données
- retourner les données a l'utilisateur

Récuperer tes données dans le tableaux $_POST['data_form_id']

Traiter les données : avant d'envoyer tes données il faut les valider(vérifier) => function validateData($_POST['____']) pour chaque valeur du formulaire
cela comporte la syntaxe (ex email valide) et la sécurisation des données(échapper les balises html ou bien chiffre dans le nom !)
si données = valide
traitementData($data);
sinon retourFormulaire()
... etc

en bref pour chaque action pense à : quelles sont les données dont j'ai besoin pour cette action
est-ce que je les ai sous 'la main' ; sinon les récupérer
définir l'action : pour traiter ces données je dois : fonction valider() : paramètres
fonction gererErreur() : paramètres
fonction getMailBox() : paramètres
... etc

si tu veux récupérer (traiter)des données sur un server mail il te faut acceder à cette boite mail en utilisant le protocole 'pop' il me semble
pour cela il y a la lib php imap.
Fais quelques test en ligne de commande avec 'telnet' pour voir comment cela fonctionne en 'background' lorsque tu va sur ta boite de mail

quelques idées de code avec Imap pour te donner des idées ...

++
Merci Kzone pour ton aide, mais malgré ce que tu peux me donner comme éléments, ça va m'être difficile.
Je vais voir ce que je peux faire Smiley cligne
Modérateur
Salut,

Il me semble qu'il y a une méthodologie annexe à celle de notre ami Kzone à cet endroit.

Là dans ton code, je vois toujours

enctype="multipart/form-data"


Regarde ce lien afin de comprendre quel est l'utilité de cet attribut Smiley cligne .

@+
Modifié par Nolem (08 May 2008 - 20:16)
Merci pour votre aide les amis Smiley smile ,
mais je crois que je vais laisser tomber…
Déjà que j'ai plus de cheveux, là je m'arrache la tête !

@ + et encore merci
Smiley cligne