Formulaire

makfly2301 Messages postés 204 Statut Membre -  
Nabla's Messages postés 20731 Statut Contributeur -
Bonjour,
Bonjour étant actuellement en train de concevoir un formulaire de prise de rendez-vous, j'ai fini mon formulaire et quand je click sur valider je voudrais que toutes les information que j'ai rentré ( nom , prise de rendez vous , date ...), soient reportées dans un tableau que j'ai crée dans une autre page .
Je vous remercies de m'apporter votre soutiens
Si quelqu'un serait prés à m'aider, qu'il m'infome pour que je lui envoi les copies d'ecran merci
Makfly2301

8 réponses

Mat$on Messages postés 99 Statut Membre 9
 
Il te faut faire une page en PHP derrière et créer un array pour récupérer dans ton tableau, les données qui auront été saisies, par la méthode POST !
0
makfly2301 Messages postés 204 Statut Membre 7
 
sa me parait compliquées tout sa tu connais pas des sites ou tout est expliqués ?
0
Nabla's Messages postés 20731 Statut Contributeur 3 194
 
cherches formulaires php sur google...
0
makfly2301 Messages postés 204 Statut Membre 7
 
D'accord mais sur google c'est assez vague les explications, sachant que je n'ai jamais fait de php
0
Mat$on Messages postés 99 Statut Membre 9
 
Je te conseille d'aller voir sur le site du zéro pour apprendre le PHP :) !
0

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

Posez votre question
Nabla's Messages postés 20731 Statut Contributeur 3 194
 
tiens, essaye ca :
http://www.allhtml.com/articles/detail/687

apres la ligne $message = "$formNom $formPrenom vous contact via votre formulaire.\n \n message : \n $formCommentaire";

ajoutes echo $message;

regardes pour des cours de php... c est tres trse simple. le 2eme fichier c est inscription.php

le site du zero j y suis tombé plusieurs fois en cherchant des bouts de code, ca a pas l air trop mal
0
makfly2301 Messages postés 204 Statut Membre 7
 
ok merci mais le plus dur c'est de reporter les valeurs du formulaire dans un tableau, quelqun pourrait me donner son adresse mail en message privée que je lui envoye mon projet pour bien comprendre quel est mon problème
merci makfly2301
0
Nabla's Messages postés 20731 Statut Contributeur 3 194
 
tu fais un tableau en html et pour les cases dans lesquelles tu veux mettre tes valeurs tu fais echo et ta valeur.

envoie ton code ici....
0
makfly2301 Messages postés 204 Statut Membre 7
 
CODE DU FORMULAIRE:

<body>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
<div id="titreForm">Fiche d'appel</div>
<div id="corpForm">
<fieldset id="coordonnees">
<legend>Coordonnées</legend>
<div id ="heure">
<script language="JavaScript">
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
navok = true;
else
navok = false;

today = new Date;
jour = today.getDay();
numero = today.getDate();
if (numero<10)
numero = "0"+numero;
mois = today.getMonth();
if (navok)
annee = today.getFullYear();
else
annee = today.getYear();
TabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
TabMois = new Array("janvier","février","mars","avril","mai","juin","juillet","aout","septembre","octobre","novembre","dééembre");
messageDate = TabJour[jour] + " " + numero + " " + TabMois[mois] + " " + annee;
</script>
<script language="JavaScript">
document.write(messageDate);
</script>
</div>
<label for="Destinataire">Destinataire:</label>
<select id="Destinataire">
<option value="César" selected="selected">César</option>
<option value="Sylvain">Sylvain</option>
<option value="Claude">Claude</option>
</select>
</p>
<p>
<label for="Client">Client:</label>
<select id="pays">
<option value="france" selected="selected">Professionnel</option>
<option value="allemagne">Particulier</option>
</select>
</p>
<p>
<label for="Nom">Nom:</label>
<input type="text" name="nom" id="nom" />
</p>
<p>
<label for="Adresse">Adresse: </label>
<input type="text" name="adresse" id="adresse" />
</p>
<p>
<label for="Code Postal">Code Postal:</label>
<input type="text" name="code postal" id="cp" />
</p>
<p>
<label for="Ville">Ville: </label>
<input type="text" name="ville" id="ville" />
</p>
<p>
<label for="Ville">Téléphone: </label>
<input type="text" name="telephone" id="telephone" />
</p>
</fieldset>
<p>
<fieldset id="type">
<p>
<legend>Objet de l'appel</legend>
<p>
<label for="Ville">Date de Rendez-Vous: </label>
<input type="text" name="rendez-vous" id="rendez-vous" />
</p>
<p>
<textarea cols="85" rows="5">
</textarea>
</p>
</fieldset>
</div>
<div id="piedForm">
<div id="retour">
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Retour" onClick="self.location.href=('acceuil.html')"></FORM></div>
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Envoyer" ></FORM>

</div>

</form>
<p id="footer">

</p>

CSS:

body {
margin: 1em;
padding: 0;
font: .8em arial, hevetica, sans-serif;
text-align: left;
color: black;
background: #62A6DF;
}
p#notes {
border-bottom: 1px dotted black;
padding-bottom: 1em;
}
p#footer {
border-top: 1px dotted black;
padding-top: 1em;
}
code {
font-size: .9em;
}
html>body code {
font-size: 1.3em;
}

/*** Mise en forme du formulaire ***/

#inscription {
border: none;
margin: 0;
padding: 0;
width: 30em; /*** Largeur du formulaire ***/
}
#titreForm, #piedForm { /*** Mise en forme du titre et du pied de formulaire ***/
font: bold 1.1em arial, hevetica, sans-serif;
color: white;
background: #27367A;
margin: 0;
padding: .5em;
width: 61%
}
#piedForm {
text-align: right;
width: 61% /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
margin-left: 1em;

}
#corpForm { /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
border: 1px solid black;
color: black;
background: #efefef;
margin: 0;
padding: 1em;
width: 60%;
}
#corpForm fieldset { /*** Mise en forme des cadres ***/
margin: 0;
font-style: normal;
padding: 0 1em 1em;
}
#corpForm legend { /*** Mise en forme des titres des cadres ***/
font-weight: bold;
color: black;
background: transparent;
}
#corpForm p { /*** Mise en forme des lignes du formulaire ***/
padding: .2em 0;
margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 20%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right; /*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#heure {
text-align: right;
font: .9em comic sans ms, hevetica, sans-serif;
}

#retour {
float:left;
}
0
makfly2301 Messages postés 204 Statut Membre 7
 
CODE DU TABLEAU:

<html>
<head>
<link rel="stylesheet" type="text/css" href="acceuil.css">

<div id ="tableau">
<title>Tableau</title>
</head>
<body bgcolor="#AFDCF4">
<table width="100%" border cellspacing cellpadding >
<tr>
<td>
<div align="center">Date </div> </td>
<td>
<div align="center">Destinataire</div> </td>
<td>
<div align="center">Client</div> </td>
<td>
<div align="center">Nom</div> </td>
<td>
<div align="center">Adresse</div> </td>
<td>
<div align="center">Code Postal</div> </td>
<td>
<div align="center">Ville</div> </td>
<td>
<div align="center">Telephone</div> </td>
<td>
<div align="center">Objet de l'appel</div> </td>
</div>
</tr>
</table>
<br></br>
<div id ="Valider">
<td height="30">
<div align="center"><form><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Nouvel Appel" onClick="self.location.href=('test.html')"></FORM>
</div>
</td>
</div>
</body>
</html>



CSS:


#tableau {
text-align: right;
font: .9em Lucida Console, hevetica, sans-serif;
}

#valider {
font: .9em comic sans ms, hevetica, sans-serif;
color: green;
font-style: italic ;
}
0
Nabla's Messages postés 20731 Statut Contributeur 3 194
 
deja, ta balise de debut de formulaire (form) doit etre inséré AVANT les donnéés a envoyer, et se fermer apres ...
ensuite, elle doit specifier la method, et le fichier de destination, comme dans l exemple que je j ai filé.

regarde pour nom ...

ton fichier de traitement php, avec extention.php svp:

<html>
<head>
<link rel="stylesheet" type="text/css" href="acceuil.css">

<div id ="tableau">
<title>Tableau</title>
</head>
<body bgcolor="#AFDCF4">
<table width="100%" border cellspacing cellpadding >
<tr>
<td>
<div align="center">Date </div> </td>
<td>
<div align="center">Destinataire</div> </td>
<td>
<div align="center">Client</div> </td>
<td>
<div align="center">Nom <?php echo $_POST['nom']; ?></div> </td>
<td>
<div align="center">Adresse</div> </td>
<td>
<div align="center">Code Postal</div> </td>
<td>
<div align="center">Ville</div> </td>
<td>
<div align="center">Telephone</div> </td>
<td>
<div align="center">Objet de l'appel</div> </td>
</div>
</tr>
</table>
<br></br>
<div id ="Valider">
<td height="30">
<div align="center"><form><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Nouvel Appel" onClick="self.location.href=('test.html')"></FORM>
</div>
</td>
</div>
</body>
</html>
0