|
|
Ce tutorial est un complément du script "Notation par curseur et smileys" qui permet ainsi d'enregistrer la note saisie par les visiteurs. Le traitement dédié à ce script est détaillé dans la troisième page de cet article.
Le javascript ne permet pas de traiter des données pour les enregistrer dans une base de données ou un fichier.
La solution est d'utiliser un langage serveur. PHP est de loin le plus accessible et le plus courant. Je vous conseille la lecture des tutoriaux "Introduction au PHP" et "Javascript et PHP".
1 - Le formulaire HTML
Définition d'un formulaire
Le moyen le plus courant pour transmettre des informations depuis le visiteur vers le serveur est d'utiliser les formulaires.
Un formulaire est défini par la balise <FORM> et </FORM>.
Voici un exemple de formulaire
<FORM name="monform" action="page.php" method="post" target="_blank">
Zone de texte : <INPUT type="text" name="champtexte">
<INPUT type="submit" value="Envoyer">
</FORM>
qui donne l'affichage suivant :
Un objet FORM a comme paramètre un nom, une action et une méthode de transmission vers le serveur.
name sert à manipuler et reconnaître l'objet FORM dans la page
action contient l'adresse du script qui va recevoir et traiter les données du formulaire. Ici le formulaire sera envoyé à "page.php".
method indique le type de transmission des données. "post" cache les données transmises au visiteur. "get" les rend visibles. Je préfère utiliser "post" qui est plus discret et qui n'allonge pas l'url dans la barre d'adresse.
On peut aussi définir une destination par le paramètre target, équivalent au target de la balise de lien <A>.
Envoi du formulaire
L'envoi du formulaire (ou soumission ou submit en anglais) peut se faire de 2 manières.
- Soit par un bouton de type submit :
<INPUT type="submit" value="Envoyer">
Dans ce cas, le formulaire est envoyé directement quand on clique sur le bouton
- Soit par du javascript :
document.monform.submit()
Voir le tutorial javascript sur les formulaires pour tous les détails sur la manipulation des formulaires.
Voyons maintenant comment récupérer les données issues du formulaire dans un script PHP.
|
|
