Outils pour utilisateurs

Outils du site


issue67:tutoriel_-_webdev_p._3

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
issue67:tutoriel_-_webdev_p._3 [2013/02/17 21:22] fredphil91issue67:tutoriel_-_webdev_p._3 [2013/02/17 21:23] (Version actuelle) fredphil91
Ligne 49: Ligne 49:
 So now that we have our form set, we can move back to the JavaScript. The JS contains in its first line an alert to tell us that our JS file is connected. This is pretty annoying when we are testing, so let’s change that to a console log—so we can see it if we want to, and forget about it if we don’t. Next, we create a variable that contains the form element we are going to be using and manipulating later; let’s call that ‘form’. Hint: we created a function to get elements by id a little earlier in this article.** So now that we have our form set, we can move back to the JavaScript. The JS contains in its first line an alert to tell us that our JS file is connected. This is pretty annoying when we are testing, so let’s change that to a console log—so we can see it if we want to, and forget about it if we don’t. Next, we create a variable that contains the form element we are going to be using and manipulating later; let’s call that ‘form’. Hint: we created a function to get elements by id a little earlier in this article.**
  
-La ligne qui commence par // s'appelle un commentaire. Cette ligne sert à aider les codeurs à garder la trace de ce qui se passe dans leur code, et leur permet de laisser des notes pour d'autres personnes utilisant leur code.+La ligne qui commence par <nowiki>//</nowiki> s'appelle un commentaire. Cette ligne sert à aider les codeurs à garder la trace de ce qui se passe dans leur code, et leur permet de laisser des notes pour d'autres personnes utilisant leur code.
  
 La prochaine chose à faire est de traiter le formulaire lorsque le bouton Envoyer est enfoncé. Tout d'abord, nous devons donner un id au formulaire lui-même. Appelons-le « ubuVersFrom ». Alors maintenant, la balise « open form » (ouvrir formulaire) devrait ressembler à ceci : <form id='ubuVersForm'>. Nous devons juste ajouter un autre identifiant à notre formulaire HTML. Notre bouton Envoyer doit avoir un id d'envoi (« id='submit' »). Votre bouton de formulaire devrait maintenant ressembler à ceci : <input type="submit" name="submit" id='submit' value="Add" />. La prochaine chose à faire est de traiter le formulaire lorsque le bouton Envoyer est enfoncé. Tout d'abord, nous devons donner un id au formulaire lui-même. Appelons-le « ubuVersFrom ». Alors maintenant, la balise « open form » (ouvrir formulaire) devrait ressembler à ceci : <form id='ubuVersForm'>. Nous devons juste ajouter un autre identifiant à notre formulaire HTML. Notre bouton Envoyer doit avoir un id d'envoi (« id='submit' »). Votre bouton de formulaire devrait maintenant ressembler à ceci : <input type="submit" name="submit" id='submit' value="Add" />.
issue67/tutoriel_-_webdev_p._3.1361132543.txt.gz · Dernière modification : 2013/02/17 21:22 de fredphil91