Salut la compagnie ! :twisted:
Je vais vous apprendre comment créer votre Livre d'Or en PHP sans Base de Donnée ! ( What Else ? 8-) )
Sommaire :
1 - Prérequis
2 - Créons notre formulaire !
3 - L'envois du formulaire
4 - L'affichage de Livre d'Or
5 - Design
C'est partie ! :shock:
_______________________
1 - Prérequis
Je vais faire de mon mieux pour être le plus claire possible, cependant, connaître le (x)HTML et le CSS est une bonne chose. ;)
Je vous conseil d'utiliser le logiciel Notepad++, un éditeur de texte très performant, ainsi que Easy PHP, afin de lire le PHP. ( j’espère que je ne vous apprend rien la... :P )
2 - Créons notre formulaire !
Nous allons donc créer notre page web. Nous allons la nommé : Livre d'Or. ( Oui, très original ! :o )
Cliquez pour révéler
Cliquez pour masquer
<!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>Livre D'OR</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<!-- Ici sera placé le formulaire. -->
</body>
</html>
Maintenant, mettez le formulaire entre les balises <body> </body> ! :)
Ce qui donne :
Cliquez pour révéler
Cliquez pour masquer
<!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>Livre D'OR</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<!-- Ici sera placé le formulaire. -->
<!-- Début du formulaire -->
<form method="post" action="confirm.php">
<label for="pseudo">Pseudo</label><br />
<input type="text" name="pseudo" id="pseudo" />
<br />
<br />
<label for="message">Message</label><br />
<input type="text" name="message" id="message" />
<p><input type="submit" value="Envoyer" /> <input type="reset" /></p>
</form>
<!-- Fin du formulaire -->
</body>
</html>
Donc, petit récapitulatif :
<form method="post" action="confirm.php"> => Le formulaire va être traité ici.
<label for="pseudo">Pseudo</label><br />
<input type="text" name="pseudo" id="pseudo" /> => Pas de surprise, ici c'est le champ ou on va mettre notre... Pseudo ! :) Pareil pour le champ "Message".
<p><input type="submit" value="Envoyer" /> <input type="reset" /></p> => Ceci est le "bouton" où nous allons envoyer notre formulaire. Vous pouvez remplacer le value="Envoyer" par quelque chose du genre : "Valider", ce qui va donner : value="Valider".
Voila ! :D
Le formulaire étant créé, nous passons à l'étape suivante ! ;)
3 - L'envois du formulaire
Nous allons créer une page web que nous allons enregistrer sous confirm.php.
Cliquez pour révéler
Cliquez pour masquer
<!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>Livre D'OR - Confirm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<!-- Ici sera placé le script. -->
</body>
</html>
Nous allons maintenant directement mettre le script. Copiez le code suivant et colelz le entre les balises <body> </body>, j'ai tout mis en commentaire ( après les // ) ! :)
Cliquez pour révéler
Cliquez pour masquer
<?php
$commentaires="livreor.txt"; // Ceci va enregistrer les messages dans le fichier livreor.txt
$pseudo=htmlspecialchars($_POST['pseudo']); // "htmlspecialchars" empêche l'utilisation de code HTML ( ce qui rend le formulaire plus sécurisé ).
$message=htmlspecialchars($_POST['message']); // Idem que au deçu :)
$pseudo = stripslashes($pseudo); // "stripslashes" sert à retirer les "\", car si vous mettez par éxemple : "C'est Bien !" sa va mettre : "C\'est bien !"... :x
$message = stripslashes($message); // Idem ^^
$message=(nl2br($message)); // Ceci sert à "accpeter" lesretour à la ligne. Si on ne met pas le "nm2br", tout les texte mis sera aligné.
if(!is_file($commentaires))
{
$verif=@fopen($commentaires,"w+"); // On ouvre livreor.txt et on écrit dedant ! :p
}
elseif (trim($pseudo)=="" || trim($message)=="") // Si un champ est vide, il y aura le message d'erreur juste en dessous.
{
echo "Erreur : Veuillez remplir tout les champs !"; // <== Le message d'erreur :)
exit; // Hop ! On quitte le script :3
}
$stock=@fread($verif,filesize($commentaires));
$date=date ("d/m/Y à H:i"); // Sa c'est la date, si vous ne voulez pas la mettre, supprimez cette ligne
$opinion="<b>".$pseudo."</b> le <b>".$date."</b> : <br /><b>".$message."</b><br /><br />"; // Ceci va donner : "Pseudo" en gras, suivit de la "Date" en gras, on saute une ligne et il y aura le "Message".
rewind($verif);
fputs($verif,$opinion." \n".$stock);
fclose($verif);
?>
Maintenant, vous créer un fichier texte que vous nommerai : livreor.txt ( si vous voulez changer le nom, modifier le script la première ligne du script, après le <?php
Voila, le script, normalement, marche. Mais... Comment afficher le résultat ?
4 - L'affichage de Livre d'Or
C'est très très simple, vous créer une page web etc... Et entre les balises <body> </body>, vous mettez simplement le script suivant :
Cliquez pour révéler
Cliquez pour masquer
<?php
$consult_messages="livreor.txt";
readfile($consult_messages);
?>
Vous pouvez modifier le $consult_message en... $consult_livreor par éxemple.
PROCHAINEMENT : Modifions le Design du Livre d'Or !