Différences

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

--- tic:javascript [2016/08/25 12:59] – [Les images dans le document] bloop
+++ tic:javascript [2016/08/25 13:16] (Version actuelle) – [Les tableaux] bloop
@@ Ligne 80: / Ligne 80: @@
 c'est l'objet "document" qui permet la gestion des images et chaque image doit être identifiée par un nom :\\
 ''<img src="image.gif" name="photo">''\\
-et c'est donc la variable document.photo.src qui permettra d'attribuer le graphique image.gif\\
+et c'est donc la variable ''document.photo.src'' qui permettra d'attribuer le graphique image.gif\\
 Exemple de roll-over :
 <code>
@@ Ligne 99: / Ligne 99: @@
 ==== Les formulaires ====
 Dans le document : document.forms\\
-Dans une page HTML il peut y avoir plusieurs formulaires => à chaque formulaire est associé un index, 0 pour le 1er ... n pour le dernier.
+Dans une page HTML il peut y avoir plusieurs formulaires => à chaque formulaire est associé un index, 0 pour le 1er ... n pour le dernier.\\
-Dans le formulaire chaque champ de saisie devra avoir un nom du type "name=nomElement".
+Dans le formulaire chaque champ de saisie devra avoir un nom du type ''name=nomElement''.\\
-Pour un champd de saisie texte (input) on pourra
+Pour un champ de saisie texte ''input'' on pourra\\
-lire (ou remplacer) la valeur par : document.form[0].nomElement.value
+  * lire (**ou remplacer**) la valeur par : ''document.form[0].nomElement.value''\\
-mettre une valeur par défaut : document.form[0].nomElement.defaultValue
+  * mettre une valeur par défaut : ''document.form[0].nomElement.defaultValue''\\
-sélectionner le texte dans un champ de saisie : document.form[0].nomElement.select()
+  * sélectionner le texte dans un champ de saisie : ''document.form[0].nomElement.select()''\\
-placer le curseur dans un champ de saisie : document.form[0].nomElement.focus()
+  * placer le curseur dans un champ de saisie : ''document.form[0].nomElement.focus()''\\
 Pour les listes déroulantes, la liste est définie par un nom et chaque élément de la liste par son index :
+<code>
 document.form[0].nomListe.option[n].value
 document.form[0].nomListe.option[n].selected
 document.form[0].nomListe.option[n].selectedIndex
+</code>
 Pour les boutons radio et cases à cocher, lorsque dans un groupe de choix sont utilisés plusieurs éléments comportant le même "name", les éléments sont différenciés par un index sur le nom :
+<code>
 document.form[0].nomElement[n].checked
 document.form[0].nomElement[n].defaultChecked
+</code>
 ==== Les chaînes de caractères ====
-l'objet string\\
+**l'objet string**\\
-Si l'on définie une variable texte "prenom", alors :
+Si l'on définie une variable texte "prenom", alors :\\
-prenom.lenght = renvoi le nombre de caractères de la variable
+''prenom.lenght'' = renvoi le nombre de caractères de la variable
-prenom.substring(0, 9) = renvoi les 10 premiers caractères
-prenom.toLowerCase : met tous les caractères en minuscule
+''prenom.substring''(0, 9) = renvoi les 10 premiers caractères
-prenom.toUpperCase : met tous les caractères en majuscule
+''prenom.toLowerCase'' : met tous les caractères en minuscule
+''prenom.toUpperCase'' : met tous les caractères en majuscule
 ==== Les objets personnalisés ====
-Si l'on veut par exemple définir l'état civile de plusieurs collaborateurs par un objet :
+Si l'on veut par exemple définir l'état civile de plusieurs collaborateurs par un objet :\\
-façons de faire :
+façons de faire :\\
-- Par une fonction
+  - Par une fonction\\ déclaration de la fonction :<code>
-déclaration de la fonction :
 function etatcivile (nom, age) {
 this.nom = nom
-this.age = age }
+this.age = age }</code>Ensuite la fonction est appelée lors de la déclaration des variables :\\ ''var dupont = new etatcivile ("Michel Dupont", 43)''\\ On accède ensuite au nom avec ''dupont.nom'' et à l'âge avec ''dupont.age''
-Ensuite la fonction est appelée lors de la déclaration des variables :
+  - en déclarant librement l'objet :\\ <code>
-var dupont = new etatcivile ("Michel Dupont", 43)
-On accède ensuite au nom avec dupont.nom et à l'âge avec dupont.age
-- en déclarant librement l'objet :
 dupont = new Object
 dupont.nom="Michel Dupont"
 dupont.age=43
 dupont.hobby="modelisme"
+</code>
 ==== Les tableaux ====
-déclaration d'un tableau : var exemple = new Array
+déclaration d'un tableau : ''var exemple = new Array''\\
-Ainsi les variables suivantes sont disponibles : exemple[1], exemple[2], exemple[3]...
+Ainsi les variables suivantes sont disponibles : ''exemple[1]'', ''exemple[2]'', ''exemple[3]''...\\
-Dans un tableau, toutes les variables doivent être du même type (nombre ou texte)
+Dans un tableau, toutes les variables doivent être du même type (nombre ou texte)\\
-Possibilité de créer un tableau à double entrée :
+Possibilité de créer un tableau à double entrée :\\
+<code>
 var double = new Array
 double[1] = new Array
-ce qui donne les variables suivantes : double[1][1], double[1][2], double[1][3]...
+</code>
+ce qui donne les variables suivantes : ''double[1][1]'', ''double[1][2]'', ''double[1][3]''...