Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Forum Alsacréations : CSS et Standards Web · Standards web et langages serveurs · SOS "Besoin d'aide Formulaire en php"
Rechercher dans le sujet :
Auteur
crealex
# 06 May 2008 - 08:33:05
Citer
31 Posts
 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.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]

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)
http://www.agenceboomerang.fr 
^
crealex
# 06 May 2008 - 20:01:16
Citer
31 Posts
 ok sorry,
donc voici ma page avec le code que j'ai modifié smile
Quelqu'un pourrait t'-il me guider pour la suite et suis-je sur la bonne voix ?
Merci par avance 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.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]
http://www.agenceboomerang.fr 
^
kzone
# 06 May 2008 - 21:47:15
Citer
751 Posts
 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 ...

++
.... de retour à l'école ... Avec Martine ?!!
http://Developpez-en-SVG.homelinux.org 
^
crealex
# 07 May 2008 - 04:49:44
Citer
31 Posts
 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 cligne

http://www.agenceboomerang.fr 
^
Nolem
# 08 May 2008 - 20:14:52
Citer
euh ?
195 Posts
 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 cligne .

@+
Modifié par Nolem (08 May 2008 - 20:16)
Celui qui pose une question risque cinq minutes d'avoir l'air bête. Celui qui ne pose pas de question restera bête toute sa vie.
^
crealex
# 08 May 2008 - 22:42:28
Citer
31 Posts
 Merci pour votre aide les amis 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
cligne

http://www.agenceboomerang.fr 
^
Prévenir un modérateur
Répondre au sujet
Aller à

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 24 ms - Charte