Différences

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

--- tic:javascript [2016/08/25 12:51] – [Les variables] bloop
+++ tic:javascript [2016/08/25 13:16] (Version actuelle) – [Les tableaux] bloop
@@ Ligne 26: / Ligne 26: @@
 ==== Les variables ====
-une variable ne peut être que d'un seul type : nombre ou texte.\\
+Une variable ne peut être que d'un seul type : nombre ou texte.\\
 C'est à son appel que le type est déterminé et ne pourra pas changer de type par la suite.
 Une variable locale est une variable utilisée uniquement dans une fonction.\\
-Une variable peut-être passée en paramètre ou bien déclarée dans la fonction avec la commande "var".\\
+Elle peut-être passée en paramètre ou bien déclarée dans la fonction avec la commande "var".\\
 Exemple :
 <code>
@@ Ligne 43: / Ligne 43: @@
 ==== Opérations mathématiques ====
-Addition : résultat =a+b
+Addition : ''résultat =a+b\\''
-soustraction - multiplication - division
+soustraction - multiplication - division\\
-Valeur arrondie d'un entier a=math.round (b)
+Valeur arrondie d'un entier ''a=math.round(b)''\\
-Ajouter 1 à une variable : résultat++
+Ajouter 1 à une variable : ''résultat++''\\
-Soustraire 1 à une variable : résultat--
+Soustraire 1 à une variable : ''résultat--''\\
 ==== Les boucles for et while ====
-for  (var i=1;i <=100;i++){instructions}
+<code>
-while  (condition){instructions incrément}
+for  (var i=1;i <=100;i++)
+  {instructions}
+while  (condition)
+  {instructions incrément}
+</code>
 ==== Exécution conditionnelle ====
-if (condition) {instruction}
+<code>
+if (condition)
+  {instruction}
+</code>
 ==== Les objets standards ====
-Un objet est un ensemble de fonctions et de variables. En Javascript, les objets standards sont déjà prédéfinis. Une fonction ou une variable d'un objet standard est toujours indiquée avec le nom de l'objet, un point et le nom de la fonction ou de la variable.
+Un objet est un ensemble de fonctions et de variables.\\
-L'objet "document" regroupe toutes les fonctions et variables qui ont un rapport avec le document HTML.
+En Javascript, les objets standards sont déjà prédéfinis. Une fonction ou une variable d'un objet standard est toujours indiquée avec le nom de l'objet, un point et le nom de la fonction ou de la variable.
-document.write ("bla bla") -> fonction
-document.bgcolor -> variable
+L'objet "document" regroupe toutes les fonctions et variables qui ont un rapport avec le document HTML.\\
-windows.alert("bla bla") -> fonction de l'objet windows.
+''document.write ("bla bla")'' -> fonction\\
-Les propriétés dans le document :
+''document.bgcolor'' -> variable\\
-Il existe trois constantes de type texte qui peuvent uniquement être lues :
+''windows.alert("bla bla")'' -> fonction de l'objet windows.
-document.referrer -> adresse URL du fichier à partir duquel la page actuelle à été appelée.
-document.location -> adresse URL de la page actuelle.
+Les propriétés dans le document :\\
-document.title -> titre de la page actuelle.
+Il existe trois constantes de type texte qui peuvent uniquement être lues :\\
+''document.referrer'' -> adresse URL du fichier à partir duquel la page actuelle à été appelée.\\
+''document.location'' -> adresse URL de la page actuelle.\\
+''document.title'' -> titre de la page actuelle.
 ==== Les images dans le document ====
-c'est l'objet "document" qui permet la gestion des images et chaque image doit être identifiée par un nom :
+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">
+''<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 90: / 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]''...