cs_baltimor5
Messages postés5Date d'inscriptionlundi 12 septembre 2011StatutMembreDernière intervention24 octobre 2013
-
6 sept. 2013 à 10:59
jordane45
Messages postés38138Date d'inscriptionmercredi 22 octobre 2003StatutModérateurDernière intervention17 avril 2024
-
11 sept. 2013 à 00:25
Bonjour,
je suis Jonathan je travail actuellement sur la conception d'un site de vente achat et location des véhicules nommé kin-vehicules.com comme je suis bloquer sur un point je voudrai savoir si je peu avoir de l'aide d'un membre qui s'y connait en SQL:
Mon problème est le suivant: j'ai crée un formulaire en php en utilisant deux pages comme appris sur le sdz mais je voudrais que les informations entrées par l'utilisateur sois sauver dans la base des données
Voici le code de la première page nommé index.php:
<!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="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="jona2" href="file:///D:/site web/mes css/jona1.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="jona3" href="file:///D:/site web/mes css/jona3.css" />
</head>
<style type="text/css"> body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: rgb(221,221,221);
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("file:///D:/images du site/cliquenow2.jpg");
background-repeat: no-repeat;
margin-bottom: 30px;
background-position: center
}
/* Le menu */
#menu
{
float: right;
width: 120px;
}
.element_menu
{
background-color: rgb(154,154,154);
background-repeat: repeat-x;
border: 2px solid #E3E7EC;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{
color: rgb(71,143,216);
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
background:#B2DAFD repeat-x bottom;
background-image: url("file:///D:/images du site/tititi2.jpg"); repeat-x bottom;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("file:///D:/images du site/puce2.jpg"); /* On change l'apparence des puces */
font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 30px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: white;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: white;
color: black;
}
/* Le corps de la page */
#corps
{
margin-right: 140px;
margin-bottom: 20px;
padding: 5px;
font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
color: black;
background-color: rgb(255,255,255) ;
background-image: url("file:///D:/images du site/dj2.jpg");
background-repeat: no-repeat;
border: 2px solid rgb(154,154,154);
}
#corps h1 /* Tous les titres h1 du corps */
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2 /* Tous les titres h2 du corps */
{
height: 30px;
background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
#pied_de_page /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
{
padding: 5px;
text-align: center;
font-family: Calibri, "Times New Roman", Times, serif;
color: #B3B3B3;
background-color: rgb(255,255,255);
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid rgb(154,154,154);
}
caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #009900;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
table /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
background-color: rgb(166,226,255);
}
th /* Les cellules d'en-tête */
{
background-color: #006600;
color: white;
font-size: 1.1em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
td
{
height: 0px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
vertical-align: bottom; /* Alignement vertical, le contenu des cellules sera placé en bas */
border: 1px solid black;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center;
padding: 5px;
}
input, textarea
{
font-family: Calibri, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
border: 2px solid rgb(154,154,154);
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #B2DAFD;
}
label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: rgb(255,0,255);
font-weight: bold;
color:#1877D5;padding:3px 10px;
font-weight:bold;
background:#B2DAFD repeat-x bottom;
}
fieldset
{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
margin:10px 0 20px 0;padding:14px 10px 7px 10px;
background-color:#F8FAFD;
border:2px solid #E3E7EC;
}
</style>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<div id="menu">
<!-- Ici on mettra le menu -->
</div>
<div id="corps">
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<fieldset>
<legend>IDENTITE DU PROPRIETAIRE</legend>
<form method="post" action="traitement.php">
<p>
<label for="pseudo">Votre pseudo :</label><br />
<input type="text" name="pseudo" id="pseudo" value="Jonathannk" /><br />
</p>
</br>
<p>
<label for="Adresse">Adresse complète:</label><br />
<textarea name="Adresse" id="Adresse" rows="5" cols="50">
.
</textarea>
</p>
</fieldset>
<fieldset>
<legend>IDENTITE DU VEHICULE</legend>
<p> <label for="marque">Marque:</label><br />
<input type="text" name="marque" id="marque" tabindex="10" /><br />
<label for="type_de_vehicule">Type:</label><br />
<input type="text" name="type_de_vehicule" id="type_de_vehicule" tabindex="20" /><br />
<label for="couleur">Couleur:</label><br />
<input type="text" name="couleur" id="couleur" tabindex="30" /><br />
<label for="km_actuel">Km actuel:</label><br />
<input type="text" name="km_actuel" id="km_actuel" tabindex="20" /><br />
<label for="annee_de_fabrication">Année de fabrication:</label><br />
<input type="text" name="annee_de_fabrication" id="annee_de_fabrication" tabindex="30" /><br />
<label for="annee_mise_en_circulation">Année de Mise en circulation en RDC:</label><br />
<input type="text" name="annee_mise_en_circulation" id="annee_mise_en_circulation" tabindex="30" /><br />
<label for="prix_de_vente">Prix de vente:</label><br />
<input type="text" name="prix_de_vente" id="prix_de_vente" tabindex="30" /><br />
</p><br />
<p>
Moteur:<br />
<input type="radio" name="moteur" value="Essence" id="Essence" /> <label for="Essence">Essence</label>
<input type="radio" name="moteur" value="Diesel" id="Diesel" /> <label for="Diesel">Diesel</label>
</p><br />
<p>
Boîte de vitesse:<br />
<input type="radio" name="boite_de_vitesse" value="Manuelle" id="Manuelle" /> <label for="Manuelle">Manuelle</label>
<input type="radio" name="boite_de_vitesse" value="Automatique" id="Automatique" /> <label for="Automatique">Automatique</label>
</p><br />
<p>
Conduite:<br />
<input type="radio" name="conduite" value="Gauche" id="Gauche" /> <label for="Gauche">Gauche</label>
<input type="radio" name="conduite" value="Droite" id="Droite" /> <label for="Droite">Droite</label>
</p><br />
<p>
Modalité de paiement:<br />
<input type="radio" name="modalite_de_paiement" value="Cash" id="Cash" /> <label for="Cash">Cash</label>
<input type="radio" name="modalite_de_paiement" value="Virement Bancaire" id="Virement Bancaire" /> <label for="Virement Bancaire">Virement Bancaire</label>
</p><br />
<p>
<label for="lieu_du_parking">Lieu du parking:</label><br />
<textarea name="lieu_du_parking" id="lieu_du_parking" rows="5" cols="50">
.
</textarea>
</p>
<p>
<label for="etat_general">Etat général:</label><br />
<textarea name="etat_general" id="etat_general" rows="5" cols="50">
.
</textarea>
</p>
<p>
<label for="Commentaires">Commentaires:</label><br />
<textarea name="Commentaires" id="Commentaires" rows="5" cols="50">
.
</textarea>
</p>
</fieldset>
<p>
<input type="submit" /> <input type="reset" />
</p>
<br />
<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
<p>Contact : contact@kin-vehicules.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l,b=document.getElementsByTagName("script");l=b[b.length-1].previousSibling;a=l.getAttribute('data-cfemail');if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script> Téléphone : (+243) 817 151 204</p>
</div><br />
<?php include('connectes.php'); ?>
</body>
</html>
Et ensuite le code de la seconde page nommé traitement.php:
<!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="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="jona1" href="file:///D:/site web/mes css/jona2.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="jona2" href="file:///D:/site web/mes css/jona1.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="jona3" href="file:///D:/site web/mes css/jona3.css" />
</head>
<style type="text/css"> body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: rgb(221,221,221);
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("file:///D:/images du site/cliquenow2.jpg");
background-repeat: no-repeat;
margin-bottom: 30px;
background-position: center
}
/* Le menu */
#menu
{
float: right;
width: 120px;
}
.element_menu
{
background-color: rgb(154,154,154);
background-repeat: repeat-x;
border: 2px solid #E3E7EC;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{
color: rgb(71,143,216);
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
background:#B2DAFD repeat-x bottom;
background-image: url("file:///D:/images du site/tititi2.jpg"); repeat-x bottom;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("file:///D:/images du site/puce2.jpg"); /* On change l'apparence des puces */
font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 30px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: white;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: white;
color: black;
}
/* Le corps de la page */
#corps
{
margin-right: 140px;
margin-bottom: 20px;
padding: 5px;
font-family: Calibri, Arial, "Arial Black", "Times New Roman", Times, serif;
color: black;
background-color: rgb(255,255,255) ;
background-image: url("file:///D:/images du site/dj2.jpg");
background-repeat: no-repeat;
border: 2px solid rgb(154,154,154);
}
#corps h1 /* Tous les titres h1 du corps */
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2 /* Tous les titres h2 du corps */
{
height: 30px;
background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
#pied_de_page /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
{
padding: 5px;
text-align: center;
font-family: Calibri, "Times New Roman", Times, serif;
color: #B3B3B3;
background-color: rgb(255,255,255);
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid rgb(154,154,154);
}
caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #009900;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
table /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
background-color: rgb(166,226,255);
}
th /* Les cellules d'en-tête */
{
background-color: #006600;
color: white;
font-size: 1.1em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
td
{
height: 0px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
vertical-align: bottom; /* Alignement vertical, le contenu des cellules sera placé en bas */
border: 1px solid black;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center;
padding: 5px;
}
input, textarea
{
font-family: Calibri, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
border: 2px solid rgb(154,154,154);
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #B2DAFD;
}
label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: rgb(255,0,255);
font-weight: bold;
color:#1877D5;padding:3px 10px;
font-weight:bold;
background:#B2DAFD repeat-x bottom;
}
fieldset
{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
margin:10px 0 20px 0;padding:14px 10px 7px 10px;
background-color:#F8FAFD;
border:2px solid #E3E7EC;
}
</style>
<body>
<div id="corps">
<h1><p class="bonjour">MERCI !</p></h1>
<p>Votre pseudo est: <h4><?php echo $_POST['pseudo']; ?></h4> </p>
<p>Votre Adresse complète est: <h4><?php echo $_POST['Adresse']; ?></h4> </p>
<h1><p class="bonjour">VEHICULE</p></h1>
<p>Marque: <h4><?php echo $_POST['marque']; ?></h4> </p>
<p>Type: <h4><?php echo $_POST['type_de_vehicule']; ?></h4> </p>
<p>Couleur: <h4><?php echo $_POST['couleur']; ?></h4> </p>
<p>Km actuel: <h4><?php echo $_POST['km_actuel']; ?></h4> </p>
<p>Année de fabrication: <h4><?php echo $_POST['annee_de_fabrication']; ?></h4> </p>
<p>Année de Mise en circulation en RDC: <h4><?php echo $_POST['annee_mise_en_circulation']; ?></h4> </p>
<p>Prix de vente: <h4><?php echo $_POST['prixdevente']; ?></h4> </p>
<p>Moteur: <h4><?php echo $_POST['moteur']; ?></h4> </p>
<p>Boîte de vitesse: <h4><?php echo $_POST['boite_de_vitesse']; ?></h4> </p>
<p>Conduite: <h4><?php echo $_POST['conduite']; ?></h4> </p>
<p>Modalité de paiement: <h4><?php echo $_POST['modalite_de_paiement']; ?></h4> </p>
<p>Lieu du parking: <h4><?php echo $_POST['lieu_du_parking']; ?></h4> </p>
<p>Etat général: <h4><?php echo $_POST['etat_general']; ?></h4> </p>
<p>Commentaires: <h4><?php echo $_POST['Commentaires']; ?></h4> </p>
<p>pour changer ces champ, <a href="index.php" >cliquez ici</a> pour revenir à appel.php</p>
</div>
</body>
</html>
jordane45
Messages postés38138Date d'inscriptionmercredi 22 octobre 2003StatutModérateurDernière intervention17 avril 2024344 6 sept. 2013 à 11:39
Bonjour Jonathan,
1 - Mets tes styles dans un fichier css et appelles les quand nécessaire. Ca ne sert à rien de les remettre dans chaque page.. et puis ça alourdit la lecture de ton code
2 -
je voudrais que les informations entrées par l'utilisateur sois sauver dans la base des données
Ok. Mais quel est ton souci ?
Où est ta question ?
3 - Je ne vois pas de code PHP dans tes pages...
C'est normal ?
4 - Tu mets des inputs "submit" mais je ne vois aucune "FORM" ou de script AJAX qui lanceraient une requête PHP..
Tu te connectes à la base et Tu effectue des requêtes sur ta base où et comment ?
Commence par étudier ces différents points....
NB: Au passage, je pense que ta question aurait été mieux positionnée dans la rubrique PHP que SQL.. mais bon, comme il n'y a pas vraiment de question actuellement on ne peut pas en être sur...
