| abstract boolean break byte case catch char class const continue debugger default delete do double | else enum export extends false final finally float for function goto if implements import in | instanceof int interface long native new null package private protected public return short static super | switch synchronized this throw throws transient true try typeof var void volatile while with var goto = "Retour à la page d'accueil"; var final = dernier - 1;
4 / Les instructions Les instructions Javascript sont contenues dans chaque ligne d'un programme. En général, elles sont fermées par un point-virgule afin que le compilateur Javascript les identifie précisément. Les instructions les plus simples sont notamment les déclarations de variables. //Cette ligne est une instruction. var identificateur="Valeur"; //Celle-ci en est une autre. var init = i + 1; //En voila une dernière. document.write("Chapitre");
4.1 / Les groupes En entourant un bloc d'instructions par des accolades, on crée un regroupement d'instructions utlisable au sein, notamment, d'une commande conditionnelle telle que if else qui les éxecutera de la même manière qu'une unique instruction. if (choix == "oui") { i = i + 1; document.write("incrément = " + i); }
4.2 / Les labels Les labels permettent de dénommer une instruction ou un groupe d'instructions. L'affectation d'un nom peut donner l'occasion à une autre instruction ou à une fonction d'y faire référence et donc de les éxécuter. Un label est simplement appelé par son identificateur. fiche_livre: { var numero = "000000"; var auteur = "nom"; var titre = "titre"; var editeur = "editeur"; } function librairie() { fichier_livre; //Instructions; }
4.3 / Les instructions conditionnelles Une instruction conditionnelle est un jeu de commandes qui s'exécute si une condition indiquée est vraie. Le JavaScript supporte deux déclarations conditionnelles : ifelse et switch. if (condition) { //première_instruction } else { //seconde_instruction }
4.3.1 / If else La condition if est utilisée dans le but d'exécuter certaines instructions si une condition logique est vraie; (true). Si cette dernière est fausse (false), l'instruction facultative else exécute d'autres instructions. D'autre-part, il est autorisé d'utiliser l'imbrication de l'instruction if autant de fois qu'il est nécessaire dans l'énumération des conditions et instructions associées. if (condition) { //première_instruction } else { //seconde_instruction } if (condition) { //premières_instructions } else if (Nième_condition) { //instructions } else { //instructions } 4.3.2 / With L'instruction with définit un objet par défaut. Cette objet est ensuite utilisé dans le bloc d'instructions attaché à with. with(objet) { //Instructions; } /*L'instruction with permet de travailler directement avec une propriété d'un objet.*/ var resultat, x, y; with (Math) { x = 2; y = 10; //sans with resultat = (x, y) resultat = pow(x, y); }
4.3.3 / Switch case Cette instruction permet de vérifier le contenu d'une variable à partir de nombreuses valeurs. L'instruction évalue successivement les différentes valeurs des labels jusqu'à ce qu'il trouve la bonne contenue entre ses paranthèses. S'il échoue dans sa comparaison, alors, il exécute les instructions contenues dans le label default:. Enfin, une instruction break termine les instructions de case et saute à la fin de switch. switch (Expression) { case Premier_label: Premières_instructions; break; case Nième_label: //Nièmes_instructions; break; default: //Instruction_par_défaut break; }
4.4 / Les boucles Une boucle est un bloc de programme qui s'exécute à plusieurs reprises jusqu'à ce qu'un état indiqué soit réuni. Le langage JavaScript supporte for, do while, while, et des boucles de label. Cette dernière n'est pas elle-même une instruction de boucle, mais est fréquemment utilisée avec elle. En outre, les instructions break et continue sont utilisées généralement à l'intérieur des boucles. 4.4.1 / For La boucle for exécute une ou plusieurs instructions jusqu'à ce que la condition spécifiée retourne false. L'instruction for contient une donnée initiale, une condition et une commande d'incrémentation ou de décrémentation, le tout séparé par des points-virgules. La boucle for fonctionne littéralement comme suit : "Pour une donnée initiale, jusqu'à ce que la condition soit atteinte et par pas de exécuter les instructions suivantes". D'ailleurs, il faut noter que la donnée initiale n'est valable que pour le démarrage de la boucle. Par la suite cette donnée n'est plus prise en compte. for (Initialisation; Condition; Incrémentation) { //Instructions; } /*La boucle for permet d'afficher à l'écran les nombres de 0 à 10*/ for (i = 0; i <= 10; i++) { document.write('i = ' + i + '\n'); }
4.4.2 / Do while Cette boucle exécute un groupe d'instructions jusqu'à ce que la condition renvoie false. La boucle do while est toujours exécutée au moins une fois malgré l'état de la condition spécifiée, car cette dernière n'est évaluée qu'après son activation étant donné la position de la condition. do { //Instructions; } while(Condition); /*La boucle do while s'exécutera jusqu'à ce que l'utilisateur saisira un nom différent de nom*/ var Nom = 'nom'; do { Nom = prompt('Entrez votre nom','Votre nom ici'); } while(Nom == 'nom');
4.4.3 / While Cette boucle exécute un groupe d'instructions jusqu'à ce que la condition renvoie false. Contrairement à la précédente, la boucle while est exécutée seulement si la condition spécifiée n'est pas remplie. while(Condition) { //Instructions; }; /*La boucle while exécutera une soustraction jusqu'à ce que i atteigne 11*/ var calc = 0, i = 0; while(i <= 10) { i++; calc = 10-i; document.write('10 - ' + i + ' = ' + calc + '\n'); }
En fait elle permet de sauter un groupe d'instructions pour reprendre, par la suite, le fonctionnement normal de la boucle. continue; /*L'instruction continue court-circuitera la boucle while lorsque x sera égal à 5 provoquant la non-impression de ce chiffre.*/ var x = 0; //La boucle effectuera ses dix itérations while (x >= 10) { x++; if (x == 5) { continue; } document.write(i + '\n'); }
4.4.5 / Break L'instruction break permet d'interrompre le déroulement d'une boucle. break; while (x >= 100) { if (x == 50) { break; } document.write(i + '\n'); }
4.4.6 / For in L'instruction for in déplace une variable indiquée dans toutes les propriétés d'un objet. Pour chacune des propriétés de l'objet, la boucle for in exécutera les instructions indiquées. La variable indiquée dans l'instruction est utilisée pour stocker le nom de la propriété en cours d'exploitation. for(Variable in Objet) { //Instructions; } /*La variable a parcourt le tableau Tab en retenant le nom de la propriété permettant de restituer le contenu du tableau par les instructions entre des accolades*/ var Tab = new Array("un", "deux", "trois", "quatre", "cinq"); var a; var i = 0; for( a in Tab) { i++; document.write('Contenu (' + i + ') = ' + Tab[a] + '\n'); }
4.5 / La gestion des exceptions Le langage Javascript offre aux programmeurs la possibilité de gérer plus élégamment les exceptions, des anomalies pouvant apparaître subrepticement dans le code. A cet effet, plusieurs instructions permettent de traiter des erreurs, comme throw dont la fonction est de lancer une exception, try catch qui la récupère et la manipule, ou encore try finally qui libère une ressource.
4.5.1 / Throw L'instruction throw est utilisé pour lancer un exception. Lorsqu'une exception est lancée, une expression contenant la valeur de l'exception doit être spécifiée. throw "erreur202"; //Une chaîne de caractères throw 400; // Un nombre throw null; //La valeur null
4.5.2 / Try catch L'instruction try catch désigne un bloc de commandes à essayer et spécifie qu'une réponse doit lancer une exception. Si une exception est lancée, l'instruction try catch la saisira. L'instruction try permet de tester un bloc d'instructions dont l'une est throw. Si cette dernière est activée, alors l'instruction catch stockera le nom de l'exception par l'intermédiaire de son identificateur et transmettra, à l'aide de ses instructions, l'objet d'exception vers le gestionnaire d'erreurs. try { //Instructions à essayer; }; catch (Identificateur) { //Instructions; } /*Si x est inférieur à 0, l'exception erreur est lancée dans try.*/ try { if (x>0) { (x); } else { throw "erreur"; }; } //ex stocke erreur catch (ex) { //retourne l'expression indiquée resultat="Opération Impossible"; //transmet l'objet d'exception au gestionnaire d'erreurs logMyErrors(ex); } /*catch saisit l'exception erreur et la traite en fonction de ses instructions.*/ 4.5.3 / Try finally Le bloc finally contient des instructions à exécuter après l'exécution du bloc try catch mais avant les instructions suivant le bloc précité. Le bloc finally est exécuté si une exception est lancée, même si aucune instruction catch ne traîte l'exception. Cette instruction peut être utilisée pour libérer une ressource par exemple. try { //Instructions; } catch { //Instructions; } finally { //Instructions; } try { OuvertureFichier(); // attache une ressource EcritureFichier(donnee); } catch { CaptureErreur(); } finally { FermetureFichier(); //ferme la ressource } Le langage Javascript possède un jeu complet d'opérateurs permettant de multiples combinaisons d'expressions.
5.1 / Les expressions Une expression est n'importe quel ensemble valide de littéraux, de variables, d'opérateurs, et d'expressions qui correspond à une valeur simple. Cette valeur peut être un nombre (42), une chaîne de caractères (olivier), ou une valeur logique (true). Conceptuellement, il y a deux types d'expressions : celles qui assignent une valeur à une variable, et celles qui ont simplement une valeur. Par exemple, l'expression i = 0 est une expression qui affecte à i la valeur zéro. Cette expression elle-même correspond à zéro. Ce genre d'expressions fait appel à des opérateurs d'affectation. D'autre part, l'expression 1 + 5 est évaluée logiquement à 6 soit le résultat de l'addition. Dans ce cas, elle n'exécute pas une affectation. Les signes utilisés dans de telles expressions sont désignés sous le nom d'opérateurs. | Type d'expression | | Arithmétique | | Logique | | Chaîne de caractères | | | Description | | Correspond à un nombre réel ou entier | | Correspond aux valeurs logiques true et false | | Correspond à une séquence de lettres ou de chiffres. | | | Exemple | | i + 1; prix = 20.50; | | choix = true; faux = false; | | adresse = "1 av. Raspail"; cp = "75000"; | |
5.2 / Les opérateurs Le langage JavaScript a différents types d'opérateurs. Cette section décrit les opérateurs et contient des informations sur la priorité d'opérateur. Les opérateurs peuvent être binaires ou unaires ou encore ternaire. Un opérateur binaire a besoin de deux opérandes, une avant et une après l'opérateur. Un opérateur unaire n'a besoin que d'une unique opérande avant ou après l'opérateur. Un opérateur ternaire, c'est-à-dire l'opérateur conditionnel, a besoin de trois opérandes.
La table suivante décrit la priorité des opérateurs, du moins élevé vers le plus élevé | Opérateur | | , | | = += -= *= /= %= <<= >>= >>>= &= |= ^= | | ? : | | || | | && | | | | | ^ | | & | | == != | | < <= > >= instanceof | | << >> >>> | | + - | | * / % | | (type) new | | unaire + unaire - préfixe ++ préfixe --~! | | ()[]. suffixe ++ suffixe -- | | | Associativité | | De gauche à droite | | De gauche à droite | | De droite à gauche | | De gauche à droite | | De gauche à droite | | De gauche à droite | | De gauche à droite | | De gauche à droite | | De gauche à droite | | De gauche à droite | | De gauche à droite | | De droite à gauche | | De gauche à droite | | De droite à gauche | | De gauche à droite | | De gauche à droite | | 5.4 / Les opérateurs d'affectation Un opérateur d'affectation assigne la valeur de l'opérande gauche basé sur la valeur de l'opérande droite. L'opérateur d'affectation de base est le signe d'égalité (=), qui assigne la valeur de son opérande droite à son opérande gauche. C'est-à-dire, droit = gauche assigne la valeur de gauche à droit. Les autres opérateurs d'affectation sont sténographiés pour des exécutions standard, comme montré dans la table suivante. | Raccourci | | x = y | | x += y | | x -= y | | x *= y | | x /= y | | x %= y | | x <<= y | | x >>= y | | x >>>= y | | x &= y | | x ^= y | | x |= y | | | Opération | | x = x + y | | x = x - y | | x = x * y | | x = x / y | | x = x % y | | x = x << y | | x = x >> y | | x = x >>> y | | x = x & y | | x = x ^ y | | x = x | y | | | Description | | y est affecté à x | | y est additionné à x | | y est soustrait de x | | x est multiplié par y | | x est divisé par y | | x est décalé de y bits vers la gauche | | x est décalé de y bits vers la droite | | x est décalé de y bits vers la droite avec extension de zéros | | Opération logique ET sur des entiers au niveau du bit | | Opération logique OU EXCLUSIF sur des entiers au niveau du bit | | Opération logique OU sur des entiers au niveau du bit | | 5.5 / Les opérateurs arithmétiques Les opérateurs arithmétiques prennent des valeurs numériques (des littéraux ou des variables) comme opérandes et renvoient une valeur numérique. Les opérateurs arithmétiques standards sont l'addition (+), la soustraction (-), la multiplication (*), et la division (/). Ces opérateurs travaillent de la même façon que la plupart des autres langages de programmation, excepté l'opérateur / qui renvoie un résultat à virgule flottante dans JavaScript, et non pas un nombre tronqué comme dans certains langages, tels que le C ou le Java. | Opérateur | | x % y | | x ++* | | x --* | | - x | | | Description | | L'opérateur modulo retourne le reste de la division x/y | | Cet opérateur unaire permet l'incrémentation de la valeur x | | Cet opérateur unaire permet la décrémentation de la valeur x | | Cet opérateur unaire retourne la valeur inverse à x | | | Exemple | | 20 % 3 //retourne 2 | | i++ //équivaut à i=i+1 | | i-- //équivaut à i=i-1 | | i = 1 -i //renvoie donc -1 i = -5 -i // renvoie donc 5 | | * Si l'un de ses opérateurs est placé avant la variable, alors la valeur de la variable sera incrémentée (++) ou décrémentée (--) avant son utilisation. Par exemple pour i=0, i++ donnera 0 et ++i donnera 1 de même que i-- donnera 0 et --i donnera -1.
5.6 / Les opérateurs de comparaisons Ce type d'opérateur compare ses opérandes et renvoie une valeur logique en fonction du résultat. Si la comparaison est vraie, la valeur logique true est retournée. Les chaînes de caractères sont comparées sur la base du standard lexicographique, en utilisant des valeurs d'Unicode. | Opérateur | | x == y | | x != y | | x === y | | x !== y | | x > y | | x >= y | | x < y | | x <= y | | | Description | | Si la valeur y est égale à x, l'opérateur retourne true. Dans ce cas, si le type de donnée ne correspond pas alors Javascript tentera de convertir les opérandes dans le type approprié afin d'effectuer la comparaison. | | Si la valeur y est différente de x, l'opérateur retourne true | | Si la valeur de y est strictement égale (valeur et type) à x, alors l'opérateur retourne true | | Si la valeur de y est strictement différente à x, l'opérateur retourne true | | Si la valeur de y est supérieure à x, l'opérateur retourne true | | Si la valeur de y est supérieure ou égale à x, l'opérateur retourne true | | Si la valeur de y est inférieure à x, l'opérateur retourne true | | Si la valeur de y est inférieure ou égale à x, l'opérateur retourne | | | Exemples | | if (choix == 1) ; | | if (valeur != prix) | | if (paragraphe = texte) | | if (ref !== "A000000") | | if (montant > 1500) | | if (hab >= pop) | | if (numero < page) | | if (fin <= premier) | | 5.7 / Les opérateurs au niveau du bit Au niveau du bit les opérateurs traitent leurs opérandes comme ensemble de 32 bits (des zéros et ceux), plutôt qu'en tant que nombres décimaux, hexadécimaux, ou octals. Par exemple, le numéro décimal neuf a une représentation binaire de 1001. Au niveau du bit les opérateurs exécutent leurs exécutions sur de telles représentations binaires, mais ils renvoient des valeurs numériques standard de JavaScript. | | | | | | | | | 1101 & 0111 //retourne 0101 0001 & 1000 //retourne 0000 1001 & 0001 //retourne 0001 | | | | | | Chaque position binaire de l'opérande x est comparée avec la position correspondante de l'opérande y. Dans ce cas, si un 1 est trouvé dans les deux opérandes soit dans l'une, soit dans l'autre, alors l'opérateur retourne un 1, sinon il renvoie un 0. | | | 1101 | 0111 //retourne 1111 0001 | 1000 //retourne 1001 1001 | 0001 //retourne 1001 | | | | | | Cette opérateur OU EXCLUSIF fonctionne comme le précédent à la seule exception que le 1 ne doit se trouver que dans l'une ou l'autre des opérandes pour produire le résultat 1 sinon il renvoie un 0. | | | 1101 ^ 0111 //retourne 1010 0001 ^ 1000 //retourne 1001 1001 ^ 0001 //retourne 1000 | | | | | | L'opérateur unaire NOT retourne un 0 lorsque l'opérande contient un 1 et un 1 pour un 0. | | | ~1101 //retourne 0010 ~0001 //retourne 1110 ~1001 //retourne 0110 | | | | | | Cet opérateur déplace la représentation binaire de x de n bits à gauche. La valeur de ces n bits est de zéro. | | | 15 << 2 //0000 1111 décalé de 2 bits produit 0011 1100 et donc retourne 60 | | | Décalage à droite avec préservation du signe | | | | Cet opérateur déplace la représentation binaire de x de n bits à droite et conserve le signe. | | | 15 >> 2 //0000 1111 décalé de 2 bits produit 0000 0011 et donc retourne 3 -15 >> 2 //1111 0001 décalé de 2 bits produit 1111 1100 et donc retourne -4 | | | Décalage à droite avec extension de zéros | | | | 11 >>> 2 //0000 1011 décalé de 2 bits produit 0000 0010 et donc retourne 2 | | 5.8 / Les opérateurs booléens Les opérateurs logiques sont typiquement utilisés avec des valeurs booléennes; quand elles le sont, ils renvoient une valeur booléenne. Cependant, les opérateurs && et || renvoient réellement la valeur de l'une des opérandes indiquées, ainsi si ces opérateurs sont utilisés avec des valeurs non-booléennes, ils peuvent renvoyer une valeur non-booléenne. | Opérateur | Usage | Description | Exemple | | AND | x && y | L'opérateur renvoie x, s' il peut être converti en false; autrement, retourne y. Ainsi, une fois utilisé avec des valeurs booléennes, le && renvoie true si les deux opérandes sont vraies; autrement, il retourne false. | (a < 10) && (b > 10) //Si a et b sont inférieures à 10, l'opérateur retourne true | | OU | x || y | L'opérateur renvoie x s' il peut être converti en true; sinon il retourne y. Ainsi, une fois utilisé avec des valeurs booléennes, l'opérateur || renvoie true si l'une ou l'autre des opérandes est vraie ou si toutes les deux sont fausses, sinon il retourne false. | (a >= 1) || (b == "fin") //Si a est supérieur ou égal à 1 ou/et si b est égal à fin alors l'opérateur renvoie true, sinon il retourne false | | NOT | !x | L'opérateur renvoie false si son unique opérande peut être convertie en true, sinon il retourne false. | !(a <= 100) //Si a est inférieur ou égal à 100 alors l'opérateur retourne false, sinon il renvoie true. |
5.9 / Les opérateurs de concaténations En plus des opérateurs de comparaison, qui peuvent être utilisés sur des valeurs de chaîne de caractères, l'opérateur d'enchaînement + permet d'enchaîner deux valeurs de chaîne de caractères ensemble, en renvoyant une autre qui est le résultat de la concaténation des deux opérande. "mon" + "programme"; //retourne "mon programme" texte = "Un programme"; texte_2 = "Javascript" texte += texte_2; //retourne "Un programme Javascript"
5.10 / L'opérateur conditionnel L'opérateur conditionnel est le seul opérateur du langage JavaScript qui utilise trois opérandes. L'opérateur ternaire fonctionne comme une instruction if else. Si la condition initiale renvoie true, alors la première instruction est éxécutée sinon la deuxième est activée. Condition ? Instruction_1 : Instruction_2; (i < 10) ? v = true : v = false; (jour == "Lundi") ? (document.write("Bonne reprise du travail !")) : (document.write("Bon courage !")) (Prix >= 100) ? (Diff_pos = Prix - 100) : (Diff_neg = 100 - Prix);
5.11 / Delete L'opérateur delete efface un objet, la propriété d'un objet, ou un élément à un incrément donné dans un tableau. là où objectName est le nom d'un objet, la propriété est une propriété existante, et l'incrément est un nombre entier représentant l'emplacement d'un élément dans un tableau. La quatrième forme est légale seulement à l'intérieur d'une instruction with, pour effacer une propriété d'un objet. Vous pouvez utiliser l'opérateur delete pour effacer des variables déclarées implicitement mais pas celles déclarées par l'intermédiaire de var. Si l'opération d'effacement réussit, il place la propriété ou l'élément à undefined (non défini). L'opérateur delete renvoie true si l'exécution est possible, sinon il renvoie false si l'exécution n'est pas possible. Lors d'un effacement d'un élément d'un tableau, la longueur du tableau n'est absolument pas affectée. Par contre, les emplacement des éléments éffacés deviennent undefined et les éléments ne font plus partis du tableau. //retourne true car objet a été défini par l'utilisateur delete objet; montant = 0; //retourne false car i a été déclaré avec vardelete i; = "table"; //retourne true car la propriété a été définie par l'utilisateur delete ; //retourne false car la propriété (x) est prédéfinie dans Javascript delete (x); Tab = ["un", "deux", "trois", "quatre", "cinq"]; //retourne true et le tableau conserve une longueur de 5 delete Tab[2]; 5.12 / In La propriété in retourne true si la propriété indiquée est dans l'objet donnée, sinon elle retourne false. Tab = ["un", "deux", "trois", "quatre", "cinq"]; //retourne true car la propriété 3 est bien dans l'objet Tab 3 in Tab //retourne true car la propriété acos(x) est bien dans l'objet Math acos(x) in Math //retourne false car le tableau ne contient pas plus de cinq cellules 6 in Tab
5.13 / Instanceof Cette propriété retourne true si l'objet spécifié est du même type que l'opérande de droite. En général, la propriété instanceof est utilisée lors d'un besoin de confirmation sur le type d'un objet afin d'éxécuter subséquemment une ou plusieurs instructions. objet instanceof objet_type /*anniversaire est du type date (année, mois, jour, heure, minute)*/ var anniversaire = new date(2000, 1, 1, 0, 0) //retourne true puisque anniversaire est du type date anniversaire instanceof date
5.14 / New L'opérateur new est utilisé pour créer une nouvelle instance ou un nouveau type d'objet défini par l'utilisateur ou de l'un des types d'objets prédéfinis,Array,Boolean,Date,Function,Image,Number,Object,Option,RegExp, ouString. Sur le serveur, il est possible de l'utiliser avec DbPool, Lock, File, ou SendMail. nouvel_objet = new type_objet(litteral_1, ) texte = new String("Une chaîne de caractère");
5.15 / This Cette propriété est utilisé pour faire référence à un objet courant. Ceci permet d'accéder à un objet sans passer par son identificateur. this.nom_propriete //raccourci vers l'élément nom
5.16 / Typeof L'opérateur typeof renvoie une chaîne de caractères indiquant quel est le type de l'opérande. Les paranthèses sont optionnels. typeof (opérande); var i = 1; typeof i; //retourne number var titre="Les raisins de la colère"; typeof titre; //retourne string var jour = new Date(); typeof jour; //retourne object var choix = true; typeof choix; //retourne boolean var cas = null; typeof cas; //retourne objecttypeof parseFloat; //retourne function typeof Math; //retourne object (IE 5.*, NS 6.*, NS 4.78, Opera 6.*, Opera 5.* typeof Math; //retourne function NS 3.*, Opera 3.*
5.17 / La virgule L'opérateur virgule , évalue simplement ses deux opérandes et renvoie la valeur de la deuxième. Cet opérateur est principalement utilisé à l'intérieur d'un boucle for, pour permettre à des variables multiples d'être mises à jour chaque fois par l'intermédiaire de la boucle. Par exemple, si "Tab" est un tableau à deux dimensions avec 10 éléments de chaque côté, le code suivant utilise l'opérateur virgule pour incrémenter deux variables en même temps. Le code imprime les valeurs des éléments diagonaux dans le tableau. for (i=O , j=9 ; i<=9 ; i++, j--) { document.write("Tab[" + i + "," + j + "]= " + Tab[i,j]) } | Tab[i,j] | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | | 0 | 0,9 | | 1 | 1,8 | | 2 | 2,7 | | 3 | 3,6 | | 4 | 4,5 | | 5 | 5,4 | | 6 | 6,3 | | 7 | 7,2 | | 8 | 8,1 | | 9 | 9,0 |
5.18 / Void L'opérateur void indique une expression à évaluer sans renvoyer une valeur particulière si ce n'est undefined (non-définie). En fait void accueille une opérande qui n'a aucune fonction puisque, quelque soit la valeur de cet argument, l'opérateur retournera toujour undefined. Néanmoins, il est possible d'utiliser l'opérateur void pour spécifier une expression comme un lien hypertexte. D'autre-part, l'opérateur void permet également de vérifier si une variable a été définie. Enfin, il peut parfois être nécessaire de retirer une valeur de retour d'une fonction, et void sans acquitte parfaitement. void(opérande); <!-- Ce lien est inactif --> <a href="javascript:void(0);">lien</a> <!-- Ce lien permet de soumettre un formulaire --> <a href="javascript:void(.submit())">Soumettre</a> choix = void('non'); //retourne undefined nombre = void(8); //retourne undefined /*La condition if permet de vérifier si la variable est définie*/ if(var1 = void(0)) {document.write("var1 n'est pas défini !")} /*Un mot est bien affiché mais la valeur de retour de la fonction sera undefined*/ void(document.write("Un mot")); 6 / Les expressions régulières Les expressions régulières sont des modèles utilisés pour vérifier des combinaisons de caractère dans les chaînes de caractères. Dans JavaScript, les expressions régulières sont également des objets. Ces modèles sont utilisés avec les méthodes exec et test de RegExp, et avec les méthodes de chaîne de caractères match, replace, search, et split.
6.1 / Créations d'expressions régulières constantes Les initialiseurs d'objets fournissent la compilation de l'expression régulière quand la séquence type est évaluée. Quand l'expression régulière demeurera constante, utilisez ceci pour une meilleure exécution. var modele = /Expression/; var recherche = /Chaîne/; var texte = /[Cc]ha[iî]ne/; Exemple [voir] <html> <head> <script language="JavaScript" type="text/javascript"> function valider(){ var email = .email.value; var modele = /^[a-z0-9\-_\.][email protected][a-z0-9]+\.[a-z]{2,5}$/i; if ((email)) alert("Votre adresse email est valide !") else } </script> <body> <form name="form"> <input type="text" name="email" value=""/> <input type="submit" value="Valider" onclick="valider();"> </form> </body> </html> 6.2 / Création avec RegExp L'utilisation de la fonction de constructeur fournit la compilation d'exécution de l'expression régulière. Utilisez la fonction de constructeur quand vous savez que le modèle de l'expression régulière n'est pas fixé précisément, ou si vous ne connaissez pas le modèle dont l'obtention pourrait dépendre de l'entrée d'un utilisateur. Une fois que vous avez une expression régulière définie, si l'expression régulière est utilisée dans toute la séquence type, et si sa source change, vous pouvez employer la méthode compil pour compiler une nouvelle expression régulière pour une réutilisation plus efficace. var modele = new RegExp("Expression"); var recherche = new RegExp("html") var texte = new RegExp("html|css") Exemple [voir] <html> <head> <script language="JavaScript" type="text/javascript"> function valider(){ var nombre = .nombre.value; var modele = new RegExp("^[0-9]*(\\.|,)?[0-9]+$"); if ((nombre)) alert("Le nombre est correct !"); else alert("La valeur saisie n'est pas un nombre !") return false; } </script> <body> <form name="form"> <input type="text" name="nombre" value="0.123456789"/> <input type="submit" value="Valider" onclick="valider();"/> </form> </body> </html> 6.3 / Les attributs d'extensions de recherche Il existe deux attributs g et i pour les expressions régulières. Ils doivent se placer derrière le second slash (/) de l'expression. Tandis que l'attribut i détermine que la casse ne doit pas être prise en compte dans la recherche, c'est-à-dire que la recherche s'effectuera sur un texte sans aucune distinction entre les minuscules ou les majuscules. //recherche sans distinction de casse var modele = /JAVASCRIPT/i; //recherche globale var modele = /balise/g; //recherche globale et sans distinction de casse var modele = new RegExp("mot", "gi"); Exemple [voir] <html> <head> <script language="JavaScript" type="text/javascript"> function valider(){ var email = .email.value; var modele = /^[a-zA-Z0-9\.\-_][email protected][a-zA-Z0-9]+\.[a-zA-Z]{2,5}$/i; if ((email)) alert("Votre adresse email est valide !") else alert("Votre adresse email est invalide !"); return false; } </script> <body> <form name="form"> <input type="text" name="email" value=""/> <input type="submit" value="Valider" onclick="valider();"> </form> </body> </html> 6.4 / Les caractères spéciaux Les caractères spéciaux permettent d'affiner une recherche, là où une expression régulière simple ne peut suffire. Les caractères et autres symboles spéciaux représentent des caractères non-imprimables comme des sauts de lignes (\n), des tabulations (\t) ou des options particulières ou encore des plages de lettres ou de chiffres, etc.
| Caractère | | \\, \/, \*, \+, \?, etc. | | ^ | | $ | | * | | + | | ? | | | Description | | Symbolise les caractères correspondants | | Symbolise le début d'une chaîne de caractères | | Symbolise la fin d'une chaîne de caractères | | Le caractère précédent peut intervenir de zéro à plusieurs fois | | Le caractère précédent doit être trouvé de une à plusieurs fois | | | Exemple | | var modele=/2\*8\+1/; //recherche la chaîne 2*8+1 | | var modele=/^Le/; //recherche Le en début de phrases | | var modele=/\.$/; //recherche un point à la fin d'une chaîne de caractères | | var modele=/10*/; //recherche les nombres commençant par 1 avec éventuellement des zéros | | var modele=/\t+/; //recherche de une à plusieurs tabulations | | var modele=/mots?/; //recherche mot au singulier ou au pluriel | | | | | Le caractère représente un caractère quelconque sauf un saut de ligne | | | var modele=/.n.?/; //recherche tous les mots de deux ou éventuellement de trois lettres contenant un n au centre comme en ou une | | | () | | x|y | | {n} | | {n,m} | | {n, } | | [ ] | | [ - ] | | [^ ] | | [\b] | | | Les parenthèses divisent le modèle en plusieurs zones | | Le pipe agît comme un OU, une des possibilités doit être trouvée | | Le caractère précédent doit être trouvé un nombre n fois | | Le caractère précédent doit être trouvé au moins n fois et au plus m fois | | Le caractère précédent doit être trouvé au moins n fois et ou plus | | Les crochets contiennent des caractères, dont l'un doit être trouvé | | Les crochets contiennent une plage de caractères dont l'un doit être trouvé | | La recherche porte sur des caractères qui ne sont pas contenus entre les crochets | | Le caractère recherché est un espace blanc | | | var modele=/java(script)?/; //recherche le mot javascript ou java | | var modele=/html|css/; //recherche html ou css ou les deux | | var modele=/continu{2}m/; //recherche le mot continuum | | var modele=/10{3,9}/; //recherche d'un nombre de 103 ou de 109 | | var modele=/10{1,}/; //recherche un nombre de 10 à 10n | | var modele=/parti[res]?/; //recherche l'un des mots suivants: parti, partir, partie ou partis | | var modele=/exécut[^(ion)]/; //ne recherche pas le mot exécution mais exécuta ou exécuter, etc. | | var modele=/[\b]\./; //recherche un espace avant un point | | | | | La recherche s'effectue sur les limites d'un mot comme un espace ou une nouvelle ligne | | | var modele=/x\b/; //recherche la lettre x suivie d'un espace ou d'un saut de ligne comme peaux, sceaux mais pas exiger | | | | | La recherche s'effectue sur un espace qui n'est pas placé entre un mot et un espace | | | var modele=/x/B/; //recherche la lettre x qui n'est pas suivie d'un espace ou d'un saut de ligne comme xylophone ou axe mais pas eux | | | \cX | | \d | | \D | | \f | | \n | | \r | | \s | | \S | | \t | | \v | | \w | | \W | | /( ) \n/ | | \ooctal \xhex | | | Où X est un caractère de contrôle. La recherche porte sur un caractère de contrôle dans une chaîne de caractères | | La recherche s'effectue sur un chiffre quelconque de 0 à 9 | | La recherche porte sur un caractère quelconque hormis un chiffre de 0 à 9 | | La recherche porte sur un saut de page | | La recherche porte sur un caractère de saut de ligne | | La recherche porte sur un retour charriot | | Cette occurrence permet une recherche sur un espace, une tabulation, un saut de ligne, etc. | | La recherche porte sur tous les caractères hormis, l'espace, la tabulation, le saut de ligne, etc. | | La recherche porte sur une tabulation | | La recherche porte sur un tabulation verticale | | La recherche porte sur tous caractères faisant partie d'un mot | | La recherche porte sur tous caractères ne faisant pas partie d'un mot | | Le nombre n permet de répéter le contenu entre parenthèses à l'endroit où il se situe | | Cette formulation permet de trouver un caractère par son code octal ou hexadécimal | | | var modele=/\cA/; //recherche un caractère de contrôle control-A | | var modele=/10\D10/; //recherche une chaîne de caractère comme 10,10 ou 10.10 ou encore 10=10 | | var modele=/\f/; //recherche un saut de page | | var modele=/\.\n/; //recherche un saut de ligne après un point | | var modele=/\.\r/; //recherche un retour charriot après un point | | var modele=/\s/; //recherche un de ces caractères [\f\n\r\t\v]. | | var modele=/\S/; //recherche tous les caractères sauf ceux-ci [^\f\n\r\t\v]. | | var modele=/\t/; //recherche une tabulation | | var modele=/\v/; //recherche une tabulation verticale | | var modele=/\ws[\b]/; //recherche la lettre s entre un caractère [A-Za-z0-9_] et un espace | | var modele=/\W/; //recherche un caractère sauf ceux-ci [^A-Za-z0-9_] | | var modele=/(["']réussite\1)/; //recherche du mot réussite entre guillemets simples ou doubles devant et derrière | | var modele=/\x0028ASCII\x0029/; //recherche le mot ASCII entre des parenthèses | | 6.5 / Les méthodes et les objets Les expressions régulières sont utilisées avec les méthodes deRegExp, c'est-à-dire test et exec et avec les méthodes de chaîne de caractères replace, match, search, et split. | | | Une méthode qui exécute une recherche pour une expression régulière dans une chaîne de caractères et retourne un tableau d'information. | | var modele=/mot/; var texte="Exécution d'une recherche sur un mot"; var tableau=modele.exec(texte); document.write(tableau); | | | Une méthode qui teste l'expression régulière dans une chaîne de caractères et renvoie true ou false. | | var modele=/mot/; var texte="Cette méthode teste si un mot se trouve dans la chaîne de caractère"; if(modele.test(texte)) { document.write("Le test est positif !"); } else { document.write("Le test est négatif !"); }; var modele=/mot/; var texte="Encore une exécution d'une recherche sur un mot"; document.write(modele.match(texte)); | | | Une méthode qui teste l'expression régulière dans une chaîne de caractères et renvoie un index des expressions trouvées ou -1 si la recherche échoue. | | var modele=/mot/; var texte="Un mot est recherché dans ce texte"; document.write(texte.search(modele)); | | | Une méthode qui exécute une recherche pour une expression régulière dans une chaîne de caractères et remplace une occurrence de la chaîne de caractère par une autre. | | var modele=/expressions\srégulières/; var texte="Comment remplacer un mot avec les expressions régulières"; document.write(texte.replace(modele, "regular expression")); | | | Une méthode qui utilise une expression régulière dans le but de fractionner une chaîne de caractères. | | var mois="janvier, février, mars"; document.write(mois.split(/,\s/)[0]+ "\n"); document.write(mois.split(/,\s/)[1]+ "\n"); document.write(mois.split(/,\s/)[2]+ "\n"); 6.6 / Les propriétés et les méthodes de RegExp Cet objet contient le modèle d'une expression régulière et possède des méthodes et des propriétés dans le but d'utiliser une expression régulière dans une recherche ou un remplacement d'une partie d'une chaîne de caractères.
| | | | Description | | Effectue la compilation d'une expression régulière pendant l'exécution d'un script. | | | | Syntaxe | | RegExp.compile( "modèle", attribut); | | | | $n | Représente une partie d'une chaîne de caractères, en fait un mot dans un texte. | propriété | | | modele= /(\w+)\s(\w+)\s(\w+)/; texte="un texte long"; modif= texte.replace(modele, "$1 $3 $2"); document.write(modif) //Ecrit un long texte | | input | | lastIndex | | lastMatch | | lastParent | | leftContext | | multiline | | prototype | | rightContext | | source | | toSource | | toString | | valueOf | | | | Spécifie la fonction qui crée un objet. | | Représente la chaîne de caractères originale pour laquelle une correspondance a été trouvée avec l'expression régulière. | | Spécifie le point de départ de la recherche dans un texte. Elle est utilisable seulement en recherche globale, g. | | Correspond aux derniers caractères d'un . $& est un autre nom pour la même propriété. | | Correspond à la dernière sous-chaîne entre parenthèses. $+ est un autre nom pour la même propriété. | | Correspond à une sous-chaîne précédant une autre plus récente. $` est un autre nom pour la même propriété. | | définit si la recherche devra être effectuée sur une ou plusieurs lignes. $* est un autre nom pour la même propriété. | | Définit une propriété qui est partagée par tous les objets d'un type spécifié. Il faut utiliser cette propriété pour ajouter des propriétés aux objets créés avec l'opérateur new. | | La sous-chaîne suivant la plus récente correspondance. $' est un autre nom pour la même propriété. | | Une propriété en lecture seule contenant le texte du modèle. | | Retourne une chaîne représentant le code source de l'objet. | | Convertit un objet en chaîne de caractères. | | Retourne la valeur primitive de l'objet. | | | propriété | | propriété | | propriété | | propriété | | propriété | | propriété | | propriété | | propriété | | propriété | | propriété | | méthode | | méthode | | méthode | | | RegExp.constructor | | RegExp.input //ou RegExp.$_ | | RegExp.lastIndex | | RegExp.lastMatch //ou RegExp.$& | | RegExp.lastParent //ou RegExp.$+ | | RegExp.leftContext RegExp.$` | | RegExp.multiline //ou RegExp.$* | | RegExp.prototype | | RegExp.rightContext //ou RegExp.$' | | RegExp.source | | RegExp.toSource | | RegExp.toString | | RegExp.valueOf | | 7 / Les fonctions Les fonctions sont des modules fondamentaux dans JavaScript. Une fonction est une procédure de JavaScript où un ensemble d'instructions accomplit une tâche spécifique. Pour utiliser une fonction, il faut d'abord lui définir un nom, puis un ou plusieurs arguments et évidemment une ou plusieurs instructions. Enfin, le nom de la fonction et ses arguments lui permettront d'être appelée dans un endroit quelconque d'un programme Javascript. nom_fonction(argument1, )=instructions Aire(longueur, largeur)=longueur*largeur
7.1 / Function En Javascript comme dans beaucoup d'autres langages, la fonction est créée par l'instruction function contenant entre paranthèses uneliste de paramètresséparés par des virgules et entre accolades un ensemble d'instructions terminé parreturnqui permet de retourner le résultat de la fonction. function nom(param1, param2, ) { //Instructions; } function surface(base, hauteur) { return (base*hauteur)/2; }
7.2 / new Function Une fonction peut être créée par le constructeur d'objetnewassocié à Function(). Entre les parenthèses de cette dernière, sont placés les arguments encadrés par des guillemets et séparés par des virgules ainsi que les instructions. L'appel de ce genre de fonction est strictement identique à la première. nom_fonction=new Function("param1","param2", , "Instructions"); var factoriel = new Function("n", instructions); instructions: //un label { if ((n==0)||(n==1)) { return 1; } else { resultat=(n * factoriel(n-1)); return resultat; } }
7.3 / Appel d'une fonction Unefonctionest opérante à partir du moment où elle est appelée dans un programme. L'appel d'une foncion est simple puisqu'il suffit d'utiliser son nom et de renseigner les arguments si besoin est. nom_fonction (arg1, arg2, ) Remplacement(paragraphe); var Aire=surface(100, 50);
7.4 / Les arguments Les arguments sont transmis à lafonctionpar l'intermédiaire d'une affectation de valeur entre les arguments lors de l'appel de la fonction et les paramètres de la fonction elle-même. function nom_fonction (rep_param1, rep_param2, ) { }; nom_fonction (arg1, arg2, ); /*L'appel provoque les affectations rep_arg1=arg1 et rep_arg2=arg2*/ function carre(x){return x*x;}; var aire=carre(100); /*L'appel provoque l'affectation x = 100*/
7.5 / Les tableaux d'arguments Les arguments d'une fonction sont mis à jour dans un tableau. En conséquence, l'utilisation des arguments passés vers une fonction peut être effectuée par arguments[i] où i est la position de l'argument dans le tableau et débute par zéro. Le total du nombre d'arguments passés est indiqué par la propriété length (arguments.length). function calcul(x) { var resultat=arguments[0]*arguments[0]; return resultat; } function calcul(x,y) { var resultat=arguments[0]*arguments[1]; return resultat; } function imprime(a,b,c,d,e) { for (var i=0; i<arguments.length; i++) { document.write(argument[i]+"\n"); } return; }
7.6 / Eval Cette fonction exécute un code Javascript à partir d'une chaîne de caractères. eval(chaîne_de_caractères); <script language="JavaScript"> function evaluation() { document.formulaire.calcul.value=eval(document.formulaire.saisie.value); } </script> <form name="formulaire"> Saisissez une expression mathématique : <input type="text" name="saisie" maxlength="40" size="40"> <input type="button" value="evaluation." onclick="evaluation()"> 7.7 / isFinite Cette fonction évalue un argument et détermine si la valeur est un nombre fini. Si c'est le cas, elle renvoie true ou false si ce n'est pas un nombre ou l'infini positif ou infini négatif. isFinite(Argument) isFinite(240) //retourne true isFinite("Un nombre") //retourne false
7.8 / isNaN Cette fonction évalue un argument pour déterminer s'il ne s'agit pas d'un nombre (NaN : Not a Number). Si c'est le cas, elle renvoie true ou bien false si c'est un nombre. isNaN(Argument) isNaN("un nombre") //retourne true isNaN(20) //retourne false Exemple [voir] <html> <head> <script language="JavaScript" type="text/javascript"> function valider(){ var nombre = .nombre.value; if(!isNaN(nombre)) alert("Le nombre est correct !"); else alert("La valeur saisie n'est pas un nombre !") return false; } </script> <body> <form name="form"> <input type="text" name="nombre" value="0.123456789"/> <input type="submit" value="Valider" onclick="valider();"> </form> </body> </html> 7.9 / parseFloat Cette fonction analyse une chaîne de caractères et retourne un nombre décimal. Si l'argument évalué n'est pas un nombre, la fonction renvoie NaN (Not a Number). parseFloat(Chaîne_de_caractère) var numero="125"; var nombre=parseFloat(numero); //retourne le nombre 125
7.10 / parseInt Cette fonction analyse une chaîne de caractères et retourne un nombre entier de la base spécifiée. Cette dernière peut prendre les valeurs 16 (hexadécimal) 10 (décimal), 8 (octal), 2 (binaire). ParseInt(Chaîne_de_caractère, racine) var prix=30.75; var arrondi = parseInt(prix, 10); //retourne 30
7.11 / Number Cette fonction convertit l'objet spécifié en valeur numérique. var jour = new Date("December 17, 1995 03:24:00"); //converit la date en millisecondes alert (Number(jour));
7.12 / String Cette fonction convertit l'objet spécifié en chaîne de caractères. String(Objet) jour = new Date(430054663215); //Convertit le nombre en date Mois jour, Annéee etc. alert (String(jour));
7.13 / Escape Cette fonction retourne la valeur hexadécimale à partir d'une chaîne de caractère codée en ISO-Latin-1. escape("Chaîne_de_caractère") //retourne %21%26% escape("!&")
7.14 / Unescape Cette fonction retourne la chaîne de caractère codée en ISO-Latin-1 à partir d'une valeur hexadécimale (entre 0x0 et 0xFF) ou d'une valeur entière symbolisé par %xx (entre 0 et 255). unescape("Code"); unescape("%23%26") //retourne #& Exemple : <form name="formulaire"> <input type="text" name="saisie" maxlength="40" size="40" value="Saisissez un texte"> <input type="button" value="Conversion ASCII." onclick="conversion()"> Conversion en mode "escape" : <input type="text" name="conv_escape" maxlength="100" size="100"> re-conversion en mode normal : <input type="text" name="conv_unescape" maxlength="40" size="40"> </form> <script language="JavaScript"> function conversion() { document.formulaire.conv_escape.value= escape(document.formulaire.saisie.value); document.formulaire.conv_unescape.value= unescape(document.formulaire.conv_escape.value); } </script> 7.15 / Return L'instruction return permet d'indiquer la valeur de retour d'une fonction. D'autre part, elle permet également de terminerune fonction. Ainsi, une fonction pourrait contenir des blocs d'instructions conditionnels où chacun serait ponctué par une instruction return. function nom(param1, param2, ) { //Instructions; return Résultat; } function Remplacement(texte) { if ((texte)) { modif=texte.replace(modele, "$1$2"); returnok; } else { returnechec; } }
8 / Les objets Le langage JavaScript est conçu sur un paradigme simple basé sur des objets. Un objet est construit à partir de propriétés, de méthodes et d'événements permettant de travailler sur tous les éléments d'une page HTML. A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z
| Objet | Propriétés | Méthodes | Evénements | | a | hash host hostname href pathname port protocol search target text x y | handleEvent | onClick onDblClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseOut onMouseUp onMouseOver | | ActiveXObject | | Anchor | name text (Anchor) x y | | Area | hash host hostname href pathname port protocol search target text x y | handleEvent | onDblClick onMouseOut onMouseOver | | Array | constructor index input length (Array) prototype | concat (Array) join pop push reverse shift slice (Array) splice sort toSource toString unshift valueOf | | Boolean | constructor prototypet | toSource toString valueOf | | Button | form name type value | blur click focus handleEvent | onBlur onClick onFocus onMouseDown onMouseUp | | Checkbox | checked defaultChecked form name type value | blur click focus handleEvent | onBlur onClick onFocus | | Date | constructor prototype | getDate getDay getFullYear getHours getMilliseconds getMinutes getMonth getSeconds getTime getTimezoneOffset getUTCDate getUTCDay getUTCFullYear getUTCHours getUTCMilliseconds getUTCMinutes getUTCMonth getUTCSeconds getVarDate getYear parse setDate setFullYear setHours setMilliseconds setMinutes setMonth setSeconds setTime setUTCDate setUTCFullYear setUTCHours setUTCMilliseconds setUTCMinutes setUTCMonth setUTCSeconds setYear toGMTString toLocaleString toSourcetoString toUTCString UTC valueOf | Add Exists Items Keys Remove RemoveAll | | | | alinkColor anchors applets bgColor classes cookie domain embeds fgColor formName forms height ids images lastModified layers | | | captureEvents close contextual getSelection handleEvent open releaseEvents routeEvent write writeln | | | onClick onDblClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseUp | | | | linkColor links plugins referrer tags title URL vlinkColor width | | | | Drive | AvailableSpace DriveLetter DriveType FileSystem FreeSpace IsReady Path RootFolder SerialNumber ShareName TotalSize VolumeName | | | | Count Item | | description number | | | atEnd item moveFirst moveNext | | | | | | Event | data height layerX layerY modifiers pageX pageY screenX screenY target type which width x y | | File | Attributes DateCreated DateLastAccessed DateLastModified Drive Name ParentFolder Path ShortName ShortPath Size Type | Copy Delete Move OpenAsTextStream | FileSystemObject Drives | | CreateFolder CreateTextFile DeleteFile DeleteFolder DriveExists FileExists FolderExists GetAbsolutePathName GetBaseName GetDrive GetDriveName GetExtensionName GetFile GetFileName GetFolder GetParentFolderName GetSpecialFolder GetTempName MoveFile MoveFolder OpenTextFile | | | | FileUpload | form name type value | blur focus handleEvent select | onBlur onChange onFocus | | Folder | Attributes DateCreated DateLastAccessed DateLastModified Drive Files IsRootFolder Name ParentFolder Path ShortName ShortPath Size SubFolders Type | Copy Delete Move OpenAsTextStream | | Folders | Count Item | Add | | Form | action elements encoding length method name target | handleEvent reset submit | onReset onSubmit | | Function arguments.length arity caller constructor length (Function) prototype | apply call toSource toString valueOf | | | | | | isNaN parseFloat parseInt unescape | | | current length next previous | | | form name type value | | back forward go | | | | | Image | border complete height vspace lowsrc name src vspace width | handleEvent | onAbort onError onKeyDown onKeyPress onKeyUp onLoad | | JavaArray | | JavaClass | | JavaObject | | JavaPackage | | | | | | | | | JSObject | call equals eval getMember getSlot getWindow removeMember setMember setSlot toString | | | | above background below bgColor clip.bottom clip.height clip.right clip.width document left name pageX pageY parentLayer siblingAbove siblingBelow src top visibility window x y | | | captureEvents handleEvent load moveAbove moveBelow moveBy moveTo moveToAbsolute releaseEvents resizeBy resizeTo routeEvent | | | onBlur onFocus onLoad onMouseOut onMouseOver | | | | | | | | hash host hostname href pathname port protocol search target text x y | | | | onClick onDblClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseOut onMouseOver onMouseUp | | | | | hash host hostname href pathname port protocol search | | | | | | | E LN2 LN10 LOG2E LOG10E PI SQRT1_2 SQRT2 | | | abs acos asin atan atan2 ceil cos exp floor log max min pow random round sin sqrt tan | | | | | | description enabledPlugin suffixes type | | | | | | | appCodeName appName appVersion language mimeTypes platform plugins userAgent | | | javaEnabled plugins.refresh preference savePreferences taintEnabled | | | | Number MAX_VALUE MIN_VALUE NaN (Number) NEGATIVE_INFINITY POSITIVE_INFINITY prototype | | | toSource toString valueOf | | | | Object | constructor prototype | eval toSource toString unwatch valueOf watch | | Option | defaultSelected index length selected text value | | Packages | className java netscape sun | | Password | defaultValue form name type value | blur focus handleEvent select | onBlur onFocus | | Plugin | description filename length name | | Radio | onBlur onClick onFocus | checked defaultChecked form name type value | blur click focus handleEvent | | RegExp | $1 $9 $_ $* $& $+ $` $' constructor global ignoreCase index input lastIndex lastMatch lastParen leftContext multiline prototype rightContext source | compile exec test toSource toString valueOf | | Expression régulière | | Reset | | | lastIndex source | | form name type value | | | compile exec test | | blur click focus handleEvent | | | | screen | availHeight availLeft availTop availWidth colorDepth height pixelDepth width | | Select | form length name options selectedIndex type | blur focus handleEvent | onBlur onChange onFocus | | String | constructor length (String) prototype | anchor big blink bold charAt charCodeAt concat (String) fixed fontcolor fontsize fromCharCode indexOf italics lastIndexOf link match replace search slice (String) small split strike sub substr substring sup toLowerCase toSourcetoString toUpperCase valueOf | | | | align backgroundColor backgroundImage borderBottomWidth borderColor borderLeftWidth borderRightWidth borderStyle borderTopWidth clear color display fontFamily fontSize fontStyle fontWeight lineHeight listStyleType | | | borderWidths margins paddings | | | | Submit | onBlur onClick onFocus | form name type value | | | blur click focus handleEvent | | | Text | defaultValue form name type value | blur focus handleEvent select | | | onBlur onChange onFocus onSelect | | | Textarea | defaultValue form name type value | blur focus handleEvent select | | | onBlur onChange onFocus onKeyDown onKeyPress onKeyUp onSelect | | | TextStream | AtEndOfLine AtEndOfStream Column Line | Close Read ReadAll ReadLine Skip SkipLine Write WriteBlankLines WriteLine | | | | VBArray | dimensions getItem lbound toArray ubound | | | | | | closed crypto defaultStatus document frames history innerHeight innerWidth length location locationbar menubar name offscreenBuffering opener outerHeight outerWidth pageXOffset | | | alert atob back blur btoa captureEvents clearInterval clearTimeout close confirm crypto.random crypto.signText disableExternalCapture enableExternalCapture find focus forward handleEvent | | | onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload | | | | | | | | | pageYOffset parent personalbar screenX screenY scrollbars self status statusbar toolbar top window | | | home moveBy moveTo open print prompt releaseEvents resizeBy resizeTo routeEvent scroll scrollBy scrollTo setHotKeys setInterval setResizable setTimeout setZOptions stop Propriétés pour l'objet Dictionary Count Item Key | | |
8.1 / ActiveXObject ActiveXObjectactive et renvoie une référence vers un objet exposé aux autres applications ou outils de programmation par l'intermédiaire des serveurs Automation.Compatibilité Disponibilité JScript 1 Constructeur new ActiveXObject("application.type_objet", serveur) Exemples [voir] Cet exemple renvoie les versions des applications Excel, Word et Powerpoint installées sur la machine cliente. <html> <head> function GetAppVersion() { var app_excel = new ActiveXObject("Excel.Application"); var app_word = new ActiveXObject("Word.Application"); var app_powerpoint = new ActiveXObject("Powerpoint.Application"); document.write('Version d\'Excel : ' + app_excel.Version); document.write('<br>Version de Word : ' + app_word.Version); document.write('<br>Version de Powerpoint : ' + app_powerpoint.Version); } </script> </head> <body onload="javascript:GetAppVersion()"> </body> </html> La première ligne permet d'accéder à l'application Word et la seconde à un document Word. var app_word = new ActiveXObject("Word.Application"); var doc_word = new ActiveXObject("Word.Document"); L'objet document créé ci-dessus est rendu visible par l'intermédiaire de l'objet Application. doc_word.Application.Visible = true; L'objet document est enregistré. document_word.SaveAs(""); Le document est fermé par la méthode Quit de l'objet Application. (); Référence : 8.2 / Anchor Anchorest la cible d'un lien hypertexte.Compatibilité Disponibilité Javascript 1.2 côté client Correspondance HTML <a name="ancre"> </a> Héritage Herite de HTMLElement Synopsis document.anchors[i] document.anchors.length Propriétés Anchor hérite des propriétés d'HTMLELement et définit ou écrase les propriétés suivantes. | | | Description | | Le nom d'un ancrage. | | Le texte associé au point d'ancrage NE 4. | | La coordonnée x du point d'ancrage NE 4. | | La coordonnée y du point d'ancrage NE 4. | | Exemples [voir] <html> <body> <a name="ancre">Première ancre</a> <a name="ancre1">Seconde ancre</a> <a name="ancre3">Quatrième ancre</a> <a name="ancre4">Cinquième ancre</a> <script language="javascript"> document.write("La page contient " + document.anchors.length + " ancres.") </script> </body> </html> L'exemple suivant permet de créer une ancre dans une page : var texte="Index X"; msgWindow.document.write(texte.anchor("ancre_X")); Le script ci-dessus crée cette ancre : <a name="ancre_X">Index X</a> En savoir plus :
8.3 / applet appletcorrespond à un applet Java incorporé dans une page HTML.Compatibilité Disponibilité Javascript 1.1 côté client Correspondance HTML <applet> </applet> Synopsis document.applets[i] document.applets.length document.appletName Propriétés Les propriétés d'un applet sont identiques aux méthodes publiques de l'appet java qu'il représente. Exemples <html> <body> <applet code="prog_java.class" name="application_ecommerce"> </applet> <script language="javascript"> document.write("La page contient " + document.applets.length + " applet.") </script> </body> </html> Dans cet exemple, les trois lignes permettent de faire référence à l'applet java ci-dessus : document.application_ecommerce; document.applets["application-ecommerce"]; document.applets[0]; En savoir plus : 8.4 / Arguments Argumentsreprésente les arguments et les propriétés d'une fonction. Compatibilité Disponibilité Javascript 1.1 Synopsis arguments FunctionName.arguments[i] Propriétés Les propriétés d'un Applet sont identiques aux méthodes publiques de l'appet java qu'il représente. | Propriété | | callee | | caller | | length | | | Description | | la fonction qui tourne à cet instant. | | le conteste d'appel NE 4. | | Exemples [voir] <html> <head> <script language="javascript"> function Ouverture(page,ancre,cible,type) { nb = arguments.length; arg = ""; for (var i = 1; i < nb; i++) { arg += arguments[i] + separator; } document.write("La fonction contient " + nb + " arguments.") document.write("Les arguments sont : " + arg + ".") } </script> </head> <body> <a href="javascript:Ouverture('','chap3','self','http')">Un lien</a> </body> </html> En savoir plus : 8.5 / Array Arraypermet de créer des tableaux et de travailler avec eux.Compatibilité Disponibilité Javascript 1.1 Constructeur new Array(); new Array(i); new Array(element,element1, ,elementn); Propriétés | | | Description | | la taille du tableau. | | Méthodes var tableau = new Array('un','deux','trois','quatre','cinq'); var tableau2 = new Array('six','sept','huit','neuf','dix'); tableau1.concat('tableau2'); | | | forme une chaîne de caractère à partir du tableau. | | var tableau = new Array('push','pop','reverse','shift'); (', '); | | | supprime et retourne le dernier élément du tableau. | | var tableau = new Array('o','ko','Mo','Go','To'); (); | | | ajoute des éléments à un tableau (NE 4). | | var tableau = new Array('0'); ('1','2','3','4'); | | | permute les éléments du tableau. | | var tableau = new Array('0','1','2','3'); tableau.reverse(); | | | décale les éléments du tableau. | | | retourne une partie du tableau. | | var tableau = new Array(45,77,20,87,10,32); tableau.slice(1, 2); | | | trie les éléments du tableau. | | var tableau = new Array('Marc','Angélique','Edith','Annick','Isabelle'); (); | splice (début, nb_élt_à_effacer, valeur, ) | | | insére, supprime ou remplace des éléments du tableau. | | var tableau = new Array('a','1','2','&','\?','f','g'); tableau.splice(1, 4, 'b', 'c', 'd', 'e'); | | | convertit un tableau en une chaîne de caractères. | | var tableau = new Array('Ceci','est','un','programme','javascript','.') tableau.toString() | | | ajoute des éléments au début d'un tableau. | | var tableau = new Array('Mardi','Mercredi','Jeudi','Vendredi','Samedi','Dimanche') tableau.unshift('lundi') Exemple [voir] <html> <body> <script language="javascript"> var tableau = new Array('lundi','mardi','mercredi','jeudi', 'vendredi','samedi','dimanche') document.write("<table>") for(var i = 0; i < tableau.length; i++) { document.write("<tr><td bgcolor='#EECC00'>" + tableau[i] + "</td></tr>") } document.write("</table>") </script> </body> </html> En savoir plus : 8.6 / Boolean Booleanpermet de créer ou de convertir des valeurs booléennes. Compatibilité Disponibilité Javascript 1.1 Constructeur new Boolean(valeur) //fonction de construction. Boolean(valeur) //fonction de conversion. Propriétés | Propriété | | objet.constructor | | nom_objet.prototype | | | Description | | spécifie la fonction qui crée un objet. | | représente le prototype pour cette classe. | | Méthodes | Méthode | | tosource() | | tostring() | | ValueOf() | | retourne un objet littéral représentant l'ojet booléen spécifié. | | convertit une valeur booléenne en une chaîne de caractères. | | renvoie la valeur primitive de l'objet spécifié. | | Exemple <html> <body> <script language="JScript"> var porte = new Boolean(true) var variable = porte.toString() document.write('La valeur booléenne est actuellement à ' + variable); </script> </body> </html> Création d'objets booléens avec la valeur initiale à false : chaine = new Boolean(""); porte = new Boolean('false'); faux = new Boolean(0); Création d'objets booléens avec la valeur initiale à true : numero = new Boolean(1); vrai = new Boolean('true'); chaine = new Boolean('debut'); En savoir plus : 8.7 / Button Buttonreprtésente un bouton poussoir. Compatibilité Disponibilité Javascript 1.0 Correspondance HTML <input > Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | form | | name | | type | | value | | | Description | | spécifie le formulaire contenant le bouton. | | correspond à l'attribut NAME de INPUT. | | correspond à l'attribut TYPE de INPUT. | | affiche un texte sur le bouton | | Méthodes | Méthode | | blur | | click | | focus | | handleEvent | | | Description | | enlève le focus sur le bouton. | | simule un clique de souris sur le bouton. | | donne le focus au bouton. | | invoque le Handler pour spécifier un événement. | | Evénements | Evénement | | onBlur | | onClick | | onFocus | | onMouseDown | | onMouseUp | | | Description | | perte de focus de l'élément Input. | | clic de souris sur le bouton. | | réception de focus sur l'élément Input. | | bouton de la souris enfoncé sur l'élément Input. | | bouton de la souris relaché sur l'élément Input. <html> <head> <script language="javascript"> function quel_bouton(btn) { if (btn = 'premier') document.write('Vous avez cliqué sur le bouton Soumettre du second formulaire.'); else document.write('Vous avez cliqué sur le bouton Annuler du second formulaire.'); } </script> </head> <body> <p>Cet exemple permet de récupérer le clic de souris sur l'un des boutons.</p> <form name="formulaire"> <input type="button" name="soumettre" value="soumettre"> <br> <input type="button" name="annuler" value="annuler"> </form> <script language="javascript"> document.formulaire.soumettre.onclick = function() { document.write('Vous avez cliqué sur le bouton Soumettre du premier formulaire.'); } document.formulaire.annuler.onclick = function() { document.write('Vous avez cliqué sur le bouton Annuler du premier formulaire.'); } </script> <p>Ce second exemple effectue la même fonction avec un passage d'arguments.</p> <form name="formulaire2"> <input type="submit" name="soumettre" onclick="javascript:quel_bouton('premier')"><br> <input type="reset" name="annuler" onclick="javascript:quel_bouton('second')"> </form> </body> </html> En savoir plus : 8.8 / Checkbox Checkboxreprésente les cases à cocher. Compatibilité Javascript 1.0 côté client Correspondance HTML <input > Héritage Input et HTMLElement Synopsis form.elements[i] //une seule cas à cocher. [i] //un groupe de cas à cocher. Propriétés | Propriété | | checked | | defaultchecked | | value | | form | | name | | type | | | Description | | spécifie l'état de la case à cocher. | | la case à cocher est côchée par défaut. | | valeur de la case à cocher. | | spécifie le formulaire contenant la case à cocher. | | correspond au nom de la case ou du groupe de cases à cocher. | | correspond à l'attribut TYPE. | | Méthodes | Méthode | | blur | | click | | focus | | handleEvent | | | Description | | enlève le focus sur la case à cocher. | | simule un clique de souris sur la case à cocher. | | donne le focus à le case à cocher. | | invoque le Handler pour spécifier un événement. | | Evénements | Evénement | | onBlur | | onClick | | onFocus | | | Description | | perte de focus de l'élément Checkbox. | | clique de souris sur la case à cocher. | | réception de focus sur l'élément Checkbox. | | Exemple [voir] <html> <head> <script language="JavaScript"> function controle_choix(i) { var choix = document.formulaire.cases; if (i == 0) { if (choix[0].checked == true) { for (i = 1; i < choix.length; i++) choix[i].checked = false; } } else { if (choix[i].checked == true) { choix[0].checked = false; } } } </script> </head> <body> Sélectionner les cases à cocher: <form name="formulaire"> <input type="checkbox" name="cases" value="un" onclick="controle_choix(1)">Premièr choix <br> <input type="checkbox" name="cases" value="deux" onclick="controle_choix(2)">Second choix <br> <input type="checkbox" name="cases" value="trois" onclick="controle_choix(3)">Troisième choix <br> <input type="checkbox" name="cases" value="quatre" onclick="controle_choix(4)">Quatrième choix <br> <input type="checkbox" name="cases" value="cinq" onclick="controle_choix(5)">Cinquième choix <br> </form> </body> </html> Exemple [voir] <html> <head> <script language="javascript" type="text/javascript"> function change(code){ var valeur = .champ.value; if(valeur.search(code) != -1){ valeur = valeur.replace(' '+code+' ', ''); .champ.value = valeur; return false; } else{ .champ.value += ' '+code+' '; return true; } } </script> </head> <body> <form name="form"> <input type="text" name="champ" size="50"><br> <input type="checkbox" name="cocher" value="1" onclick="change('Première valeur');" > Première valeur <input type="checkbox" name="cocher" value="2" onclick="change('Seconde valeur');"> Seconde valeur <input type="checkbox" name="cocher" value="3" onclick="change('Troisième valeur');"> Troisième valeur </form> </body> </html> En savoir plus : Disponibilité Javascript 1.0 Constructeur Objet_date = new Date() Objet_date = new Date(dateVal) Objet_date = new Date(année, mois, jour, heure, minute, seconde, milliseconde) Synopsis form.element[i] Propriétés | Propriété | | constructor | | property | | | Description | | spécifie la fonction qui crée un objet prototype. | | permet l'ajout des propriétés à l'objet Date. | | Méthodes | Méthode | | getDate | | getDay | | getFullYear | | getHours | | getMilliseconds | | getMinutes | | getMonth | | getSeconds | | getTime | | getTimezoneOffset | | getUTCDate | | getUTCDay | | getUTCFullYear | | getUTCHours | | getUTCMilliseconds | | getUTCMinutes | | getUTCMonth | | getUTCSeconds | | getYear | | parse | | setDate(jour_du_mois) | | setFullYear(année) | | setHours(heures) | | setMilliseconds(millisecondes) | | setMinutes(minutes) | | setMonth(mois) | | setSeconds(seconde) | | setTime | | setUTCDate | | setUTCFullYear | | setUTCHours | | setUTCMilliseconds | | | Description | | retourne le jour du mois en accord avec le temps local. | | retourne le jour de la semaine en accord avec le temps local. | | retoune l'année en accord avec le temps local. | | retourne l'heure. | | retourne les millisecondes. | | retourne les minutes. | | retourne le mois. | | retourne les secondes. | | retourne une date en millisecondes. | | détermine le décalage par rapport à l'heure GMT. | | retoune le jour du mois en accord avec le système horaire universel (UTC). | | retoune le jour de la semaine en accord avec le système horaire universel (UTC). | | retoune l'année en accord avec le système horaire universel (UTC). | | retoune l'heure en accord avec le système horaire universel (UTC). | | retoune les millisecondes en accord avec le système horaire universel (UTC). | | retoune le mois en accord avec le système horaire universel (UTC). | | retoune les secondes en accord avec le système horaire universel (UTC). | | retourne l'année sur deux caractères. | | retourne le nombre de millisecondes d'une chaîne de caractères date. | | détermine le jour du mois. | | détermine l'année. | | détermine l'heure. | | détermine les millisecondes. | | détermine les minutes. | | détermine le mois. | | détermine les secondes. | | détermine un objet date en millisecondes. | | détermine le jour du mois en accord avec le système horaire universel (UTC). | | détermine l'année en accord avec le système horaire universel (UTC). | | détermine l'heure en accord avec le système horaire universel (UTC). | | détermine les millisecondes en accord avec le système horaire universel (UTC). | | | setUTCMinutes | | setUTCMonth | | setUTCSeconds | | setYear | | toGMTString | | toLocaleString | | toSource | | toString | | toUTCString | | UTC | | valueOf | | | détermine les minutes en accord avec le système horaire universel (UTC). | | détermine le mois en accord avec le système horaire universel (UTC). | | détermine les secondes en accord avec le système horaire universel (UTC). | | détermine l'année sur deux caractères. | | convertit un objet date GMT en une chaîne de caractères. | | convertit un objet date en temps local en une chaîne de caractères. | | retourne un objet littéral représentant l'objet date spécifié. | | retourne une chaîne de caractères représentant l'objet date spécifié. | | convertit un objet date UTC en une chaîne de caratères | | retourne des millisecondes à partir d'un objet date. | | convertit un objet Date en nombre. | | Exemple [voir]
<html> <head> <script language="JavaScript"> function systeme_24h() { { return true; } return false; } function voir_heure(hh) { if (systeme_24h() || (hh > 0 && hh < 13)) { return (hh); } if (hh == 0) { return (12); } return (hh - 12); } function voir_zero(secondes) { if (secondes > 9) { return "" + secondes; } return "0" + secondes; } function voir_ampm() { if (systeme_24h()) { return (""); } if (heure.getHours() < 12) { return (" am"); } return (" pm"); } function affiche_heure() { heure = new Date; document.formulaire.temps.value = voir_heure(heure.getHours()) + ":" + voir_zero(heure.getMinutes()) + ":" + voir_zero(heure.getSeconds()) + voir_ampm() setTimeout("affiche_heure()",1000) } </script> </head> <body onload="affiche_heure()"> <form name="formulaire"> <input type="text" name="temps" size=10> <br><br> <b><u>Type d'affichage :</u></b><br> <input type="radio" name="choix_systeme" checked> sur 24 heures<br> sur 12 heures </form> </body> </html> En savoir plus :
8.10 / Dictionary Dictionaryest un objet conservant des paires clés-éléments de données. Compatibilité Disponibilité JScript 1 Propriétés | Propriété | | Count | | Item(clé) | | Key(nouvelle_clé) | | | Description | | renvoie le nombre d'éléments dans une collection ou dans un objet Dictionary. | | définit ou renvoie un item pour une key spécifiée d'un objet Dictionary. | | Définit une clé (key) dans un objet Dictionary. | | Méthodes | Méthode | | Add(clé, item) | | Exists(clé) | | Items | | Keys | | Remove(clé) | | RemoveAll | | | Description | | ajoute une paire clé-élément à un objet Dictionary. | | renvoie true si l'élément spécifié existe dans l'objet Dictionary, ou false dans le cas contraire. | | renvoie un tableau contenant tous les éléments d'un objet Dictionary. | | renvoie un tableau contenant toutes les clés existantes dans un objet Dictionary. | | supprime une paire clé-élément d'un objet Dictionary. | | Supprime toutes les paires clé-élément d'un objet Dictionary. | | Exemples [voir] <html> <head> <title>Démonstration de Dictionary</title> <script language="JScript"> function AfficheDico() { var elements, dico, i, liste; dico = new ActiveXObject("Scripting.Dictionary"); ("a", "area"); ("b", "body"); ("c", "center"); ("d", "div"); ("e", "em"); // Obtenir les éléments. elements = (new VBArray(dico.Items())).toArray(); liste = ""; for (i in elements) //Parcourir le dictionnaire. { } return(liste); } </script> </head> <body> <a href="javascript:AfficheDico()">Liste des mots du dictionnaire</a> </body> </html> En savoir plus :
8.11 / Document Documentcorrespond à un document HTML. Compatibilité Disponibilité Javascript 1.0 Correspondance HTML <html> </html> Héritage HTMLElement Synopsis window.document document Propriétés
| Propriété | | alinkColor | | anchors[] | | applets[] | | bgColor | | classes | | cookie | | domain | | embeds[] | | fgColor | | formName | | forms[] | | height | | ids | | images[] | | location | | lastModified | | layers[] | | linkColor | | links[] | | plugins[] | | referrer | | tags.Nom_balise | | title | | URL | | vlinkColor | | width | | | Description | | couleurs des liens activés (ALINK). | | tableau des ancres contenues dans le document. | | applets java contenu dans le document | | couleur de fond du document (BGCOLOR). | | définit des classes de style CSS (CLASS). | | spécifie un cookie. | | spécifie le nom de domaine du serveur. | | tableau des objets imbriqués dans le document. | | couleur du texte dans le document (TEXT). | | représente le nom du formaulaire dans le document. | | tableau des formulaires contenus dans le document. | | hauteur du document en pixels. | | associe un style à un élément HTML unique (ID). | | tableau des images contenues dans le document. | | objet contenant des informations à propos de l'adresse URL courante. | | chaîne de caractères représentant la date de dernière modification. | | tableau des couches (layer) contenues dans le document. | | couleur des liens dans le document (LINK). | | tableau des liens contenus dans le document. | | tableau des plug-ins contenus dans le document. | | crée un objet style associé aux balises HTML. | | représente le titre du document (TITLE). | | chaîne de caractères spécifiant l'URL complète du document. | | couleur des liens visités (VLINK). | | largeur du document en pixels. | | Méthodes | Méthode | | captureEvents() | | clear() | | close() | | contextual(contextN) | | elementFromPoint(x,y) | | getElementById | | getSelection | | handleEvent(événement) | | open("type_mime", "replace") | | releaseEvents() | | routeEvent(événement) | | write("expression") | | writeln("expression") | | | Description | | spécifie le type d'événements à capturer (NE4). | | efface un document. | | ferme un canal de sortie. | | définit un style CSS contextuel. | | indique l'élément se trouvant aux coordonnées x et y. | | retourne le premier élément d'une collection. | | retourne une chaîne de caractères contenant le texte de la sélection courante. | | invoque l'Handler d'un événement spécifié. | | ouvre un canal collectant le résultat des méthodes write ou writeln. | | cesse la capture des événements. | | transmet l'événement capturé aux gestionnaire d'événements | | écrit une ou plusieurs expressions HTML dans un document. | | écrit une ou plusieurs expressions HTML avec un retour à la ligne dans un document. | | Evénements | Evénement | | onClick | | onDblClick | | onKeyDown | | onKeyPress | | onKeyUp | | onMouseDown | | onMouseUp | | | Description | | clic sur le bouton de la souris. | | double-clic sur le bouton de la souris | | touche du clavier enfoncée. | | la touche du clavier enfoncée est relâchée. | | touche du clavier relâchée. | | bouton de la souris enfoncé sur l'élément Input. | | bouton de la souris relaché sur l'élément Input. | | Exemple [voir] <html> <head> <title>Démonstration de Document</title> function ouverture() { var fenetre = ('','','toolbar="yes",scrollbars="yes", width=320,height=240'); var texte = "Une nouvelle fenêtre s'ouvre !"; ("text/html","replace"); fenetre.document.write("<p>" + texte + "<p>"); fenetre.document.close(); } </script> </head> <body onload="ouverture()"> Cette fenêtre va ouvrir automatiquement une autre fenêtre. </body> </html> En savoir plus :
8.12 / Drive Drivepermet l'accès aux propriétés d'un lecteur de disque particulier ou d'un élément de réseau partagé.Compatibilité Disponibilité JScript 1 Propriétés | Propriété | | AvailableSpace | | DriveLetter | | DriveType | | FileSystem | | FreeSpace | | IsReady | | Path | | RootFolder | | SerialNumber | | ShareName | | TotalSize | | VolumeName | | | Description | | retourne l'espace disponible d'un lecteur. | | retourne la lettre symbolisant le lecteur. | | retourne le type du disque dur ou du lecteur réseau. | | retourne le type du système de fichier du lecteur. | | retourne l'espace libre disponible sur un lecteur pour un utilisateur d'un lecteur. | | retourne true si le lecteur est prêt sinon false. | | retourne le chemin d'accès du lecteur. | | retourne un objet Folder représentant le dossier racine. | | renvoie le numéro de série du lecteur. | | retourne le nom de partage réseau d'un lecteur. | | retourne la taille totale d'un lecteur. | | retourne le nom de volume d'un lecteur. | | Exemples [voir] <html> <head> <script language="JScript"> function ShowFreeSpace(drvPath) { var fso, d, s; s += "Espace disponible : " + d.FreeSpace/1024 + " Koctets"; return(s); } </script> </head> <body onload="javascript:GetAppVersion()"> </body> </html> Référence :
8.13 / Drives Drivesreprésente une collection en lecture seule de tous les lecteurs disponibles. Compatibilité Disponibilité JScript 1 Propriétés | Propriété | | Count | | Item(clé) [= item] | | | Description | | retourne le nombre d'éléments dans une collection ou dans un objet Dictionary. | | définit ou retourne un item pour une clé spécifiée d'un objet Dictionary. | | Exemples [voir] <html> <head> <title>Démonstration de Drives</title> <script language="JScript"> function ListeUnite() { var fso, info = "", nom, liste, lecteurs; fso = new ActiveXObject("Scripting.FileSystemObject"); liste = new Enumerator(fso.Drives); for (; !liste.atEnd(); liste.moveNext()) { lecteurs = (); info = info + lecteurs.DriveLetter; info += " - "; if (lecteurs.DriveType == 3) nom = lecteurs.ShareName; else if (lecteurs.IsReady) nom = lecteurs.VolumeName; else nom = "[Lecteur non prêt]"; info += nom + "<br>"; } return(info); } </script> </head> <body> <a href="javascript:ListeUnite()">Liste des lecteurs</a> </body> </html> Référence : 8.14 / Enumerator Enumeratorpermet d'énumérer les éléments contenus dans une collection. Compatibilité Disponibilité JScript 3.0 Constructeur Méthodes | Méthode | | atEnd() | | item() | | moveFirst() | | moveNext() | | | Description | | renvoie une valeur booléenne indiquant si un objet Enumerator se trouve à la fin d'une collection. | | renvoie l'élément en cours dans une collection. | | place l'élément en cours dans une collection en première position. | | déplace l'élément en cours vers un autre élément dans une collection. | | Exemple [voir]
<html> <head> <script language="jscript"> function Liste_DD() { var systeme_fichier; var liste_unite; var nom_partage; var obj_enum; var element_cours; systeme_fichier = new ActiveXObject("Scripting.FileSystemObject"); //Créer Enumerator sur les unités. obj_enum = new Enumerator(systeme_fichier.Drives); liste_unite = ""; //Énumérer la collection d'unités. for (;!obj_enum.atEnd();obj_enum.moveNext()) { element_cours = (); liste_unite = liste_unite + element_cours.DriveLetter; liste_unite += "<br>"; //Déterminer s'il s'agit d'une unité de réseau. if (element_cours.DriveType == 3) //Obtenir le nom de partage. nom_partage = element_cours.ShareName; //Déterminer si l'unité est prête. else if (element_cours.IsReady) //Obtenir le nom du volume. nom_partage = element_cours.VolumeName; else nom_partage = "[Unité non prête]"; liste_unite += " - " + nom_partage + "<br>"; } } </script> </head> <body onload="liste_DD()"> </body> </html> En savoir plus : 8.15 / Error Errorcontient des informations sur les erreurs.Compatibilité Disponibilité Jscript 5 Constructeur Objet_erreur = new Error() Objet_erreur = new Error(nombre) Objet_erreur = new Error(nombre, description) Propriétés | Propriété | | description | | number | | | Description | | renvoie ou définit la chaîne de description associée à une erreur spécifique. | | renvoie ou définit la valeur numérique associée à une erreur spécifique. La propriété par défaut de l'objet Error est number. | | Exemple <html> <body> <script language=Javascript> try { x = y; } catch(erreur) { document.write("Opération effectuée : x = y;"); document.write("<br>Erreur détectée : " + erreur); document.write("<br>numéro d'erreur : " + (erreur.number & 0xFFFF)); document.write("<br>Description de l'erreur : " + erreur.description); } </script> </body> </html> En savoir plus : 8.16 / Event Eventreprésente un événement sur un objet. Compatibilité Disponibilité Javascript 1.2 Synopsis //argument du gestionnaire d'événement sous Netscape. function handler(event) { } //propriété de l'objet window avec Explorer. window.event Propriétés | data | | height | | layerX | | layerY | | modifiers | | pageX | | pageY | | target | | which | | width | | | retourne un tableau de chaînes de caractères contenant les URL des objets déposés avec l'événement Drag and Drop. | | | représente la hauteur de la fenêtre ou du cadre. | | | représente la coordonnée X au sein d'un calque (Layer). | | | chaîne de caractères spécifiant la modification de clés associée à un événement de souris ou de clavier. Les valeurs sont : ALT_MASK, CONTROL_MASK, SHIFT_MASK, and META_MASK. | | | nombre spécifiant la position horizontale du curseur en pixels par rapport à la page. | | | nombre spécifiant la position verticale du curseur en pixels par rapport à la page. | | | chaîne de caractères représentant l'objet sur lequel l'événement a eu lieu. | | | nombre spécifiant quel bouton de souris a été pressé ou la valeur ASCII d'une touche de clavier pressée. | | | représente la largeur de la fenêtre ou du cadre. | | | altKey | | button | | cancelBubble | | clientX | | clientY | | ctrlKey | | fromElement | | keyCode | | offsetX | | offsetY | | reason | | returnValue | | shiftKey | | srcElement | | srcFilter | | toElement | | | détermine si la touche Alt était pressée lors de l'événement. | | | détermine le bouton de la souris pressée lors de l'événement. | | | arrête la propagation de l'événement. | | | nombre spécifiant la position horizontale du curseur en pixels par rapport à la page. | | | nombre spécifiant la position verticale du curseur en pixels par rapport à la page. | | | détermine si la touche Ctrl était pressée lors de l'événement. | | | représente l'objet source d'un déplacement de la souris. | | | détermine l'encodage Unicode de la touche pressée. | | | coordonnée horizontale de l'événement en position relative par rapport au conteneur. | | | coordonnée verticale de l'événement en position relative par rapport au conteneur. | | | représente l'état d'un transfert de données. | | | indique la valeur de retour pour le gestionnaire d'événement. | | | détermine si la touche Shift était pressée lors de l'événement. | | | indique le filtre qui a changé. | | | indique l'objet de destination d'un déplacement de souris. | | | | | nombre spécifiant la position horizontale du curseur en pixels par rapport à l'écran. | | | nombre spécifiant la position verticale du curseur en pixels par rapport à l'écran. | | | chaîne de caratères représentant le type de l'événement. | | | | | | Exemple [voir] <html> <head> <script language=Javascript> function clavier_ie() //pour Explorer { .zone_clavier.value = "Code Touche= " + event.keyCode + ' Carac.= ' + String.fromCharCode(event.keyCode); } function souris_ie()//pour Explorer { var val=""; .zone_souris.value = + ' ' + event.x + ' ' + event.y; } function clavier(e) //pour Netscape { .zone_clavier.value = "Code ASCII= " + e.which + ' Carac.= ' + String.fromCharCode(e.which); } function souris(e) //pour Netscape { .zone_souris.value = e.type + ' ' + e.x + ' ' + e.y; } document.onKeyPress = clavier; // pour Netscape document.onClick = souris ; // pour Netscape </script> </head> <body onKeyDown="clavier_ie()" onMouseDown="souris_ie()" onMouseMove="souris_ie()"> <form name="test"> <input type="text" name="zone_souris" size=20><br> <input type="text" name="zone_clavier" size=30> </form> </body> </html> 8.17 / File Fileprocure un accès à toutes les propriétés d'un fichier.Compatibilité Disponibilité JScript 1 Propriétés | Propriété | | Attributes [= nombre] | | DateCreated | | DateLastAccessed | | DateLastModified | | Drive | | Name [= nom] | | ParentFolder | | Path | | ShortName | | ShortPath | | Size | | Type | | | Description | | définit ou renvoie les attributs des fichiers ou des dossiers. | | retourne la date et l'heure de création du fichier. | | retourne la date et l'heure du dernier accès sur le fichier. | | retourne la date et l'heure de la dernière modification du fichier. | | retourne la lettre de l'unité contenant le fichier. | | définit ou retourne le nom d'un fichier ou d'un dossier. | | retourne l'objet dossier du parent pour le fichier. | | retourne le chemin d'accès du fichier. | | retourne un nom de fichier dans le format Dos : 8.3. | | retourne le chemin dans le format Dos. | | retourne la taille du fichier. | | retourne le type du fichier. | | Méthodes | Méthode | | Copy(destination, mode) | | Delete | | Move(destination) | | OpenAsTextStream(mode, format) | | | Description | | permet de copier un fichier d'un emplacement à un autre. | | efface un fichier. | | déplace un fichier à un destination indiquée. | | ouvre un fichier spécifié et renvoie un objet TextStream qui peut être utilisé pour manipuler un fichier. | | Exemples [voir] <html> <head> <title>Démonstration de File</title> <script language="JScript"> function InfoFichier(chemin) { var fso, fichier, info; fso = new ActiveXObject("Scripting.FileSystemObject"); fichier = fso.GetFile(chemin); } </script> </head> <body> <a href="javascript:InfoFichier('c:\\')"> Informations sur le fichier </a> </body> </html> Référence :
8.18 / Files Filesreprésente une collection de tous les objets File à l'intérieur d'un dossier. Compatibilité Disponibilité JScript 1 Propriétés | Propriété | | Count | | Item(clé) [= item] | | | Description | | retourne le nombre d'éléments dans une collection ou dans un objet Dictionary. | | définit ou retourne un item pour une clé spécifiée d'un objet Dictionary. | | Exemples [voir] <html> <head> <title>Démonstration de Files</title> <script language="jscript"> function ListeFichier(rep) { var fso, fichier, liste, info=""; fso = new ActiveXObject("Scripting.FileSystemObject"); fichier = fso.GetFolder(rep); liste = new Enumerator(fichier.files); for (; !liste.atEnd(); liste.moveNext()) { info += (); info += "<br>"; } return(info); } </script> </head> <body> <a href="javascript:ListeFichier('c:&&')">Liste des fichiers sur C:&</a> </body> </html> Référence : 8.19 / FileSystemObject FileSystemObjectdonne accès au système de fichiers d'un serveur. Compatibilité Disponibilité JScript Constructeur y = new ActiveXObject("Scripting.FileSystemObject") Propriétés | | | Description | | renvoie une collection Drives composée de tous les objets Drive disponibles sur la machine cliente. | | Méthodes | Méthode | | BuildPath(chemin, nom) | | CopyFolder(source, destination, bool_ecrase) | | CreateFolder(nom_dossier) | | CreateTextFile(fichier, bool_ecrase, unicode_ASCII) | | DeleteFile(fichier_supprimer, bool_forçage) | | DeleteFolder(dossier_supprimer, bool_forçage) | | DriveExists(lecteur) | | FileExists(fichier) | | FolderExists(dossier) | | GetAbsolutePathName(chemin) | | GetBaseName(chemin) | | GetDrive(lecteur) | | GetDriveName(chemin) | | GetExtensionName(chemin) | | | | ajoute un nom à un chemin existant. | | | copie un ou plusieurs fichiers d'un emplacement à un autre. | | | copie de façon récursive un dossier d'un emplacement à un autre. | | | | | crée le nom d'un fichier spécifié et renvoie un objet TextStream qui peut être utilisé pour lire ou écrire dans le fichier. | | | supprime un fichier spécifié. | | | supprime un dossier spécifié et son contenu. | | | renvoie True si le lecteur spécifié existe et False dans le cas contraire. | | | renvoie True si un fichier spécifié existe et False dans le cas contraire. | | | renvoie True si un dossier spécifié existe et False dans le cas contraire. | | | renvoie un chemin d'accès complet et sans ambiguïté à partir d'une spécification de chemin fournie. | | | renvoie une chaîne contenant le nom de base du dernier composant d'un chemin d'accès, sans extension de fichier. | | | Renvoie un objet Drive correspondant au lecteur spécifié dans un chemin d'accès. | | | renvoie une chaîne contenant le nom correspondant au lecteur spécifié dans un chemin d'accès. | | | Renvoie une chaîne contenant le nom d'extension du dernier composant d'un chemin d'accès. | | | GetFile(fichier) | | GetFileName(chemin) | | GetFolder(chemin) | | GetParentFolderName(chemin) | | GetSpecialFolder(dossier) | | GetTempName() | | MoveFile(source, destination) | | OpenTextFile(fichier, iomode, bool_création, format) | | | renvoie un objet File correspondant à un nom de fichier situé dans un chemin d'accès spécifié. | | renvoie le dernier composant du chemin spécifié qui ne fait pas partie de la spécification du lecteur. | | renvoie un objet Folder qui correspond à un dossier spécifié dans un chemin d'accès. | | renvoie une chaîne contenant le nom du dossier parent du dernier composant d'un chemin spécifié. | | Renvoie l'objet dossier spécial indiqué. | | renvoie un nom de dossier ou de fichier temporaire généré de façon aléatoire, utile pour les opérations qui requièrent ce genre de dossiers ou de fichiers. | | déplace un ou plusieurs fichiers d'un emplacement à un autre. | | déplace un ou plusieurs dossiers d'un endroit à un autre. | | Ouvre un fichier spécifié et renvoie un objet TextStream qui peut être utilisé pour lire, écrire et effectuer des ajouts au fichier. | | Exemple [voir] <html> <head> <title>Démonstration de FileSystemObject</title> <script language="jscript"> function effacer_fichier(chemin) { var fso; fso = new ActiveXObject('Scripting.FileSystemObject'); fso.DeleteFile(chemin); } function Voir_info(chemin) { var fso; var fichier = ""; var caracteristique = ""; fso = new ActiveXObject('Scripting.FileSystemObject'); fichier = fso.CreateTextFile("c:&&", true); fichier = fso.GetFile(chemin); + fichier.DateLastModified document.write(caracteristique); } </script> </head> <body> <b class="soustitre">Voir les caractéristique du fichier : c:& </b><br> <i>Si ce fichier n'est pas créé sous la racine de C:&, créez-le afin que ce script puisse fonctionner.</i> <br><br> <a href="javascript:Voir_info('c:&&')"><b> Caractéristiques </b></a><br> <a href="javascript:effacer_fichier('c:&&')"><b> Supprimer ce fichier </b></a> </body> </html> En savoir plus :
8.20 / FileUpload FileUploadreprésente un champ de saisie pour un téléchargement de fichier au sein d'un formulaire.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input type="file" > Héritage Input et HTMLElement Synopsis form.element[i] Propriétés | Propriété | | form | | name | | type | | value | | | Description | | spécifie le formulaire contenant le bouton. | | correspond à l'attribut NAME de INPUT. | | correspond à l'attribut TYPE de INPUT. | | affiche un texte sur le bouton | | Méthodes | Méthode | | blur | | focus | | handleEvent | | select | | | Description | | enlève le focus sur l'élément Input. | | donne le focus à l'élément Input. | | invoque le Handler pour spécifier un événement. | | simule la sélection de l'élément Input. | | Evénements | Evénement | | onBlur | | onChange | | onFocus | | | Description | | perte de focus de l'élément Input. | | modification de la valeur du champs. | | réception de focus sur l'élément Input. | | Exemple [voir] <html> <head> tableau = new Array(".htm", ".html", ".txt", ".gif", ".jpg", ".png"); function verification(formulaire, fichier) { soumission = false; if (!fichier) return; while (fichier.indexOf("&&") != -1) fichier = fichier.slice(fichier.indexOf("&&") + 1); ext = fichier.slice(fichier.indexOf(".")).toLowerCase(); for (var i = 0; i < tableau.length; i++) { if (tableau[i] == ext) { soumission = true; break; } } if (soumission) formulaire.submit(); else alert("Vous ne pouvez uploader que ces types de fichiers : " + "(" + (" ") + ")"); } </script> </head> <body> Sélectionner des documents webs :<br> <script> document.write("(" + (" ") + ")"); </script> <form name="formulaire"> <input type="file" name="telechargement"><br> <input type="button" name="soumission" value="soumettre" onclick="verification(, .telechargement.value)"> </form> </body> </html> En savoir plus : 8.21 / Folder Folderautorise l'accès à toutes les propriétés d'un dossier.Compatibilité Disponibilité JScript 1 Propriétés | Propriété | | Attributes [= attribut] | | DateCreated | | DateLastAccessed | | DateLastModified | | Drive | | Files | | IsRootFolder | | Name [= nom] | | ParentFolder | | Path | | ShortName | | ShortPath | | Size | | SubFolders | | Type | | | Description | | définit ou retourne les attributs des dossiers. | | retourne la date et l'heure du dernier accès au dossier. | | retourne la date et l'heure de la dernière modification du dossier. | | retourne la lettre désignant le lecteur sur lequel réside le dossier. | | retourne un collection de fichier contenu dans le dossier. | | retourne true si le dossier est le dossier racine. | | définit ou retourne le nom du dossier. | | retourne le dossier parent du dossier spécifié. | | retourne le chemin d'accès du dossier. | | retourne le nom du dossier dans le format DOS 8.3. | | retourne le chemin du dossier dans le format DOS 8.3. | | retourne la taille du dossier. | | retourne une collection de dossiers contenus dans le dossier spécifié. | | retourne le type du dossier. | | Méthodes | Méthode | | Copy(destination, mode) | | Delete | | Move(destination) | | OpenAsTextStream(mode, format) | | | Description | | permet de copier un dossier d'un emplacement à un autre. | | efface un dossier. | | déplace un dossier à un destination indiquée. | | ouvre un dossier spécifié et renvoie un objet TextStream qui peut être utilisé pour manipuler un dossier. | | Exemples [voir] <html> <head> <title>Démonstration de Folder</title> <script language="jscript"> function CreeRepertoire() { var fso, rep; fso = new ActiveXObject("Scripting.FileSystemObject"); rep = fso.CreateFolder("C:&&Repertoire"); document.write("<html><head><script language=&"jscript&">&n" + "function supprime()&n" + "{&n" + " var fso;&n" + " fso = new ActiveXObject(&"Scripting.FileSystemObject&");&n" + " fso.DeleteFolder (&"C:&&&&Repertoire&");&n" + "}&n" + "<&/script><&/head><body>&n"); document.write("Le répertoire " + + " a été créé sur le disque dur C:"); document.write("<br><a href=&"javascript:supprime()&">" + "Supprimer le répertoire</a>"); document.write("<&/body><&/html>"); } </script> </head> <body> <a href="javascript:CreeRepertoire()">Créer un Répertoire</a> </body> </html> Référence : 8.22 / Folders Foldersreprésente une collection de tous les objets File à l'intérieur d'un dossier. Compatibilité Disponibilité JScript 1 Propriétés | Propriété | | Count | | Item(clé) [= item] | | | Description | | retourne le nombre d'éléments dans une collection ou dans un objet Dictionary. | | définit ou retourne un item pour une clé spécifiée d'un objet Dictionary. | | Propriétés | | | Description | | ajoute une paire clé-item à un objet Dictionary. | | Exemples [voir] <html> <head> <title>Démonstration de Files</title> <script language="jscript"> function ListeRep(rep) { var fso, nomRep, liste, info=""; fso = new ActiveXObject("Scripting.FileSystemObject"); nomRep = fso.GetFolder(rep); liste = new Enumerator(nomRep.SubFolders); for (; !liste.atEnd(); liste.moveNext()) { info += (); info += "<br>"; } return(s); } </script> </head> <body> Liste des répertoires sur C:& </a> </body> </html> Référence : 8.23 / Form Formreprésente un formulaire de saisie.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <form> </form> Héritage HTMLElement Synopsis document.nom_formulaire document.forms[i] Propriétés | Propriété | | action | | elements[] | | encoding | | length | | method | | name | | target | | | Description | | représente l'URL de soumission (ACTION). | | tableau représentant tous les éléments dans le formulaire. | | représente l'encodage du formulaire (ENCTYPE). | | représente le nombre d'éléments dans un formulaire. | | représente la méthode de soumission du formulaire (METHOD). | | spécifie le nom du formulaire (NAME). | | indique la fenêtre cible du résultat du formulaire (TARGET). | | Méthodes | Méthode | | handleEvent | | reset | | submit | | | Description | | invoque l'Handler pour l'événement spécifié. | | simules un clic de souris sur un bouton d'annulation. | | simules un clic de souris sur un bouton de soumission. | | Evénements | Evénement | | onreset | | onsubmit | | | Description | | invoqué lorsque le formulaire est réinitialisé. | | invoqué lorsque le formulaire est soumis. | | Exemple [voir] <html> <head> <script language="javascript"> function controle() { var correct = true if (.value == "") { correct = false; alert("Saisissez votre nom !") } if (document.forms[0].sexe.checked == "") { correct = false; alert("Choisissez votre sexe !") } { correct = false; alert("Entrez votre adresse eMail !") } if (correct) { alert("Merci de votre patience !&nLe formulaire est maintenant soumis.") } document.formulaire.submit(); } </script> </head> <body> <form name="formulaire"><br> Votre nom : <input name="nom" size="25"><br> <input name="sexe" type="radio" value="homme">Homme<br> <input name="sexe" type="radio" value="femme">Femme<br> eMail : <input name="email" size=15><br> <input type="button" value="Soumettre" onclick="controle()"> <input type="reset" value="Annuler"> </form> </body> </html> En savoir plus : 8.24 / Frame Framereprésente un cadre dans une fenêtre du navigateur. Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <frame > </frame> Synopsis window.frames[i] window.frames.length On fournit une convenance à l'objet d'Encadrement (frame) pour la référence aux objets qui constituent des cadres. Cependant, JavaScript représente en réalité un cadre employant un objet de fenêtre. Chaque objet Frame est un objet de fenêtre et a toutes les méthodes et les propriétés d'un objet Window. Cependant, une fenêtre qui est un cadre diffère légèrement d'une fenêtre au plus haut niveau. Propriétés
| Propriété | | closed | | crypto | | defaultStatus | | document | | frames[] | | history | | innerHeight | | innerWidth | | length | | location | | locationbar | | menubar | | name | | offscreenBuffering | | opener | | outerHeight | | outerWidth | | pageXOffset | | pageYOffset | | parent | | screenX | | screenY | | scrollbars | | self | | status | | statusbar | | toolbar | | top | | window | | | Description | | spécifie si une fenêtre a été fermée. | | un objet qui permet les particularités de chiffrage du Navigateur d'accès. | | représente l'affichage par défaut d'un message dans la barre de statut du navigateur. | | contient l'information sur le document actuel et fournit des méthodes pour l'affichage de la production de HTML à l'utilisateur. | | représente un tableau de toutes les cadres d'une fenêtre. | | contient l'information sur les adresses URL que les clients ont visité à l'intérieur d'une fenêtre. | | spécifie la dimension verticale de la zone de contenu d'une fenêtre en pixels. | | spécifie la dimension horizontale de la zone de contenu d'une fenêtre en pixels. | | indique le nombre de cadres dans une fenêtre. | | contient l'information sur l'adresse URL courante. | | représente la barre d'affichage d'adresse sur le navigateur. | | représente la barre de menu du navigateur. | | spécifie un nom unique pour la fenêtre. | | spécifie si les mises à jour de la fenêtre sont placées en mémoire tampon. | | spécifie le nom de fenêtre du document appelant quand une fenêtre est ouverte en employant la méthode open. | | spécifie la dimension verticale en pixels, de la bordure extérieure de la fenêtre. | | spécifie la dimension horizontale en pixels, de la bordure extérieure de la fenêtre. | | fournit la position x actuelle, en pixels, de la page vue d'une fenêtre. | | fournit la position y actuelle, en pixels, de la page vue d'une fenêtre. | | représente le parent du cadre. | | repérésente la barre personnelle du navigateur. | | spécifie la coordonnée x du bord gauche d'une fenêtre. | | spécifie la coordonnée y du bord supérieure d'une fenêtre. | | représente la barre de défilement du navigateur. | | spécifie une priorité ou le message temporaire s'affiche dans la barre d'état de la fenêtre. | | représente la barre de statut du navigateur. | | représente la barre d'outils du navigateur. | | représente la fenêtre associée au cadre. | | est un synonyme pour la fenêtre courante. | | Méthodes | alert(texte) | | atob(Chaîne_de_données) | | back() | | blur() | | btoa(chaîne_de_caractère) | | captureEvents() | | clearInterval(temps) | | clearTimeout(temps) | | close() | | confirm(texte) | | crypto.random(nombre) | | crypto.signText(texte, ask/auto, autorité) | | disableExternalCapture() | | enableExternalCapture() | | find(texte, bool_cas_sensible, bool_recherche_arrière) | | focus() | | forward() | | handleEvent(événement) | | home() | | moveBy(horizontal, vertical) | | moveTo(x, y) | | open(URL, Nom, séparateur) | | print() | | prompt(texte, valeur_par_défaut) | | releaseEvents() | | resizeBy(horizontal, vertical) | | resizeTo(largeur, hauteur) | | | affiche un message dans une boîte de dialogue contenant un bouton OK. | | décode une chaîne de données qui a été encodées en employant la base 64 d'encodage. | | défait la dernière étape de l'historique dans n'importe quel cadre à l'intérieur d'une fenêtre de plus haut niveau. | | enlève le focus sur l'élément window. | | crée une base d'encodage sur 64 bits. | | permet de capturer tous les types d'événements spécifiés produit dans la fenêtre ou le document. | | stoppe une minuterie qui était lancé par la méthode setInterval. | | stoppe une minuterie qui était lancé par la méthode setTimeout. | | ferme la fenêtre spécifiée. | | affiche une boîte de dialogue de confirmation contenant les boutons OK et Cancel. | | retourne une chaîne de caractères pseudo-aléatoire dont la longueur est le nombre indiqué d'octets. | | met hors de service l'événement externe capturé lancé par la méthode enableExternalCapture. | | permet à une fenêtre avec cadre à capturer des événements dans des pages chargées à partir de différents serveurs. | | permet de trouver la chaîne de caractère spécifiée dans le contenu de la fenêtre indiquée. | | donne le focus à l'objet spécifié. | | charge la prochaîne adresse URL dans le tableau de l'historique. | | invoque le Handler pour spécifier un événement. | | dirige l'URL indiqué dans des favoris comme page d'accueil du navigateur. | | déplace la fenêtre à partir d'une valeur spécifiée. | | déplace le coin supérieur gauche de la fenêtre aux coordonnées d'écran spécifiées. | | ouvre une nouvelle fenêtre du navigateur. | | imprime le contenu d'une fenêtre ou d'un cadre. | | affiche une boîte de dialogue avec un message et une zone de saisie. | | cesse la capture du type d'événements spécifié. | | redimensionne une fenêtre entière par le déplacement du coin inférieur droit de la fenêtre par une valeur spécifiée. | | redimensionne une fenêtre entière à la hauteur et la largeur extérieures spécifiées. | | | routeEvent(événement) | | scroll | | scrollBy(horizontal, vertical) | | scrollTo(x, y) | | setHotKeys(true/false) | | setInterval(fonction, temps, argumentN) | | setResizable(true/false) | | setTimeout(fonction, temps, argumentN) | | setZOptions(option) | | stop() | | | transmet un événement capturé au prochaine gestionnaire. | | permet de faire défiler une fenêtre à partir des coordonnées spécifiées. | | permet de faire défiler une zone d'une fenêtre par une valeur spécifiée. | | permet de faire défiler une zone visible de la fenêtre par des coordonnées spécifiées, tel que le point spécifié devienne le coin supérieur gauche. | | active ou désactive les raccourcis claviers dans une fenêtre. | | Indique si on permet à un utilisateur de redimensionner une fenêtre. | | évalue une expression ou appelle une fonction une fois que le temps spécifié en millisecondes se soit écoulé. | | contrôle l'empilement de la fenêtre. | | stoppe le téléchargement courant. | | Evénements | Evénement | | onBlur | | onDragDrop | | onError | | onFocus | | onLoad | | onMove | | onResize | | onLoad | | | Description | | la fenêtre perd son statut d'élément actif. | | des éléments sont déposés dans la fenêtre. | | erreur au cours du chargement d'une image | | la fenêtre devient active. | | le hargement de la fenêtre est opéré. | | déplacement de la fenêtre | | redimensionnement de la fenêtre. | | chargement de l'image. | | Exemple [voir] <html> <head> <title>Cadre de Frames</title> </head> <frameset rows="60,*"> <frame name="haut" src=""> <frame name="bas" src=""> </frameset> </html> <html> <head> <title>Frame du Haut</title> <script language="Javascript"> var cadre = "bas"; function ouverture() { var index = document.forms[0].elements[0].options.selectedIndex; if (index > 0) { var page = document.forms[0].elements[0].options[index].value; parent.frames[cadre] = page; } return true; } </script> </head> <body> <form> <select name="choisir" onchange="javascript:ouverture()"> <option>Choisir un site</option> <option value=";>Netscape</option> <optionvalue=";Microsoft</option> </select> </form> <html> <head> <title>Frame du Bas</title> </head> <body> Sélectionner un site ci-dessus </body> </html> En savoir plus : 8.25 / Function Functionreprésente un champ de saisie pour un téléchargement de fichier au sein d'un formulaire. Compatibilité Disponibilité Javascript 1.0 Constructeur Nom_fonction = new Function( [parametre1, , parametreN, instructions); Synopsis function Nom_fonction(parametre1, , parametreN) { // instructions } function Nom_fonction() { // instructions } Propriétés | Propriété | | arguments[] | | arguments.callee | | arguments.caller | | arguments.length | | arity | | constructor | | length | | prototype | | | Description | | tableau correspondant aux arguments passés à la fonction. | | spécifie le corps de la fonction qui invoque l'exécution de la fonction courante. | | spécifie le nom de la fonction qui invoque l'exécution de la fonction courante. | | spécifie le nombre d'arguments passés à la fonction. | | spécifie le nombre d'arguments déclarés par la fonction (NE 4). | | spécifie la fonction qui crée un prototype de classe d'objet. | | spécifie le nombre d'arguments déclarés par la fonction. | | autorise l'ajout de propriété à un objet Function. | | Méthodes | Méthode | | apply(objet, arguments) | | call | | toSource | | toString | | valueOf | | | Description | | permet d'appliquer une méthode à d'un autre objet dans le contexte d'objets différents. | | permet l'appel (exécution) d'une méthode d'un autre objet dans le contexte d'objets différents. | | retourne une chapine de caractères représentant le code source de la fonction. | | retourne une chaîne de caractères représentant le code source de la fonction. | | retourne une chapine de caractères représentant le code source de la fontion. <html> <head> <script language="javascript"> function conversion() { var euro = 6.55957; var somme = document.formulaire.valeur.value if (document.formulaire.choix[0].checked == true) { resultat = euro_franc(somme, euro); } else { resultat = franc_euro(somme, euro); } if (isNaN(resultat)) { document.formulaire.result.value = 0; document.formulaire.valeur.value = 0; alert("Veuillez ne saisir que des nombres !"); } else { document.formulaire.result.value = resultat; } } var franc_euro = new Function("chiffre", "monnaie", "return(chiffre/monnaie)"); var euro_franc = new Function("chiffre", "monnaie", "return(monnaie*chiffre)"); </script> </head> <body> <form name="formulaire"> <input type="text" name="valeur" size="10" value="0"> <input type="text" name="result" size="10" value="0"><br> <u>Type de conversion :</u><br> <input type="radio" name="choix" value="eurofranc"> Euro vers francs<br> <input type="radio" name="choix" value="franceuro" CHECKED> Francs vers Euros<br> <input type="button" name="calculer" value="Calculer" onclick="javascript:conversion()"> </form> </body> </html> En savoir plus : 8.26 / Global Globalreprésente un objet intrinsèque dont le but est de réunir les méthodes globales en un seul objet. Compatibilité Disponibilité Propriétés | | | Description | | renvoie la valeur spéciale NaN indiquant qu'une expression ne représente pas un nombre. | | renvoie une valeur initiale de Number.POSITIVE_INFINITY. | | Méthodes | Méthode | | escape(littéral) | | eval(code) | | isFinite(nombre) | | isNaN(valeur) | | parseFloat(nombre) | | parseInt(chaîne-caractère, valeur) | | unescape(littéral) | | | Description | | encode les objets String pour en permettre la lecture sur tous les ordinateurs. | | évalue le code JScript et l'exécute. | | renvoie une valeur booléenne indiquant si un nombre fourni est fini. | | renvoie une valeur booléenne indiquant si une valeur correspond à la valeur réservée NaN (not a number/pas un nombre). | | renvoie un nombre à virgule flottante converti à partir d'une chaîne. | | renvoie un entier converti à partir d'une chaîne. | | décode les objets String codés au moyen de la méthode escape. | | Exemple [voir] <html> <body> <script language="javascript"> var pi = 3.14159 var nombre = parseInt(pi); var chaine = "150.15678215436978412530111253000478235"; var chaine2 = "#FCE10D" var nombre2 = parseFloat(chaine); var resultat = isNaN(pi) ? "n'est pas un nombre" : "est un nombre"; var resultat2 = isNaN(chaine) ? "n'est pas un nombre" : "est un nombre"; var resultat3 = isNaN(chaine2) ? "n'est pas un nombre" : "est un nombre"; document.write("<br>La valeur Pi (" + pi + ") évaluée par isNaN " + resultat + "<br>La valeur suivante : " + chaine + " évaluée par isNaN " + resultat2 + "<br>La valeur " + chaine2 + " évaluée par isNaN " + resultat3 + "."); </script> </body> </html> En savoir plus :
8.27 / hidden hiddenreprésente un champ de saisie cachée au sein d'un formulaire.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input type="hidden" > Héritage Input et HTMLElement Synopsis form.element[i] Propriétés | Propriété | | form | | name | | type | | value | | | Description | | spécifie le formulaire contenant le bouton. | | correspond à l'attribut NAME de INPUT. | | correspond à l'attribut TYPE de INPUT. | | affiche un texte sur le bouton. | | Exemple [voir] <html> <head> <script language="JavaScript"> function retourne_valeur() { var nb = form.length; .value = ''; var desti = form.destinataire.value; var suj = form.sujet.value; var redirec = form.redirection.value; var merci = form.remerciement.value; var autre = .value; document.write('Résultat des champs cachés (' + nb + '):<br>destinataire : ' + desti + '<br>Sujet : ' + suj + '<br>Redirection : ' + redirec + '<br>' + merci + '<br>' + autre); } </script> </head> <body> <form name="form" method="post" onsubmit="return retourne_valeur()"> <input type="hidden" name="destinataire" value=""> <input type="hidden" name="sujet" value="Documentation"> <input type="hidden" name="redirection" value=";> <input type="hidden" name="remerciement" value="Merci pour votre patience et bonne continuation "> <input type="hidden" name="vide"> </form> </body> </html> En savoir plus : 8.28 / History Historypermet de naviguer dans l'historique des adresses URL du navigateur. Compatibilité Disponibilité Javascript 1.0 côté client Synopsis window.history frame.history history Propriétés | Propriété | | current | | length | | next | | previous | | | Description | | spécifie l'URL du document courant affiché. | | rerésente le nombre d'entrées dans la tableau de l' historique. | | spécifie la prochaîne URL dans le tableau de l'historique. | | spécifie la précédente URL dans le tableau de l'historique. | | Méthodes | | | Description | | chargement de la précédente URL dans le tableau de l'historique. | | chargement de la prochaîne URL dans le tableau de l'historique. | | chargement d'une URL dans le tableau de l'historique. | | Exemple [voir] <html> <body> Ce script donne l'adresse de la page d'origine.<br> <script language="javascript"> document.write("le document est : " + document.referrer); document.write("<br>le document courant est : " + window.history.current); document.write("<br>le nombre de documents dans le tableau de" + " l'historique est : " + window.history.length); </script><br> <a href="/(-1)"> Chargez le document précédent </a><br> <a href="/(-3)"> Chargez le troisième document précédent </a><br> </body> </html> En savoir plus :
8.29 / HTMLELement HTMLELementreprésente la superclasse de tous les éléments HTML. Compatibilité Disponibilité Javascript 1.2 côté client Propriétés | all[] | tous les éléments contenus dans un document HTML. | | children[] | l'enfant direct de l'événement. | | | | la valeur de l'attrribut CLASS. | | | document | l'objet Document contenant l'élément. | | id | la valeur de l'attibut ID. | | innerHTML | le contenu HTML au sein de l'élément concerné. | | innerText | le texte au ein de l'élément HTML concerné. | | lang | valeur de l'attribut LANG. | | offsetHeight | la hauteur de l'élément. | | offsetLeft | la coordonnée horizontale de l'élément. | | | | définition du système de coordonnées de l'élément. | | | offsetTop | la coordonnée verticale de l'élément. | | ofsetWidth | la largeur de l'élément. | | | | le contenu HTML de l'élément. | | | outerText | le texte de l'élément. | | parentElement | le conteneur de l'élément. | | sourceIndex | l'index de l'élément dans []. | | style | le style en ligne de l'élément (STYLE). | | tagName | le type de balise de l'élément. | | | | le titre de l'élément (TITLE). | | | | | transmission d'un événement au gestionnaire approprié. | | Méthodes | | | | contains(cible) | | getAttribute(nom) | | insertAdjacentHTML(localisation, texte) | | insertAdjacentText(localisation, texte) | | removeAttribute(nom) | | scrollIntoView(sommet) | | setAttribute(nom, valeur) | | | spécifie si un élément est contenu dans un autre. | | récupère la valeur d'un attribut. | | permet d'insérer du texte HTML avant ou après l'élément. | | permet d'insérer du texte avant ou après l'élément. | | engendre la suppression d'un attribut. | | rend un élément visible. | | détermine la valeur d'un attribut. | | Evénements | | onclick | | ondblclick | | onhelp | | onkeydown | | onkeypress | | onkeyup | | onmousedown | | onmousemove | | onmouseout | | onmouseover | | onmouseup | | | Description | | clic de souris sur un élément HTML. | | double-clic de souris sur un élément HTML. | | pression sur la touche F1 (IE). | | pression sur une touche du clavier. | | relachement d'une touche après l'avoir enfoncée. | | relachement d'une touche du clavier. | | pression sur un bouton de la souris. | | déplacement du curseur de la souris au sein de l'élément. | | déplacement du curseur de la souris hors de la zone de l'élément. | | survol du curseur de la souris sur la zone de l'élément. | | relachement d'un bouton de la souris. | | Exemple [voir] <html> <head> <style> .intro { position:absolute; left:0; top:0; layer-background-color:green; background-color:green; border:0.1px solid green; z-index:10; } </style> </head> <body> <div id="i1" class="intro"></div> <div id="i2" class="intro"></div> <div id="i3"class="intro"></div> <div id="i4" class="intro"></div> <div id="i5" class="intro"></div> <div id="i6" class="intro"></div> <div id="i7" class="intro"></div> <div id="i8" class="intro"></div> <script language="JavaScript1.2"> var ns4 = document.layers ? 1 : 0; var ie4 = ? 1 : 0; var ns6 = document.getElementById && ! ? 1 : 0; var speed = 20; var temp = new Array(); var temp2 = new Array(); if (ns4) { for (i = 1; i <= 8; i++) temp[i] = eval("document.i" + i + ".clip"); temp2[i] = eval("document.i" + i); temp[i].width = window.innerWidth / 8 - 0.3; temp[i].height = window.innerHeight; temp2[i].left = (i - 1) * temp[i].width; } } else if (ie4 || ns6) { var clipbottom = ns6 ? window.innerHeight : .offsetHeight; cliptop = 0; for (i = 1; i <= 8; i++) { temp[i] = ns6 ? document.getElementById("i" + i).style : eval(".i" + i + ".style"); temp[i].width = ns6 ? window.innerWidth / 8 - 2 : .clientWidth / 8; temp[i].height = ns6 ? window.innerHeight : .offsetHeight; temp[i].left = (i - 1) * parseInt(temp[i].width); } } function openit() { window.scrollTo(0,0); if (ns4) { for (i = 1; i <= 8; i = i + 2) temp[i].bottom -= speed; for (i = 2; i <= 8; i = i + 2) temp[i].top += speed; if (temp[2].top > window.innerHeight) clearInterval(stopit); } else if (ie4 || ns6) { clipbottom -= speed; for (i = 1; i <= 8; i = i + 2) { temp[i].clip = "rect(0 auto+" + clipbottom + " 0)"; } cliptop += speed; for (i = 2; i <= 8; i = i + 2) { temp[i].clip = "rect(" + cliptop + " auto auto auto)"; } { if (ns6) { for (i = 1; i <= 8; i++) temp[i].display = "none"; } clearInterval(stopit); } } } function gogo() { stopit = setInterval("openit()", 100); } gogo(); </script> </body> </html> En savoir plus :
8.30 / Image Imagereprésente un champ de saisie pour un téléchargement de fichier au sein d'un formulaire. Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <img src > Constructeur new Image(largeur, hauteur) Héritage HTMLElement Synopsis document.image-name document.images[i] document.images.length Propriétés | Propriété | | border | | complete | | height | | vspace | | lowsrc | | name | | src | | vspace | | width | | | Description | | représente la bordure de l'élément (BORDER). | | valeur booléenne indiquant si le chargement d'une image est achevée. | | spécifie la hauteur de l'élément (HEIGHT). | | spécifie une marge horizontale (HSPACE). | | représente un système d'affichage en basse résolution (LOWSRC). | | indique le nom de l'image (NAME). | | spécifie l'adresse URL de l'image (SRC). | | spécifie une marge verticale (VSPACE). | | spécifie la largeur de l'élément (WIDTH). | | Méthodes | | | | invoque le Handler pour spécifier un événement. | | Evénements | | | Description | | annulation du chargement d'une image. | | | onError | | onkeydown | | onkeypress | | onkeyup | | onLoad | | | erreur au cours du chargement d'une image | | pression sur une touche du clavier. | | relachement d'une touche du clavier. | | chargement de l'image. | | Exemple [voir] <html> <head> <script language="javascript"> function VersionNav(Netscape) { if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') || (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft')) return true; else return false; } </script> </head> <body> <a href="javascript:void(0)" onMouseOver="if (VersionNav(3.0,4.0)) ='' " onMouseOut="='' "> <img name="img1" width="50" height="50" border="0" src="" onload="tempImg=new Image(0,0); =''"> </a> </body> </html> En savoir plus : 8.31 / Input Inputreprésente un élément de saisie dans un formulaire.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input > Héritage HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | checked | | defaultchecked | | form | | name | | type | | value | | | Description | | spécifie l'état de l'élément de saisie. | | la case à cocher est côchée par défaut (CHECKED). | | spécifie le formulaire contenant l'élément de saisie. | | correspond au nom de l'éléments de saisie (NAME). | | correspond à l'attribut TYPE. | | valeur de l'élément Input (VALUE). | | Méthodes | Méthode | | blur | | click | | focus | | handleEvent | | select | | | Description | | enlève le focus sur l'élément de saisie. | | simule un clique de souris sur l'élément de saisie. | | invoque le Handler pour spécifier un événement. | | sélectionne le texte dans l'élément de saisie. | | Evénements | Evénement | | onBlur | | onChange | | onClick | | onFocus | | | Description | | perte de focus de l'élément de saisie. | | la valeur de l'élément de saisie change. | | clic de souris sur l'élément de saisie. | | réception de focus sur l'élément de saisie. | | Exemple [voir] <html> <head> <script language="JavaScript"> function validation_form() { valide = true; if (!verif_vide(.societe.value)) { valide = false; alert('Le champ Société est vide !'); } if (!verif_vide(.qualite.value)) { valide = false; alert('Le champ Qualité est vide !'); } if (!verif_vide(.value)) { valide = false; alert('Le champ Nom est vide !'); } if (!verif_vide(.prenom.value)) { valide = false; alert('Le champ Prénom est vide !'); } if (!verif_email(.email.value)) { valide = false; alert('Votre adresse eMail est invalide !'); } if (!verif_vide(.telephone.value)) { valide = false; alert('Le champ Téléphone est vide !'); } retourne_valeur(); } function verif_vide(text) { return (text.length > 0); } function verif_email(adresse) { if ((adresse == "") return true; } </script> </head> <body> </body> </html> En savoir plus : 8.32 / JavaArray javaArrayreprésente tableau d'applets Java.Compatibilité Disponibilité Javascript Synopsis javaArray.length javaArray[i] Propriétés | | | Description | | indique le nombre d'éléments dans le tableau d'applets Java. | | Méthodes | | | Description | | retourne une chaîne identifiant l'objet javaArray. | | Exemple [voir] <html> <head> <title>Démonstration de JavaArray</title> </head> <body> <script> var uneChaineJava = new .String("Une chaîne de caractères !"); var uneTableOctets = uneChaineJava.getBytes(); document.write('<p>Taille de la chaîne : <b>' + uneTableOctets.length + '</b></p>'); for(i = 0; i < uneChaineJava.length(); i++) document.write(i + ' : ' + uneTableOctets[i] + '<br>'); </script> </body> </html> En savoir plus : 8.33 / JavaClass JavaClassreprésente une classe Java. Compatibilité Disponibilité Javascript Synopsis javaClass.membreStatique new javaClass(termes ) Propriétés Les propriétés d'un objet JavaClass sont les champs statiques de la classe Java. Méthodes Les méthodes d'un objet JavaClass sont les méthodes statiques de la classe Java. Exemple [voir] <html> <head> <title>Démonstration de JavaClass</title> </head> <body> <script> var uneChaineJava = new .String("Ceci document.write("<p>Classe JavaScript : <b>"); document.write(); document.write("</b></p>"); document.write("<p>Longueur de la chaîne : <b>"); document.write(uneChaineJava.length()); document.write("</b></p>"); document.write("<p>Valeur de la chaîne : <b>"); document.write(uneChaineJava); document.write("</b></p>"); </script> </body> </html> En savoir plus : 8.34 / JavaObject JavaObjectreprésente un objet java.Compatibilité Disponibilité Javascript Synopsis javaObject.membre new Packages.classeJava(Liste_Paramètres); Propriétés Chaque objet javaObject possède des propriétés qui ont les mêmes noms que les méthodes et champs publics de l'instance de l'objet Java qu'il représente. Méthodes Hérite des méthodes publiques de la classe Java qu'il représente. L'objet JavaObject hérite aussi des méthodes de .Object et une autre superclasse. Exemple [voir] <html> <head> <title>Démonstration de JavaObject</title> </head> <body> <applet name="GTClockApplet" code="GTClockApplet.class" width="162" height="40"> <param name="chime" value="on"> <param name="format" value="24"> <param name="credit" value="on"> <param name="bgcolor" value="0,0,0"> </applet> <form> <input type="button" value="Démarrer l'Applet" onclick="document.GTClockApplet.start()"> <input type="button" value="Arrêter l'Applet" onclick="()"> </form> </body> </html> En savoir plus : 8.35 / JavaPackage JavaPackagereprésente un paquetage Java. Disponibilité Javascript Synopsis package.nomPaquetage package.nomClasse Propriétés Les propriétés d'un objet JavaPackage sont les objets de JavaClass et d'autres JavaPackage qu'il contient. Exemple <html> <head> <title>Démonstration de javaPackages</title> </head> <body> <script> var valeurDouble = new .Double(3.14); var classeDouble = getClass(valeurDouble); var nb = valeurDouble.doubleValue(); document.write('classe de l\'objet : ' + classeDouble); document.write('<br>'); document.write('Valeur de l\'objet : ' + nb); document.write('<br>'); document.write(Math.round(Math.random()*100) + ' * ' + nb + ' = '); document.write(Math.round(Math.random()*100)*nb); </script> </body> </html> En savoir plus : 8.36 / JSObject JSObjectreprésente un objet Javascript. La classe JSObject est disponible dans l'archive Java pour la version JDK 1.5 et pour les versions antérieures dans le fichier , normalement présent dans le répertoire lib de l'environnement Java (JRE : Java Runtime Environment). Compatibilité Disponibilité Javascript Synopsis netscape.javascript.JSObject Méthodes | Méthode | | call(nom_méthode, arguments[]) | | equals(Objet, objet) | | eval(chaîne_de_caractères) | | getMember(nom) | | getSlot(index) | | getWindow(applet) | | removeMember(nom) | | setMember(nom, valeur) | | setSlot(index, valeur) | | toString() | | | Description | | invoque une méthode d'un objet Javascript. | | détermine si deux objets JSObject se réfèrent à la même instance. | | évalue une chaîne de caractères. | | permet de lire une propriété d'un objet Javascript. | | lit un élément de tableau d'un objet Javascript. | | enlève une propriété d'un objet Javascript. | | définit une propriété d'un objet Javascript. | | définit un élément de tableau d'un objet Javascript. | | convertit un objet JSObject en une chaîne de caractères. | | Exemple [voir] // Importations import .Graphics; import .Event; // LiveConnect pour JavaScript import netscape.javascript.JSObject ; public class tmin_JS extends java.applet.Applet { // Variables // Initialisation de l'applet public void init() { // Methode init() } // Dessiner l'applet public void paint(Graphics g) { // Methode paint() g.drawString("Click here ", 5, 10) ; } // Mouse down public boolean mouseDown(Event e, int x, int y) { try { // create JSObject JSObject.getWindow (this).eval ("javascript:alert('tmin_JS click " + " x="+ x + " y="+ y + "')") ; } catch (Exception ex) { // Error on create JSObject showStatus( "Error call javascript err="+ ex ); } return true ; } } En savoir plus : 8.37 / Layer Layerreprésente un élément de saisie dans un formulaire.Compatibilité Disponibilité Javascript Correspondance HTML <layer > </layer> Synopsis document.layers[i] Constructeur new Layer(largeur, parent) Propriétés | Propriété | | above | | background | | bgColor | | below | | clip.bottom | | clip.height | | | clip.right | | | clip.width | | document | | left | | name | | pageX | | pageY | | parentLayer | | siblingAbove | | siblingBelow | | | Description | | représente la couche au-dessus de la couche courante | | représente l'image d'arrière plan de la couche | | représente la couche en-dessous de la couche courante | | représente le bord inférieur de la partie visible de la couche | | représente la hauteur de la partie visible de la couche | | représente le bord gauche de la partie visible de la couche | | représente le bord droit de la partie visible de la couche | | représente le bord supérieur de la partie visible de la couche | | représente la largeur de la partie visible de la couche | | représente l'objet Document associé à la couche | | représente la position horizontale du bord gauche de la couche, en pixels, par rapport à sa couche parente | | indique le nom de la couche (ID) | | représente la position horizontale de la couche, en pixels, par rapport à la page | | représente la position verticale de la couche, en pixels, par rapport à la page | | représente un objet Layer qui contient cette couche, ou l'objet Window inclus si cette couche n'est pas emboîtée dans une autre couche | | représente un objet Layer de même niveau hiérarchique au-dessus de la couche courante | | représente un objet Layer de même niveau hiérarchique en-dessous de la couche courante | | | src | | top | | visibility | | window | | x | | y | | zIndex | | | représente une chaîne de caractères spécifiant l'adresse URL du contenu de la couche | | représente la position verticale du bord supérieur de la couche, en pixels, par rapport à l'origine de sa couche parente | | spécifie la visibilité ou l'invisibilité de la couche | | représente la fenêtre qui contient la couche | | correspond à | | correspond à | | représente la position de la couche dans l'ordre d'empilement. | | Méthodes | Méthode | | captureEvents() | | handleEvent(événement) | | load(source, largeur) | | moveAbove(cible) | | moveBelow(cible) | | moveBy(x, y) | | moveTo(x, y) | | moveToAbsolute(x, y) | | releaseEvents() | | resizeTo(hauteur, largeur) | | routeEvent | | | | spécifie les types d'événements à capturer | | | transmet au gestionnaire approprié un événement | | | change le contenu et la largeur d'une couche | | | déplace la couche au-dessus d'une autre couche | | | déplace la couche en-dessous d'une autre couche | | | déplace la couche vers une position relative à la position courante | | | déplace le coin supérieur gauche de la couche au coordonnées spécifiées | | | déplace la couche des coordonnées spécifiées à l'intérieur de la page | | | cesse la capture du type d'événement spécifié | | | redimensionne la hauteur et la largeur de la couche selon les attributs relatifs | | | redimensionne la hauteur et la largeur de la couche | | | transmet un événement capturé au prochain gestionnaire. | | Evénements | Evénement | | onBlur | | onFocus | | onLoad | | onMouseOver | | onMouseOut | | | Description | | perte de focus de l'élément. | | réception de focus sur l'élément. | | chargement de l'élément. | | déplacement de la souris sur la zone de l'élément. | | déplacement de la souris hors de la zone de l'élément. | | Exemple [voir] <html> <head> <title>Démonstration de Layer</title> <script language="JavaScript"><!- var nav; var timer; var temps = new Date; var mois = new Array('Janvier','Février','Mars','Avril','Mai', 'Juin', 'Juillet','Août','Septembre', 'Octobre','Novembre','Décembre'); var j_semaine = new Array('Dimanche','Lundi','Mardi', 'Mercredi','Jeudi','Vendredi', { if (navigator.appName == "Netscape") nav = "NE" ; else nav = "IE"; if (nav == "NE") { couche_date = document.layers['dat']; couche_heure = document.layers['heu']; } } function date() { var y = temps.getFullYear(); var m = temps.getMonth(); var j_s = temps.getDay(); var j_m = temps.getDate(); val_date = j_semaine[j_s] + ' ' + j_m + ' ' + mois[m] + ' ' + y; if (nav == "NE") { (); couche_date.document.write('<b style="font-size:14pt;' + 'font-family:Verdana; color:#000000;' + 'font-weight:bold">'+val_date+'</b>'; couche_date.document.close(); } else dat.innerHTML = '<b style="font-size:14pt;' + 'font-family:Verdana; color:#000000;' + 'font-weight:bold">'+val_date+'</b>'; } function heure() { temps = new Date; h = temps.getHours(); m = temps.getMinutes(); s = temps.getSeconds(); heures = (h <= 9) ? ('0' + h) : h; minutes = (m <= 9) ? ('0' + m) : m; secondes = (s <= 9) ? ('0' + s) : s; val_heure = heures + ' : ' + minutes + ' : ' + secondes; if (nav == "NE") { (); } else heu.innerHTML = '<b style="font-size:14pt;' + 'font-family:Verdana; color:#000000;' +' font-weight:bold">' + val_heure + '</b>'; if (s % 20 == 0) date(); timer=setTimeout('heure()',1000); } </script> </head> <body onload="init();date();heure();" onunload="clearTimeout(timer)"> <div id="dat" style="position:absolute; left:20;top:20; width:300;height:100"> </div> <div id="heu" style="position:absolute; left:320;top:20; width:150;height:100"> </div> </body> </html> En savoir plus :
8.38 / Link Linkreprésente un lien hypertexte.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <a href= > </a> <area href= > Héritage HTMLElement Synopsis document.links[i] document.links.length Propriétés | Propriété | | hash | | host | | hostname | | href | | pathname | | port | | protocol | | search | | target | | text | | x | | y | | | Description | | sépcifie un nom d'ancre dans une URL. | | spécifie le nom de domaine de l'hôte ou l'adresse IP du réseau hôte. | | indique le nom de domaine du serveur hôte. | | spécifie l'URL complète du lien (HREF). | | retourne le chemin d'accès du lien. | | indique le port de communication que le serveur utilise. | | spécifie le début de l'URL en incluant les deux points (http:). | | spécifie une requête sous forme de chaîne de caractères. | | correspond à l'attribut TARGET. | | spécifie le texte contenu dans les balises A. | | représente la position horizontale du lien en pixels. | | représente la position verticale du lien en pixels. | | | Description | | invoque le gestionnaire pour spécifier un événement. | | Evénements | | | double-clic de la souris. | | | | | curseur de la souris sort de la zone de l'élément. | | | | | curseur de la souris dans la zone de l'élément. | | | onClick | | onDblClick | | onKeyDown | | onKeyPress | | onKeyUp | | onMouseDown | | onMouseOut | | onMouseUp | | onMouseOver | | | clic de souris sur le lien. | | | double-clic de la souris. | | | une touche du clavier est enfoncée. | | | la touche venant d'être enfoncée est relâchée. | | | une touche du clavier est relâchée. | | | bouton de la souris enfoncé sur l'élément Link. | | | curseur de la souris sort de la zone de l'élément. | | | bouton de la souris relaché sur l'élément Link. | | | curseur de la souris dans la zone de l'élément. | | Exemple [voir] <html> <head> <script> function voirlien() { msgWindow = ("","message","width=450,height=200") msgWindow.document.write("Nombre de liens dans la page : " + document.links.length + "<br>") for (var i = 0; i < document.links.length; i++) { msgWindow.document.write( "Adresse (" + i + "): " + document.links[i] + "<br>") } } </script> </head> <body> <a href="/.."> L'Altruiste : Le guide de votre site Web</a><br> <a href="/courshtml/"> Cours sur le langage HTML</a><br> Cours sur les feuilles de style</a><br> <a href="/coursjavascript/"> Cours Javascript</a><br> <a href="/"> Microsoft JScript 5.5</a><br> <a href="/ "> Netscape Javascript 1.3</a><br><br> <a href="javascript:voirlien()"> Cliquez ici pour afficher toutes les URL</a> </body> </html> En savoir plus :
8.39 / Location Locationreprésente l'emplacement pointé par le navigateur.Compatibilité Disponibilité Javascript 1.0 côté client Adresse URL Protocole//Hôte:Port/Chemin#Ancre?Recherche (#LettreJ) Synopsis location window.location Propriétés | Propriété | | hash | | host | | hostname | | href | | pathname | | port | | protocol | | search | | | Description | | sépcifie un nom d'ancre dans une URL (adresse#Ancre). | | spécifie le nom de domaine de l'hôte ou l'adresse IP du réseau hôte. | | indique le nom de domaine du serveur hôte. | | spécifie l'URL complète du lien (HREF). | | retourne le chemin d'accès du lien. | | indique le port de communication que le serveur utilise. | | spécifie le protocole de l'URL en incluant les deux-points (http:). | | spécifie une requête de recherche (URL?Requête). | | Méthodes | | | Description | | force un rechargement du document courant. | | charge une URL spécifiée au-dessus du document courant. | | Exemple [voir] <html> <head> document.write('<br>Navigateur : ' + navigateur + '<br>localisation : ' + localisation + '<br>hôte : ' + hote + '<br>fichier : ' + fichier + '<br>accès : ' + acces); function suivant() { for (var i = 0; i < taille; i++) { var situe = (acces + cours[i]); if (situe == localisation) { if (i != (taille - 1)) { window.location.replace(cours[i + 1]); return true; } else { window.location.replace(cours[0]); return true; } } } alert('Le document suivant est invalide' + '&nVeuillez en informer le Webmaster !') window.location.replace(cours[0]); } function precedent() { for (var i = 0; i < taille; i++) { var situe = (acces + cours[i]); if (situe == localisation) { if (i != 0) { window.location.replace(cours[i - 1]); return true; } else { window.location.replace(cours[taille - 1]); return true; } } } window.location.replace(cours[0]); } </script> </head> <body> <a href="javascript:precedent()">Document précédent</a> << Première Page >> <a href="javascript:suivant()">Document suivant</a> </body> </html> Second exemple [voir]
<html> <head> <title>Fenêtre principale</title> </head> <frameset rows="15%,*"> <frame name="cadre_superieur" src=""> <frameset cols="25%,*"> <frame name="cadre_gauche" src=""> <frame name="cadre_droit" src=""> </frameset> <noframes> <body> </body> </noframes> </frameset> </html> <html> <head> <title>Cadre gauche</title> <script language="Javascript" type="text/javascript"> function chargement(page,cadre) { parent.frames[cadre].location.href = page; } function double_chargement(page1, page2) { parent.frames["cadre_droit"].location.href = page1; parent.frames["cadre_superieur"].location.href = page2; } </script> </head> <body> <h1>Cadre gauche</h1> <a href="" target="cadre_droit"> Lien HTML </a> <br> <a href="Javascript:chargement('', 'cadre_droit')"> Lien Javascript simple </a> <br> <a href="Javascript:double_chargement('', '')"> Lien Javascript double </a> </body> </html> <html> <head> <title>Cadre supérieur</title> </head> <h1>Cadre supérieur</h1> </body> </html> <html> <head> <title>Cadre droit</title> </head> <body> <h1>Cadre droit</h1> </body> </html> En savoir plus : 8.40 / Math Mathconstitue un support de fonctions et de constantes mathématiques. Compatibilité Disponibilité Javascript 1.0 Synopsis Math.constant Math.function() Propriétés | Propriété | | E | | LN10 | | LN2 | | LOG10E | | LOG2E | | PI | | SQRT1_2 | | SQRT2 | | | Description | | représente la constante d'Euler E (env 2.178). | | représente le logarithme naturel base 10, loge10 (env 2.302). | | représente le logarithme naturel base 2, loge2 (env 0.693). | | représente le logarithme naturel base e, log10e (env 0.434). | | représente le logarithme naturel base 10, log2e (env 1.442). | | représente le ratio de la circonférence d'un cercle et de son diamètre divisé par deux, Pi (3.14159). | | représente l'inverse de la racine carrée (0.707). | | représente la racine carrée de 2 (1.414). | | Méthodes | Méthode | | abs(x) | | acos(x) | | asin(x) | | atan(x, y) | | atan2(x, y) | | ceil(x) | | cos(x) | | exp(x) | | floor(x) | | log(x) | | max(a, b) | | min(a, b) | | | Description | | retourne la valeur absolue d'un nombre. | | retourne l'arc cosinus en radians d'un nombre. | | retourne l'arc sinus en radians d'un nombre. | | retourne l'arc tangente en radians d'un nombre. | | retourne l'angle entre l'axe des x et un point. | | retourne l'arrondi inférieur d'un nombre. | | retourne le cosinus d'un nombre. | | retourne ex ou e est la constante d'Euler. | | retourne l'arrondi vers le bas d'un nombre. | | retourne le logarithme (base E) d'un nombre. | | retourne la plus grande des valeurs. | | retourne la plus petite des valeurs. | | random() | | round(x) | | sin(x) | | sqrt(x) | | tan(x) | | | calcule xy. | | retourne un nombre pseudo-aléatoire. | | retourne l'arrondi de la valeur d'un nombre à l'entier le plus prôche. | | retourne le sinus d'un nombre. | | retourne la racine carrée d'un nombre. | | retourne la tangente d'un nombre. | | Exemple [voir]
<html> <head> <script language="javascript"> var NDIGITS = 16; var STACKSIZE = 12; var value = 0; var level = 0; var entered = true; var decimal = 0; var fixed = 0; var exponent = false; function stackItem() { this.value = 0; = ""; } function array(length) { this[0] = 0; for (i=0; i<length; ++i) { this[i] = 0; this[i] = new stackItem(); } this.length = length; } stack = new array(STACKSIZE); function push(value,op,prec) { if (level == STACKSIZE) return false; for (i = level; i > 0; --i) { stack[i].value = stack[i-1].value; stack[i].op = stack[i-1].op; stack[i].prec = stack[i-1].prec; } stack[0].value = value; stack[0].op = op; stack[0].prec = prec; ++level; return true; } function pop() { if (level==0) return false; for (i = 0; i < level; ++i) { stack[i].value = stack[i+1].value; stack[i].op = stack[i+1].op; } --level; return true; } function format(value) { var valStr = "" + value; if (valStr.indexOf("N") >= 0 || (value == 2*value && value == 1 + value)) return "Error "; var i = valStr.indexOf("e") if (i >= 0) { var expStr = valStr.substring(i + 1,valStr.length); if (i > NDIGITS - 5) i = NDIGITS - 5; valStr = valStr.substring(0,i); if (valStr.indexOf(".") < 0) valStr += "."; valStr += " " + expStr; } else { var valNeg = false; if (value < 0) { value = -value; valNeg = true; } var expval = (value)*Math.LOG10E; if (value == 0) { expval = 0; } else if (expval > NDIGITS-5) { expval = Math.floor(expval); value /= (10, expval); } else if (-expval > NDIGITS-5) { expval = (expval); value /= (10, expval); } else { expval = 0; } var valInt = Math.floor(value); var valFrac = value - valInt; var prec = NDIGITS - (""+valInt).length - 1; if (prec < 0) return "Error" if (!entered && fixed > 0) var mult = " 1000000000000000000".substring(1,prec + 2); var frac = Math.floor(valFrac * mult + 0.5); valInt = Math.floor(Math.floor(value * mult + .5) / mult); if (valNeg) valStr = "-" + valInt; else valStr = "" + valInt; var fracStr = "00000000000000" + frac; fracStr = fracStr.substring(fracStr.length-prec, fracStr.length); i = fracStr.length - 1; if (entered || fixed == 0) { while (i >= 0 && fracStr.charAt(i)=="0") --i; fracStr = fracStr.substring(0, i + 1); } if (i >= 0) valStr += "." + fracStr; if (expval != 0) { var expStr = "" + expval; valStr += " " + expStr; } } return valStr; } function refresh() { var display = format(value); if (exponent) { if (expval < 0) display += " " + expval; else display += " +" + expval; } if (display.indexOf(".")<0 && display != "Error ") { if (entered || decimal>0) display += '.'; else display += ' '; } display = " " + display; display = display.substring(display.length - NDIGITS - 1,display.length); document.calculator.result.value = display; } function clearDisp() { refresh(); } function clearAll() { level = 0; clearDisp(); } function evalx() { if (level == 0) return false; op = stack[0].op; sval = stack[0].value; if (op == "+") value = sval + value; else if (op == '-') value = sval - value; else if (op == '*') value = sval * value; else if (op == '/') value = sval / value; else if (op == 'pow') value = (sval,value); pop(); if (op=='(') return false; return true; } function openp() { enter(); if (!push(0,'(',0)) value = "NAN"; refresh(); } function closep() { enter(); while (evalx()) ; refresh(); } function operator(op) { enter(); if (op == '+' || op == '-') prec = 1; else if (op == '*' || op == '/') prec = 2; else if (op == "pow") prec = 3; if (level > 0 && prec < = stack[0].prec) evalx(); if (!push(value,op,prec)) value = "NAN"; refresh(); } function enter() { if (exponent) value = value * (expval * Math.LN10); entered = true; exponent = false; decimal = 0; fixed = 0; } function equals() } function digit(n) { if (entered) { value = 0; digits = 0; entered = false; } if (n == 0 && digits == 0) { refresh(); return; } if (exponent) { if (expval < 0) n = -n; if (digits < 3) { expval = expval * 10 + n; ++digits; refresh(); } return; } if (value < 0) n = -n; if (digits < NDIGITS - 1) { ++digits; if (decimal > 0) { decimal = decimal * 10; value = value + (n / decimal); ++fixed; } else value = value * 10 + n; } refresh(); } function bksp() { if (entered) { refresh(); return; } if (digits == 0) { refresh(); return; } if (exponent) { if (expval < 0) expval = -Math.floor(-expval / 10); else expval = Math.floor(expval / 10); --digits; refresh(); return; } if (decimal > 1) { if (value < 0) value = -Math.floor(-value * decimal / 10); else value = value/decimal; --fixed; if (decimal == 1) decimal = 0; } else { if (value < 0) value = -Math.floor(-value / 10); else value = Math.floor(value / 10); decimal = 0; } --digits; refresh(); } function sign() { if (exponent) expval = -expval; else value = -value; refresh(); } function period() { if (entered) { value = 0; digits = 1; } entered = false; if (decimal == 0) decimal = 1; refresh(); } function exp() { if (entered || exponent) return; exponent = true; expval = 0; digits = 0; decimal = 0; refresh(); } function func(f) { enter(); if (f=="1 / x") { value = 1 / value; } else if (f == 'n!') { if (value < 0 || value > 200 || value != Math.round(value)) value = "NAN"; else { var n = 1; var i; for (i = 1; i <= value; ++i) n *= i; value = n; } } else { if (f == "sin") value = (value / 180 * ); else if (f == "tan") value = (value / 180 * ); else if (f == "log") value = (value) / Math.LN10; else if (f == "log2") value = (value) / Math.LN2; else if (f == "ln") value = (value); else if (f == "sqrt") value = (value); else if (f == "pi") value = ; else if (f == "asin") value = (value)*180 / ; else if (f=="acos") value = (value)*180 / ; else if (f == "atan") value = (value)*; else if (f == "alog") value = (value * Math.LN10); else if (f == "alog2") value = (value * Math.LN2); else if (f == "exp") value = (value); else if (f == "sqr") value = value*value; else if (f == "e") value = Math.E; } refresh(); } </script> </head> <body onload="refresh()"> </body> </html> En savoir plus : 8.41 / MimeType MimeTypereprésente un type de données MIME (Multipart Internet Mail Extension). Compatibilité Disponibilité Javascript Synopsis navigator.mimeTypes[i] navigator.mimeTypes["type"] navigator.mimeTypes.length Propriétés | Propriété | | description | | enabledPlugin | | suffixes | | type | | | Description | | indique une description d'un type MIME. | | représente une extension logicielle qui manipule le type MIME. | | inscrit les possibles extensions des noms de fichier associées au type MIME. | | Exemple [voir] <html> <body> <script language="javascript"> if (navigator.appName == 'Netscape') { document.writeln("<table border=1><tr valign=TOP>" + "<th align=left>Nb</th>" + "<th align=left>Type</th>" + "<th align=left>Description</th>" + "<th align=left>Suffixes</th>" + "<th align=left>Plug-Ins</th></tr>") for (i = 0; i < navigator.mimeTypes.length; i++) { document.writeln("<tr valign=TOP><td>" + i + "</td><td>",navigator.mimeTypes[i].type + "</td><td>",navigator.mimeTypes[i].description + "</td><td>",navigator.mimeTypes[i].suffixes) if (navigator.mimeTypes[i].enabledPlugin == null) { document.writeln("</td><td>Absent</td></tr>") } else { document.writeln("</td><td>" + navigator.mimeTypes[i] + "</td></tr>") } } document.writeln("</table>") } else document.write("Ce programme ne fonctionne que sous Netscape"); </script> </body> </html> En savoir plus : 8.42 / Navigator Navigatorreprésente les caractéristiques du navigateur en cours d'utilisation. Compatibilité Disponibilité Javascript 1.0 côté client Synopsis navigator Propriétés | Propriété | | appCodeName | | appVersion | | language | | mimeTypes | | platform | | plugins | | userAgent | | | Description | | retourne le nom de code du navigateur. | | spécifie le nom du navigateur. | | spécifie la version du navigateur. | | indique le langage par défaut du navigateur. | | détermine un tableau de tous les types MIME supportés par le navigateur. | | indique la plateforme sur laquelle tourne le navigateur. | | détermine un tableau des plug-ins installés sur le navigateur. | | spécifie des informations relatifs au navigateur. | | Méthodes | Méthode | | javaEnabled() | | plugins.refresh() | | preference(preference, valeur) | | savePreferences() | | taintEnabled() | | | Description | | teste si Java est activé. | | rend disponibles les extensions logicielles récemment installées (NE). | | permet de fixer ou de retirer les préférences de l'utilisateur (NE). | | sauvegarde les préférences de l'utilisateur dans un fichier local (NE). | | spécifie si la corruption des données est activée (NE). | | Exemple [voir] <html> <body> <script language="javascript"> var navigateur = navigator.appName; var version = navigator.appVersion; var code = navigator.appCodeName; var langage = navigator.language; var plateforme = navigator.platform; var langsys = navigator.systemLanguage; var agent = navigator.userAgent; var langue = navigator.userLanguage; document.write('Navigateur : ' + navigateur + '<br>Version : ' + version + '<br>Code : ' + code + '<br>Langage NE : ' + langage + '<br>Plateforme : ' + plateforme + '<br>Langage Système : ' + langsys + '<br>Langage IE : ' + langue); </script> </body> </html> En savoir plus :
8.43 / Number Numberpermet de prendre en charge les nombres. Compatibilité Disponibilité Javascript 1.1 Synopsis new number(valeur) number(valeur) Propriétés | Propriété | | constructor | | MAX_VALUE | | MIN_VALUE | | NaN | | NEGATIVE_INFINITY | | POSITIVE_INFINITY | | prototype | | | Description | | spécifie la fonction que crée un prototype d'objet. | | représente un nombre maximale utilisable. | | représente un nombre minimale utilisable. | | représente une valeur qui n'est pas un nombre (Not a Number). | | représente un infini négatif. | | représente un infini positif. | | permet l'addition de propriétés à un objet Number. | | Méthodes | Méthode | | toLocaleString() | | toSource() | | toString(racine) | | valueOf() | | | Description | | retourne une date convertie en chaîne en utilisant les paramètres régionaux en cours. | | retourne un objet littéral représentant l'objet Number spécifié. | | retourne une chaîne de caractères représentant l'objet Number spécifié. | | retourne la valeur primitive de l'objet Number spécifié. | | Exemple [voir] <html> <head> <script language="javascript"> function verifie() { var nombre = new Number(formulaire.valeur.value); var val_max = Number.MAX_VALUE; var val_min = Number.MIN_VALUE; var invalide = ; var inf_pos = Number.POSITIVE_INFINITY; var inf_neg = Number.NEGATIVE_INFINITY; if (nombre.toString() == invalide.toString()) alert("La valeur fournie est invalide !&nElle est égale à : " + nombre); else { document.write("<br>La valeur Number.POSITIVE_INFINITY : " + inf_neg); document.write("<br>La valeur Number.NEGATIVE_INFINITY : " + inf_pos); } } </script> </head> <body> <form name="formulaire"> <input type="text" name="valeur" size="20" maxlength="20"> <input type="button" value="Vérifier" onclick="verifie()"> </form> </body> </html> En savoir plus : 8.44 / Object Objectreprésente la superclasse qui contient des caractéristiques propres à tous les objets Javascript. Compatibilité Disponibilité Javascript 1.0 Synopsis new Object() new Object(valeur) Propriétés | Propriété | | constructor | | prototype | | | Description | | spécifie la fonction qui crée un prototype d'objet. | | permet l'addition de propriétés à tous les objets. | | Méthodes | Méthode | | assign(valeur) | | eval(code) | | toLocaleString() | | toSource | | toString | | unwatch | | valueOf | | watch | | | Description | | surcharge l'opération d'affectation (utilisation désapprouvée). | | évalue une chaîne de caractères d'un code Javascript dans le contexte de l'objet spécifié (utilisation désapprouvée). | | retourne une date convertie en chaîne de caractères en utilisant les paramètres régionaux en cours. | | retourne un objet littéral représentant l'objet spécifié. | | retourne une chaîne de caractères représentant l'objet spécifié. | | enlève un point d'observation d'une propriété de l'objet. | | retourne la valeur primitive de l'objet spécifié. | | ajoute un point d'observation à la propriété de l'objet. | | Exemple [voir] <html> <head> <script> objet = new Object(); horloge = new Object(); { if (obj != "[object]") { setTimeout("estompe(" + obj + "," + arriere + "," + taux + "," + nettete + ")", 0); return; } clearTimeout(horloge[obj.sourceIndex]); diff = arriere - obj.filters.alpha.opacity; direction = 1; if (obj.filters.alpha.opacity > arriere) { direction = -1; } nettete = (direction * diff, nettete); obj.filters.alpha.opacity += direction * nettete; if (obj.filters.alpha.opacity != arriere) { objet[obj.sourceIndex] = obj; horloge[obj.sourceIndex] = setTimeout("estompe(objet[" + obj.sourceIndex + "]," + arriere + "," + taux + "," + nettete + ")", taux); } } </script> </head> <body> <img src="" border="0" width="104" height="85" style="filter:alpha(opacity = 10)" onmouseover="estompe(this,100,30,5)" onmouseout="estompe(this,10,96,5)"> </body> </html> En savoir plus : 8.45 / Option Optionreprésente une option dans un élément Select.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <option > </option> Héritage HTMLElement Constructeur new Option(texte, valeur, Sélection_par_défaut, sélection) Synopsis select.options[i] Propriétés | Propriété | | defaultSelected | | index | | length | | selected | | text | | value | | | Description | | spécifie l'état de la sélection initiale de l'option (selected). | | indique le nombre d'options dans l'élément Select. | | indique si l'option est sélectionnée. | | représente l'étiquette de l'option (LABEL). | | spécifie la valeur de l'option retournée lorsque le formulaire est soumis (VALUE). | | Exemple [voir] <html> <head> <title>Démonstration de Option</title> </head> <body> <form name="form"> <table border="0" width="100%" height="178"> <tr> <td width="35%" valign="top" align="left"> <select name="selecteur" size="6" onchange="afficheImage(this.options[this.selectedIndex].value)"> <option value="" selected> Javascript 1.5</option> <option value=""> Javascript et VBScript</option> <option value=""> Javascript Professionnel</option> <option value=""> Javascript Précis & Concis</option> <option value=""> 300 astuces pour HTML et Javascript</option> </select> </td> <td width="65%" valign="top" align="left"> <ilayer id="couche1" width="100%" height="178"> <layer id="couche2" width="100%" height="178"> <div id="couche3"></div></layer></ilayer> </td> </tr> </table> </form> var ie4 = ; var ns6 = document.getElementById; var tempobj = .selecteur; if (ie4 || ns6) var contenu = document.getElementById ? document.getElementById("couche3") : .couche3; function afficheImage(image) { if (ie4 || ns6) { contenu.innerHTML = '<center>Chargement en cours </center>'; contenu.innerHTML = '<center><img src="'+ image + '"><br><br>' + description[tempobj.options.selectedIndex] +'</center>'; } else if (document.layers) { document.couche1.document.couche2.document.write('' + '<center><img src="' + image + '"><br><br>' + description[tempobj.options.selectedIndex] + '</center>'); document.couche1.document.couche2.document.close() } else alert('Vous avez besoin de Explorer 5.x, Netscape 4.x ou plus !') } function afficheDefaut() { afficheImage(tempobj.options[tempobj.options.selectedIndex].value); } if (ie4 || ns6 || document.layers) { if (tempobj.options.selectedIndex != -1) { if (ns6) afficheDefaut(); else window.onload = afficheDefaut; } } </script> </body> </html> En savoir plus :
8.46 / Packages Packagesreprésente un objet au plus haut niveau qui a accès aux classes de Java de l'intérieur le code de JavaScript.Compatibilité Disponibilité Javascript Synopsis Packages.nomClasse Propriétés | Propriété | | java | | netscape | | sun | | | Description | | représente le nom d'une classe Java dans un paquetage autre que Netscape, Java, ou Sun qui est disponible pour JavaScript. | | représente n'importe quelle calsse dans un paquetage Java : Java.*. | | représente n'importe quelle calsse dans un paquetage Java : netscape.*. | | représente n'importe quelle calsse dans un paquetage Java : sun.*. | | Exemple [voir] <html> <head> <title>Démonstration de Packages</title> </head> <body> <script> var dateJava = new (); var heure = dateJava.getHours(); var minutes = dateJava.getMinutes(); var secondes = dateJava.getSeconds(); var jour = dateJava.getDate(); var mois = dateJava.getMonth() + 1; var annee = 1900 + dateJava.getYear(); document.write('<p><u>Date Java :</u> <b>' + dateJava + '</b></p>'); document.write('<p><u>Jour :</u> <b>' + jour + ' / ' + mois + ' / ' + annee + '</b></p>'); document.write('<p><u>Temps :</u> <b>' + heure + ' : ' + minutes + ' : ' + secondes + '</b></p>'); </script> </body> </html> En savoir plus : 8.47 / Password Passwordreprésente un élément de saisie textuel destiné au mot de passe. Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input type="password" > Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | defaultValue | | form | | name | | type | | value | | | Description | | spécifie le formulaire contenant l'élément de saisie. | | correspond au nom de l'élément de saisie. | | correspond à l'attribut TYPE. | | valeur de l'élément Password. | | Méthodes | Méthode | | blur | | focus | | handleEvent | | select | | | Description | | enlève le focus sur l'élément de saisie. | | donne le focus à l'élément de saisie. | | invoque le Handler pour spécifier un événement. | | sélectionne le texte dans l'élément de saisie. | | Evénements | | | Description | | perte de focus de l'élément de saisie. | | réception de focus sur l'élément de saisie. | | Exemple [voir] <html> <head> <title>Démonstration de Password</title> <script language="JavaScript"> function ValidationForm(form){ if (.value == "") { alert("Entrez un nom s'il vous plaît !"); return false; } if ((form.motpasse1.value == "") || (form.motpasse2.value == "")) { alert("Entrez un mot de passe s'il vous plaît !"); return false; } if (form.motpasse1.value != form.motpasse2.value ) { alert("ATTENTION, les mots de passe sont différents !"); form.motpasse1.value = ""; form.motpasse2.value = ""; form.motpasse1.focus(); return false; } return true; } </script> </head> <body> <form type="post" action="" onsubmit="return ValidationForm( this );"> Utilisateur : <input type="text" name="nom" size="30"><br> Mot de passe : <input type="password" name="motpasse2" size="30"><br> <input type="submit" value="Valider"> <input type="reset" value="Annuler"></p> </form> </body> </html> Exemple [voir] <html> <head> <title>Démonstration de Password</title> <script language="javascript"> function connecter() { utilisateur = .value; mot_passe = document.connexion.password.value; verif = utilisateur + mot_passe + ".html"; location= verif; return true; } </script> </head> <body> <form type="post" name="connexion"> <input name="nom" value="utilisateur" type="text"> <input name="password" type="password" value="motdepasse"> <br><br> <input value="Valider" type="button" onclick="connecter()"> </form> </body> </html> En savoir plus :
8.48 / Plugin Plugindécrit les extensions logicielles installées.Compatibilité Disponibilité Javascript Synopsis navigator.plugins[i] navigator.plugins['nom'] Propriétés | Propriété | | description | | filename | | length | | name | | | Description | | donne une description d'une extension logicielle. | | donne le nom de fichier du programme d'extension. | | indique le nombre d'élément dans le tableau des types MIME. | | spécifie le nom de l'extension logicielle. | | Exemple [voir] <html> <body> <script language="javascript"> if (navigator.appName == 'Netscape') { document.writeln("<table border=1><tr valign=TOP>" + "<th align=left>Nb</th>" + "<th align=left>Nom de fichier</th>" + "<th align=left>Description</th>") for (i = 0; i < navigator.plugins.length; i++) { document.writeln("<tr valign=TOP><td>" + i + "</td><td>",navigator.plugins[i].name + "</td><td>",navigator.plugins[i].filename + "</td><td>",navigator.plugins[i].description); } document.writeln("</td></tr></table>") } else document.write("Ce programme ne fonctionne que sous Netscape"); </script> </body> </html> En savoir plus : 8.49 / PrivilegeManager PrivilegeManagerreprésente la classe Java utilisée par les scripts signés. Compatibilité Disponibilité Javascript Synopsis netscape.security.PrivilegeManager Méthodes | Méthode | | disablePrvilege(privilège) | | enablePrivilege(privilège) | | | Description | | désactive un privilège. | | active un privilège. | | En savoir plus
8.50 / Radio Radioreprésente une case radio dans un formulaire.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input type="radio" > Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | checked | | defaultchecked | | form | | name | | type | | value | | | Description | | spécifie l'état de l'élément de saisie. | | la case à cocher est côchée par défaut (CHECKED). | | spécifie le formulaire contenant l'élément de saisie. | | correspond au nom de l'éléments de saisie (NAME). | | correspond à l'attribut TYPE. | | valeur de l'élément Radio (VALUE). | | Méthodes | Méthode | | click | | focus | | handleEvent | | | Description | | enlève le focus sur l'élément de saisie. | | simule un clique de souris sur l'élément de saisie. | | donne le focus à l'élément de saisie. | | invoque le Handler pour spécifier un événement. | | Evénements | Evénement | | onBlur | | onChange | | onFocus | | | Description | | perte de focus de l'élément de saisie. | | la valeur de l'élément de saisie change. | | réception de focus sur l'élément de saisie. | | Exemple [voir]
<html> <head> <title>Démonstration de Radio</title> <script language="JavaScript"> etat = 0; g = 0; args = new Array(); noms = new Array(); z = -1; if (document.images) { var selectionnee = new Image(); = ""; var deselectionnee = new Image(); = ""; } function CreeRadio(nom, valeur, label, selection) { ok = false; inc = 0; if (document.images) { for (var i = 0; i < noms.length; i++) { if (noms[i] == nom) { ok = true; inc = i; } } if(ok == false) { ifhidden = '<input type="hidden" name="' + nom + '" value="' + valeur + '">'; taille_noms = noms.length; args[taille_noms] = new Array(); args[taille_noms][0] = new Array(); args[taille_noms][0][0] = nom; args[taille_noms][0][1] = valeur; noms[noms.length] = nom; args[inc][taille_args][1] = valeur; } if(selection==1) { image=""; attribut="CHECKED"; } else { image=""; attribut="UNCHECKED"; } arg_nom = "'" + nom + "'"; arg_valeur = "'" + valeur + "'"; document.write('<a href="javascript:changement(' + arg_nom + ', ' + arg_valeur + ', ' + etat + ')"><img src="' + image + '" name="' + valeur +'" border="0"></a> ' + label + '<br>' + ifhidden); if(selection==1) { .elements[nom].value = valeur; } etat++ } else { browserver = navigator.userAgent; if (browserver.indexOf("Mozilla/2") != -1) { if(selection == 1) { attribut = "CHECKED"; } else { attribut = ""; } document.write('<input type="radio" name="' + nom + '" value="' + valeur + '" ' + image + '>' + label + '<br>'); } } } function changement(arg_nom , arg_valeur, arg_etat) { if(.elements[arg_nom].value != arg_valeur) { for (i = 0; i < args.length; i++) { { if(args[i][j][0] == arg_nom) { document.images[args[i][j][1]].src = eval(''); } } } document.images[arg_valeur].src = eval(''); .elements[arg_nom].value = arg_valeur; } } </script> </head> <body> <form name="form"> Sélectionner l'un des formats :<br><br> <script> CreeRadio("format", "Text", "Texte", 1) CreeRadio("format", "HTML", "HTML", 0) CreeRadio("format", "XML", "XML", 0) CreeRadio("format", "CSS", "CSS", 0) CreeRadio("format", "XSL", "XSL", 0) </script> </form> </body> </html> En savoir plus : 8.51 / RegExp RegExpreprésente une expression régulière utilisée pour la mise en correspondance de motifs. Compatibilité Disponibilité Javascript 1.2 Constructeur new RegExp(modèle, attribut); La valeur attribut de l'expression régulière peut être g ou/et i. Respectivement, pour une recherche global du modèle et pour l'autre en ignorant la casse du modèle. Propriétés | Propriété | | $1, , $9 | | $_ | | $* | | $& | | $+ | | $` | | $' | | constructor | | global | | ignoreCase | | input | | lastIndex | | lastMatch | | lastParen | | leftContext | | multiline | | prototype | | rightContext | | source | | | Description | | retourne les neuf propriétés les plus récemment mémorisées parmi celles qui ont été trouvées au cours de la correspondance de modèles. | | voir input. | | voir multiline. | | voir lastMatch. | | voir lastParen. | | voir leftContext. | | voir rightContext. | | indique si une expression régulière est mise en correspondance d'une manière globale. | | spécifie si une expression régulière est sensible à la casse. | | représente une chaîne de caractère contre laquelle une expression régulière correspond. | | retourne la position du caractère où débute la prochaine correspondance trouvée dans une chaîne recherchée. | | représente le texte du dernier appariement. | | retournee le dernier sous-ensemble de caractères entre parenthèses correspondant aux critères d'une recherche d'expression régulière. | | représente le texte qui précède la dernière mise en correspondance. | | indique si les mises en correspondances sont effectuées en mode multiligne. | | permet d'ajouter des propriétés à tous les objets. | | représente le texte qui suit la dernière mise en correspondance. | | spécifie le texte du modèle. | | Méthodes | Méthode | | compile(motif, attributs) | | exec(Chaîne_de_caractères, attribut) | | test(Chaîne_de_caractères) | | toSource() | | toString() | | valueOf() | | | Description | | compile un objet expression régulière. | | exécute une recherche de l'expression régulière dans la chaîne de caractères spécifiée. | | retourne une valeur booléenne true selon si la chaîne de caractère spécifiée contient l'expression régulière. | | retourne un objet littéral représentant l'objet spécifié. | | retourne une chaîne de caractères représentant l'objet spécifié. | | retourne le valeur primitive de l'objet spécifié. | | Exemple [voir] <html> <body> <script language="javascript"> modele = /(&w+)&s(&w+)/; chaine = "AMBROISE Caroline"; resultat = chaine.replace(modele, "Mlle $2 $1"); document.write("Expression initiale : " + chaine + "<br>"); document.write("Expression transformée : " + resultat); </body> </html> En savoir plus : 8.52 / Reset Resetreprésente un bouton d'annulation dans un formulaire.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input type="reset" > Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | form | | name | | type | | value | | | Description | | spécifie le formulaire contenant le bouton. | | correspond au nom du bouton (NAME). | | correspond à l'attribut TYPE. | | valeur de l'élément Input (VALUE). | | Méthodes | Méthode | | blur | | click | | focus | | handleEvent | | | Description | | enlève le focus sur le bouton. | | simule un clique de souris sur l'élément Reset. | | donne le focus à le bouton. | | invoque le Handler pour spécifier un événement. | | Evénements | Evénement | | onBlur | | onClick | | onFocus | | | Description | | perte de focus sur le bouton. | | clique de souris sur l'élément Reset. | | réception de focus sur le bouton. | | Exemple [voir] <html> <head> <title>Démonstration de Reset</title> <script language="JavaScript"> function Evenement() { code = event.keyCode; if (code == 13) { affichageCode.innerHTML += "Entrée = code inexistant<br>"; } else if (code == 32) { affichageCode.innerHTML += "Space = <br>"; } else if (code == 8) { affichageCode.innerHTML += "Backspace = code inexistant<br>"; } else if (code == 27) { Effacement(); } else { + "&#" + code + ";<br>"; } } function Effacement() { affichageCode.innerHTML = ""; } </script> </head> <body onkeypress="Evenement()"> <p>Pressez une touche du clavier pour voir son code hexadécimal.</p> <input type="reset" value="Effacer" onclick="Effacement()"><br><br> <div id="affichageCode"></div> </body> </html> En savoir plus : 8.53 / Screen Screencontient des propriétés décrivant la résolution d'écran.Compatibilité Disponibilité Javascript 1.2 côté client Synopsis screen Propriétés | Propriété | | availHeight | | availLeft | | availTop | | availWidth | | colorDepth | | height | | pixelDepth | | width | | | Description | | spécifie la hauteur de l'écran en pixels moins les particularités d'interface du système comme la barre des tâches. | | spécifie la coordonnée x de la première pixel disponible sur l'axe horizontal (NE4). | | spécifie la coordonnée y de la première pixel disponible sur l'axe vertical (NE4). | | spécifie la largeur de l'écran en pixels moins les particularités d'interface du système comme la barre des tâches. | | donne la profondeur en bit de la palette de couleurs du navigateur. | | indique la hauteur de l'écran. | | affiche la résolution en couleur de l'écran (NE4). | | indique la largeur de l'écran. | | Exemple [voir] <html> <head> <script> var winheight = 100; var winsize = 100; var x = 5; function ouverture(adresse) { temp = adresse if (!(window.resizeTo && )&& { (adresse); return; } fenetre = ("","","scrollbars"); fenetre.moveTo(0,0); fenetre.resizeTo(100,100); depart(); } function depart() { if (hauteur >= screen.availHeight - 3) x = 0; fenetre.resizeBy(5, x); hauteur += 5; taille += 5; if (taille >= screen.width - 5) { fenetre.location = temp; hauteur = 100; taille = 100; x = 5; return; } setTimeout("depart()", 50) } </script> </head> <body> <a href="javascript:ouverture('')"> Netscape </a><br> <a href="javascript:ouverture(' ')"> Microsoft </a> </body> </html> En savoir plus : 8.54 / Select Selectreprésente une liste de choix dans un formulaire.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <select > </select> Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | form | | length | | name | | options | | type | | selectedIndex | | | Description | | spécifie le formulaire contenant l'élément de saisie. | | représente le nombre d'options dans la liste de choix. | | correspond au nom de la liste de sélection. | | spécifie les éléments options de la liste de choix. | | correspond à l'attribut TYPE. | | représente la sélection d'une option. | | Méthodes | Méthode | | blur | | focus | | handleEvent | | | Description | | enlève le focus sur l'élément Select. | | invoque le Handler pour spécifier un événement. | | Evénements | Evénement | | onBlur | | onChange | | onFocus | | | Description | | perte de focus de l'élément Select. | | la valeur de l'élément Select change. | | réception de focus sur la liste de choix. | | Exemple [voir] <html> <head> <title>Démonstration de TextArea</title> <script language="JavaScript"> function verif() { var valide = false; with () { if (sujet.selectedIndex == 0) { alert("Sélectionnez un sujet SVP."); sujet.focus(); } else { confirm('Le sujet sélectionné est : ' + sujet.options[sujet.selectedIndex].value) return valide; } } } </script> </head> <body> <form name="form" onsubmit="return verif();"> <select name="sujet"> <option select>Sélectionner un sujet</option> <option value="commentaire">1. Commentaire</option> <option value="Question">2. Question</option> <option value="Suggestion">3. Suggestion</option> <option value="Lien cassé">4. Lien cassé</option> <option value="Autre">5. Autre</option> </select> <input type="submit" value="Soumettre"> </form> </body> </html> En savoir plus : 8.55 / String Stringreprésente une chaîne de caractère.Compatibilité Disponibilité Javascript 1.0 Constructeur new String(valeur) Propriétés | | constructor | | length | | prototype | | | Description | | spécifie la fonction qui crée un prototype d'objet. | | représente la longueur de la chaîne de caractères. | | permet l'ajout de propriétés à un objet chaîne de caractères. | | Méthodes
| Méthode | | anchor(nom) | | big() | | blink() | | bold() | | charAt(index) | | charCodeAt(index) | | concat(chaine) | | fixed() | | fontcolor(couleur) | | fontsize(taille) | | fromCharCode(Unicode) | | indexOf(valeur, début) | | italics() | | lastIndexOf(valeur, début) | | link(url) | | match(RegExp) | | replace(valeur) | | search(RegExp) | | slice(début, fin) | | small() | | split(délimiteur) | | strike() | | sub() | | substr(début, longueur) | | substring(début, fin) | | sup() | | toLowerCase() | | toSource() | | toString() | | toUpperCase() | | valueOf() | | | Description | | crée une ancre <a name=" "></a>. | | permet de mettre en gras un objet String <b>. | | provoque un clignotement de l'objet <blink>. | | permet de mettre en gras un objet String <b>. | | retourne le caractère à l'index spécifié. | | retourne un nombre indiquant la valeur Unicode du caractère à l'index spécifié. | | permet de caoncaténer deux objets String et retourne le résultat. | | applique une largeur de caractères fixe à l'objet String <tt>. | | applique une couleur à la chaîne de caractères <font color="couleur">. | | applique une largeur de police à l'objet String <font size="largeur">. | | retourne une chaîne de caractère créée en utilisant la séquence Unicode spécifiée. | | recherche une chaîn de caractère dans un objet String. | | permet une mise en italique de l'objet String <I>. | | recherche une chaîne de caractère de l'arrière vers l'avant. | | crée un lien hypertexte <a href="/ "></a>. | | retourne une nouvelle chaîne de caractère en remplaçant les mises en correspondance avec une expression régulière. | | exécute une recherche d'une expression régulière sur un objet String. | | extrait une section d'une chaîne de caractères. | | permet d'afficher un objet String en petite taille <small>. | | sépare un objet String en plusieurs sous-chaînes de caractères en utilisant un délimiteur. | | affiche un texte barré <strike>. | | permet une mise en indice <sub>. | | extrait une sous chaîne de caractères. | | retourne une sous chaîne de caractères. | | permet une mise en exposant <sup>. | | convertit une chaîne de caractère en minuscules. | | retourne une chaîne de caractère représentant le code source de l'objet (NE). | | retourne une chaîne de caractères représentants l'objet spécifié. | | convertit une chaîne de caractère en majuscules. | | retourne le valeur primitive de l'objet spécifié. | | Exemple [voir] <html> <body> <script language="javascript"> var chaine = new String("Une chaîne de caractère"); document.write("Taille de 45 : " + chaine.fontsize(45)); document.write("<br>Tout en majuscules : " + chaine.toUpperCase()); document.write("<br>Tout en minuscules : " + chaine.toLowerCase()); document.write("<br>Clignotement (NE) : " + chaine.blink()); document.write("<br> En gras : " + ()); document.write("<br>En italique : " + chaine.italics()); document.write("<br>En barré : " + chaine.strike()); </script> </body> </html> En savoir plus :
8.56 / Style Stylereprésente les paramètres courants de tous les styles en ligne possible pour un objet donné. Compatibilité Disponibilité Javascript 1.2 <balise style=" "> <balise class=" "> <balise id=" "> Synopsis document.classes.NomClasse.NomBalise document.contextual( ) .NomElement .NomBalise htmlElement.style //IE Propriétés
| Propriété | | align | | background | | backgroundAttachment | | backgroundColor | | backgroundImage | | backgroundPosition | | backgroundPositionX | | backgroundPositionY | | backgroundRepeat | | border | | borderBottom | | borderBottomColor | | borderBottomStyle | | borderBottomWidth | | borderColor | | borderLeft | | borderLeftColor | | borderLeftStyle | | borderLeftWidth | | borderRight | | borderRightColor | | borderRightStyle | | borderRightWidth | | borderStyle | | borderTop | | borderTopColor | | borderTopStyle | | borderTopWidth | | borderWidth | | clear | | clip | | color | | cssText | | cursor | | | Description | | aligne l'élément HTML dans son élément parent align. | | spécifie l'ensemble des styles d'arrière plan d'un élément. | | indique si l'image de fond doit être fixe. | | applique une couleur de fond à un élément. | | applique une image en rrière plan à un élément. | | spécifie le position de l'image de fond. | | spécifie le position horizontale de l'image de fond. | | spécifie le position verticale de l'image de fond. | | spécifie le type de répétitions d'une image. | | spécifie l'ensemble des styles de bordure. | | applique un style à la bordure inférieure. | | applique une couleur à la bordure inférieure. | | applique un style de cadre à la bordure inférieure. | | donne la largeur de la bordure inférieure. | | applique une couleur à la bordure. | | applique un style à la bordure gauche. | | applique une couleur à la bordure gauche. | | applique un style de cadre à la bordure gauche. | | donne la largeur de la bordure gauche. | | applique un style à la bordure droite. | | applique un style de cadre à la bordure droite. | | donne la largeur de la bordure droite. | | spécifie le style de bordure. | | applique un style à la bordure supérieure. | | applique une couleur à la bordure supérieure. | | applique un style de cadre à la bordure supérieure. | | donne la largeur de la bordure supérieure. | | applique une largeur aux bordures. | | spécifie si les côtés d'un élément HTML sont flottants. | | spécifie une zone de visibilité de l'élément. | | applique une couleur au texte de l'élément. | | . | | indique le type de curseur de souris. | | | display | | filter | | font | | fontFamily | | fontSize | | fontStyle | | fontVariant | | fontWeight | | height | | left | | letterSpacing | | lineHeight | | listStyle | | listStyleImage | | listStylePosition | | listStyleType | | margin | | marginBottom | | marginLeft | | marginRight | | marginTop | | overflow | | paddingBottom | | paddingLeft | | paddingRight | | paddingTop | | pageBreakAfter | | pageBreakBefore | | pixelHeight | | pixelLeft | | pixelTop | | pixelWidth | | posHeight | | position | | | spécifie le type d'affichage de l'élément. | | spoécifie un filtre à appliquer à un élément. | | spécifie l'ensemble des styles de police. | | applique un famille de police au texte. | | spécifie une taille de police. | | spécifie un style de police. | | détermine une police à afficher en petites majuscules. | | spécifie le type de caractère d'une police. | | spécifie la hauteur de l'élément. | | spécifie la position gauche de l'élément par rapport au bord du document. | | indique l'espace entre les lettres. | | spécifie la hauteur de ligne. | | spécifie le style de la liste. | | spécifie une image comme puce. | | spécifie la position de la liste. | | spécifie le style de puces affichées dans une liste d'items. | | spécifie une marge inférieure. | | spécifie une marge gauche. | | spécifie une marge droite. | | spécifie une marge supérieure. | | détermine le comportement de l'élément lorsqu'il dépasse le cadre d'affichage. | | spécifie une espace de remplissage inférieur. | | spécifie une espace de remplissage gauche. | | spécifie une espace de remplissage droit. | | spécifie une espace de remplissage supérieur. | | indique où placer une fin de page et à quelle page (gauche ou droite) le contenu ultérieur devrait reprendre. | | indique où placer une fin de page et à quelle page (gauche ou droite) le contenu ultérieur devrait reprendre. | | spécifie la hauteur de l'élément en pixels. | | spécifie la position gauche de l'élément en pixels. | | spécifie la position supérieur de l'élément en pixels. | | spécifie la largeur de l'élément en pixels. | | spécifie la hauteur de l'élément dans l'unité spécifié. | | retrouve le type de positionnement utilisé pour l'élément. | | | posLeft | | posTop | | posWidth | | styleFloat | | textAlign | | textDecoration | | textDecorationBlink | | textDecorationLineThrough | | textDecorationNone | | textDecorationOverline | | textDecorationUnderline | | textIndent | | textTransform | | whiteSpace | | top | | verticalAlign | | visibility | | width | | zIndex | | | spécifie le positionnement horizontal pour l'élément. | | spécifie le positionnement vertical pour l'élément. | | spécifie la largeur de l'élément dans l'unité spécifié. | | place ou préserve l'attribut CSS de flottement, qui indique si l'élément flotte, faisant glisser le texte autour de lui. | | permet d'aligner un texte. | | indique le type de décoration d'un texte. | | spécifie un clignotement du texte. | | spécifie un texte barré. | | indique qu'aucune décoration ne s'applique à l'élément. | | spécifie un texte souligné. | | spécifie la longueur de l'indentation d'un texte. | | spécifie la casse d'un texte. | | spécifie si les espaces blancs à l'intérieur d'un élément HTML doivent permettre de passer à la ligne. | | spécifie la position supérieure de l'élément par rapport au bord du document. | | spécifie l'alignement vertical d'un élément HTML. | | indique la visibilité de l'élément. | | spécifie la largeur. | | spécifie la position de l'élément dans la pile. | | Méthodes | Méthode | | borderWidths(haut, droit, bas, gauche) | | margins(haut, droit, bas, gauche) | | paddings(haut, droit, bas, gauche) | | | | spécifie la largeur des bordures d'un élément HTML. | | | spécifie les marges entre l'élément HTML et le reste des éléments adjacents. | | | définit les espaces de remplissages entre un élément HTML et son contenu. | | Exemple [voir] <html> <head> <style> .photo {position:relative} </style> <script language="JavaScript1.2"> var degre = 5; var arret = 0; var etape = 1; function init(image) { arret = 0; tremblement = image; = 0; = 0; } function agitation() { if ((! && !document.getElementById) || arret == 1) return; if (etape == 1) { = parseInt() + degre; } else if (etape == 2) { = parseInt() + degre; } else if (etape == 3) { = parseInt() - degre; } else { = parseInt() - degre; setTimeout("agitation()", 30) } function stabilisation(image) { arret = 1; = 0; = 0; } </script> </head> <body> <img src="" border="0" width="200" height="133" class="photo" onMouseover="init(this);agitation()" onMouseout="stabilisation(this)"> </body> </html> En savoir plus : 8.57 / Submit Submitreprésente un bouton de soumission dans un formulaire. Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input type="submit" > Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | form | | name | | type | | value | | | Description | | spécifie le formulaire contenant le bouton. | | correspond au nom du bouton (NAME). | | correspond à l'attribut TYPE. | | valeur de l'élément Input (VALUE). | | Méthodes | Méthode | | blur | | click | | focus | | handleEvent | | | Description | | enlève le focus sur le bouton. | | simule un clique de souris sur l'élément Submit. | | donne le focus à le bouton. | | invoque le Handler pour spécifier un événement. | | Evénements | Evénement | | onBlur | | onClick | | onFocus | | | Description | | perte de focus sur le bouton. | | clique de souris sur l'élément Submit. | | réception de focus sur le bouton. | | Exemple [voir] <html> <head> <script language="JavaScript" type="text/javascript"> function validation_form() { valide = true; if (!verif_vide(.societe.value)) { valide = false; alert('Le champ Société est vide !'); } if (!verif_vide(.qualite.value)) { } if (!verif_vide(.value)) { valide = false; alert('Le champ Nom est vide !'); } if (!verif_vide(.prenom.value)) { valide = false; alert('Le champ Prénom est vide !'); } if (!verif_email(.email.value)) { valide = false; alert('Votre adresse eMail est invalide !'); } if (!verif_vide(.telephone.value)) { valide = false; alert('Le champ Téléphone est vide !'); } if (valide == true) { alert('Merci !'); return valide; } else alert('Veuillez remplir les champs correctement SVP !\nMerci !'); } function verif_vide(text) { return (text.length > 0); } function verif_email(adresse) { if ((adresse == "") || (adresse.indexOf ('@') == -1) || (adresse.indexOf ('.') == -1)) return false; return true; } function active() { .soumission.focus() } </script> </head> <body onload="active()"> <form name="form" onsubmit="validation_form()"> <input type="text" name="societe" size="40" maxlength="40"><br> <input type="text" name="qualite" size="40" maxlength="40"><br> <input type="text" name="nom" size="40" maxlength="40"><br> <input type="text" name="prenom" size="40" maxlength="40"><br> <input type="text" name="telephone" size="40" maxlength="40"><br> <input type="submit" name="soumission" value="Envoyer"> <input type="reset" name="annulation"value="Annuler"> </form> </body> </html> </html> En savoir plus :
8.58 / Text Textreprésente un élément de saisie textuel dans un formulaire.Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <input type="text" > Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | defaultValue | | form | | name | | type | | value | | | Description | | représente la valeur par défaut de l'élément. | | spécifie le formulaire contenant l'élément de saisie. | | correspond au nom de l'éléments de saisie (NAME). | | correspond à l'attribut TYPE. | | valeur de l'élément Input (VALUE). | | Méthodes | Méthode | | blur | | click | | focus | | handleEvent | | select | | | Description | | enlève le focus sur l'élément de saisie. | | simule un clique de souris sur l'élément de saisie. | | donne le focus à l'élément de saisie. | | invoque le Handler pour spécifier un événement. | | sélectionne le texte dans l'élément de saisie. | | Evénements | Evénement | | onBlur | | onChange | | onClick | | onFocus | | | Description | | perte de focus de l'élément de saisie. | | la valeur de l'élément de saisie change. | | clique de souris sur l'élément de saisie. | | réception de focus sur l'élément de saisie. | | Exemple [voir]
<html> <head> <title>Démonstration de Text</title> <script language="JavaScript"> function verif(form, bouton) { Retour = false; if (Retour) alert ("Saisie correcte!"); } function verifSaisie1(form) { Ctrl = form.texte1; if (Ctrl.value == "" || Ctrl.value.indexOf ('@', 0) == -1) { validation (Ctrl, "Saisir une adresse email valide !") return (false); } else return (true); } function verifSaisie2(form) { Ctrl = form.texte2; if (Ctrl.value.length != 5) { validation (Ctrl, "Saisir 5 caractères maximum !") return (false); } else return (true); } function verifSaisie3(form) { Ctrl = form.texte3; if (Ctrl.value.length < 3) { validation (Ctrl, "Saisir au moins trois caractères !") return (false); } else return (true); } function verifSaisie4(form) { Ctrl = form.texte4; if (Ctrl.value == "") { validation (Ctrl, "Saisir un texte quelconque !") return (false); } else return (true); } function sousmission (form, bouton) { if (!verifSaisie1(form)) return; if (!verifSaisie2(form)) return; if (!verifSaisie3(form)) return; if (!verifSaisie4(form)) return; alert ("Toutes les saisies sont correctes !&nMerci "); return; } function validation(Ctrl, msg) { } </script> </head> <body> <form name="form" method="get"> <p>Saisir une adresse email (): <br> <input type="text" name="texte1" size="20"> <input type="button" name="1" value="Vérifier" onclick="verif(, this)"> </p> <p>Saisir 5 caractères au plus : <br> <input type="text" name="texte2" size="20"> <input type="button" name="2" value="Vérifier" onclick="verif(, this)"> </p> <p>Saisir au moins trois caractères : <br> <input type="text" name="texte3" size="20"> <input type="button" name="3" value="Vérifier" onclick="verif(, this)"> </p> <p>Saisir un texte sans espaces : <br> <input type="text" name="texte4" size="20"> <input type="button" name="4" value="Vérifier" onclick="verif(, this)"> </p> <p> <input type="button" name="Soumettre" value="Submit" onclick="sousmission(, this)"> </p> </form> </body> </html> En savoir plus :
8.59 / Textarea Textareareprésente une zone de saisie de texte multiligne dans un formulaire. Compatibilité Disponibilité Javascript 1.0 côté client Correspondance HTML <textarea > </textarea > Héritage Input et HTMLElement Synopsis form.elements[i] Propriétés | Propriété | | defaultValue | | form | | name | | type | | value | | | Description | | représente la valeur par défaut de l'élément. | | spécifie le formulaire contenant l'élément de saisie. | | correspond à l'attribut TYPE. | | valeur de l'élément Textarea (VALUE). | | Méthodes | Méthode | | blur | | click | | focus | | handleEvent | | select | | | Description | | enlève le focus sur l'élément de saisie. | | simule un clique de souris sur l'élément de saisie. | | donne le focus à l'élément de saisie. | | invoque le Handler pour spécifier un événement. | | sélectionne le texte dans l'élément de saisie. | | Evénements | Evénement | | onBlur | | onChange | | onClick | | onFocus | | | Description | | perte de focus de l'élément de saisie. | | la valeur de l'élément de saisie change. | | clique de souris sur l'élément de saisie. | | réception de focus sur l'élément de saisie. | | Exemple [voir] <html> <head> <title>Démonstration de TextArea</title> <script language="JavaScript"> function verif(form) { var max = 20; if (form.texte.value.length > max) { alert("Veuillez ne saisir qu'au plus 20 caractères !"); return false; } else return true; } </script> </head> <body> <form onsubmit="return verif(this)"> <textarea rows="5" cols="40" name="texte" wrap="hard"> Saisir 20 caractères au maximum. </textarea> <br> <input type="submit" value="Soumettre"> </form> </body> </html> En savoir plus : 8.60 / TextRange TextRangereprésente du texte dans un document HTML. Compatibilité Disponibilité Jcript Constructeur createTextRange() Propriétés | Propriété | | htmlText | | text | | boundingHeight | | boundingLeft | | boundingTop | | boundingWidth | | offsetLeft | | | Description | | retourne la source HTML comme un fragment HTML valide. | | change ou récupère la chaîne de caractères contenue dans l'objet TextRange. | | récupère la hauteur du rectangle qui limite le TextRange. | | récupère la coordonnée horizontale qui limite le TextRange. | | récupère la coordonnée verticale qui limite le TextRange. | | récupère la largeur du rectangle qui limite le TextRange. | | retourne la position gauche calculée, en pixels, par rapport à la fenêtre. | | retourne la position supérieure calculée, en pixels, par rapport à la fenêtre. | | Méthodes | Méthode | | collapse(bool_départ) | | compareEndPoints(type, obj_texte) | | duplicate() | | execCommand(commande, Interface, Valeur) | | expand(type) | | findText(texte, Type_Recherche, Drapeau) | | getBookmark() | | inRange(Référence_TextRange) | | isEqual(Objet_TextRange) | | | Description | | déplace le point d'insertion au début ou à la fin de l'objet texte courant. | | compare deux points de fin et retourne -1, 0, ou 1 pour moins que, égal à , ou plus grand que, respectivement. | | retourne un objet TextRange dupliqué. | | exécute une commande sur la sélection donnée ou l'objet texte spécifié. | | étend l'objet texte pour que des unités partielles soient complètement contenues. | | permet de retrouver une chaîne de caractères dans un objet texte. | | récupère un signet qui peut être employé avec moveToBookmark pour retourner au même objet TextRange. | | retourne true si le paramètre de la méthode est contenu dans l'objet TextRange ou est égal à ce dernier sur lequel la méthode est appelée. | | retourne true si le paramètre de la méthode est égal à l'objet TextRange sur lequel la méthode est appelée. | | | move(type, compteur) | | moveEnd(Unité, Compteur) | | moveStart(Unité, Compteur) | | moveToBookmark() | | moveToElementText(Elément) | | parentElement() | | pasteHTML(texte_HTML) | | queryCommandEnabled(Commande) | | queryCommandIndeterm(Commande) | | queryCommandState(Commande) | | queryCommandSupported(Commande) | | queryCommandValue(Commande) | | scrollIntoView() | | select() | | setEndPoint(Type, Intervalle) | | | réduit l'objet TextRange donné ou déplace l'intervalle vide par le nombre compteur spécifié. | | change la limite de l'objet TextRange en déplaçant sa position de fin. | | change la limite de l'objet TextRange en déplaçant sa position de début. | | déplace un signet créé par la méthode getBookmark. | | déplace l'intervalle des textes de sorte que les positions de début et de fin de l'intervalle entourent le texte dans l'élément donné. | | déplace les positions de début et de fin de l'intervalle de texte aux coordonnées spécifiées. | | récupère l'élément parent de l'objet TextRange spécifié. L'élément parent est l'élément qui entoure complètement le texte dans l'intervalle. | | colle du texte HTML dans l'objet TextRange en se substituant au texte précédent. | | retourne true si la commande a été exécutée avec succès en utilisant la méthode ExecCommand. | | retourne true si la commande spécifiée est dans un état indéterminé. | | retourne l'état courant de la commande. | | retourne true si la commande courante est supportée sur l'ojet TextRange. | | retourne la valeur actuelle de la commande donnée sous forme de chaîne de caractères ou d'une valeur booléenne. | | provoque le défilement de l'objet TextRange dans l'affichage en alignant au-dessus ou en bas de la fenêtre. | | crée une sélection active sur l'intervalle de texte courant. | | place le point final d'un intervalle basé sur le point final des autres. | | Exemple [voir] <html> <head> <script language="JavaScript"> var n = 0; { if (chaine == "") return false; if (document.layers) { if (!(chaine)) while((chaine, false, true)) n++; else n++; if (n == 0) alert("Ce mot clé ne se trouve pas sur la page."); } if () { var texte = .createTextRange(); for (var i = 0; i <= n && (var ok = texte.findText(chaine)) != false; i++) { texte.moveStart("character", 1); texte.moveEnd("textedit"); } if (ok) { texte.moveStart("character", -1); texte.findText(chaine); texte.select(); texte.scrollIntoView(); n++; } else { if (n > 0) { n = 0; chercheSurPage(chaine); } else alert("Ce mot clé ne se trouve pas sur la page."); } } return false; } </script> </head> <body> <form name="recherche" onsubmit="return chercheSurPage(this.motcle.value);"> <input name="motcle" type="text" size=15 onchange="n = 0;"> <input type="submit" value="Rechercher"> </form> </body> </html> En savoir plus : 8.61 / TextStream TextStreamfacilite l'accès séquentiel au fichier.Compatibilité Disponibilité JScript 1 Constructeur CreateTextFile() | Propriété | | AtEndOfLine | | AtEndOfStream | | Column | | Line | | | Description | | retourne true si le pointeur du fichier est situé immédiatement avant la marque de fin de ligne dans un fichier TextStream et sinon false. | | retourne true si le pointeur du fichier se situe à la fin d'un fichier TextStream et sinon false. | | retourne le numéro de colonne correspondant à la position du caractère courant dans un fichier TextStream. | | retourne le numéro de la ligne courante dans un fichier TextStream. | | Méthodes | Méthode | | Close() | | Read(nombre) | | ReadAll() | | ReadLine() | | Skip(nombre) | | SkipLine | | Write(chaîne) | | WriteBlankLines(nombre) | | WriteLine(chaîne) | | | | ferme un fichier TextStream. | | | Lit le nombre spécifié de caractères et renvoie la chaîne de caractères. | | | lit un fichier TextStream entier et renvoie la chaîne de caractères. | | | Lit une ligne complète et renvoie la chaîne de caractères obtenues. | | | ignore un nombre spécifié de caractères lors de la lecture d'un fichier TextStream. | | | Ignore une ligne lors de la lecture d'un fichier TextStream. | | | écrit une chaîne de caractères spécifiée dans un fichier TextStream. | | | écrit un nombre spécifié de caractères de nouvelle ligne dans un fichier TextStream. | | | écrit une chaîne de caractères spécifiée et un caractère de nouvelle ligne dans un fichier TextStream. | | Exemples [voir] <html> <head> <title>Démonstration de TextStream</title> <script language="JScript"> var fso = new ActiveXObject("Scripting.FileSystemObject"); var fichier = fso.CreateTextFile("c:\", true); function CreeFichier() { } function VoirTxt() { fichier = fso.OpenTextFile("c:\", 1); var ligne = fichier.ReadLine(); document.write("<u>Voici la première ligne du fichier" + "<i></i> :</u> " + ligne); fichier.Close(); } </script> </head> <body> <a href="javascript:CreeFichier()"> Ecrire dans le fichier <i></i> sur <i>C:</i> </a><br> <a href="javascript:VoirTxt()"> Visualiser une partie du texte du fichier <i></i>. </a><br> </body> </html> Référence : 8.62 / VBArray VBArraypermet un accès aux tableaux sécurisés de Visual Basic.Compatibilité Disponibilité JScript 3.0 Constructeur new VBArray(vbarray); Méthodes | Méthode | | dimensions() | | getItem(dim1, dim2, , dimN) | | lbound(dimension) | | toArray() | | ubound(dimension) | | | Description | | renvoie le nombre de dimensions d'un objet VBArray. | | renvoie l'élément à l'emplacement indiqué. | | retourne l'index le moins élevé d'une dimension donnée d'un objet VBArray. | | renvoie un tableau JScript standard converti à partir d'un objet VBArray. | | retourne l'index le plus élevé d'une dimension donnée d'un objet VBArray. | | Exemples [voir] <html> <head> <script language="VBScript"> Function CreeVBArray() Dim i, j, k Dim a(2, 2) k = 1 For i = 0 To 2 For j = 0 To 2 a(j, i) = k document.writeln(k) k = k + 1 Next document.writeln("<br>") Next CreeVBArray = a End Function <script language="JScript"> function VBArrayTest(vbarray) { var a = new VBArray(vbarray); var b = a.toArray(); var i; for (i = 0; i < 9; i++) { document.write(b[i] + '<br>'); } } </script> </head> <body> <script language="JScript"> VBArrayTest(CreeVBArray()); </script> </body> </html> En savoir plus : 8.63 / Window Windowreprésente une fenêtre du navigateur. Compatibilité Disponibilité Javascript 1.0 côté client Synopsis self window window.frames[i] Propriétés
| Propriété | | closed | | crypto | | defaultStatus | | document | | frames[] | | history | | innerHeight | | innerWidth | | length | | location | | locationbar | | menubar | | name | | offscreenBuffering | | opener | | outerHeight | | outerWidth | | pageXOffset | | pageYOffset | | parent | | personalbar | | screenX | | screenY | | scrollbars | | self | | status | | statusbar | | toolbar | | top | | window | | | Description | | spécifie si une fenêtre a été fermée. | | un objet qui permet les particularités de chiffrage du Navigateur d'accès. | | représente l'affichage par défaut d'un message dans la barre de statut du navigateur. | | contient l'information sur le document actuel et fournit des méthodes pour l'affichage de la production de HTML à l'utilisateur. | | représente un tableau de toutes les cadres d'une fenêtre. | | contient l'information sur les adresses URL que les clients ont visité à l'intérieur d'une fenêtre. | | spécifie la dimension verticale de la zone de contenu d'une fenêtre en pixels. | | spécifie la dimension horizontale de la zone de contenu d'une fenêtre en pixels. | | contient l'information sur l'adresse URL courante. | | représente la barre d'affichage d'adresse sur le navigateur. | | représente la barre de menu du navigateur. | | spécifie un nom unique pour la fenêtre. | | spécifie si les mises à jour de la fenêtre sont placées en mémoire tampon. | | spécifie le nom de fenêtre du document appelant quand une fenêtre est ouverte en employant la méthode open. | | spécifie la dimension verticale en pixels, de la bordure extérieure de la fenêtre. | | spécifie la dimension horizontale en pixels, de la bordure extérieure de la fenêtre. | | fournit la position x actuelle, en pixels, de la page vue d'une fenêtre. | | fournit la position y actuelle, en pixels, de la page vue d'une fenêtre. | | représente le parent du cadre. | | repérésente la barre personnelle du navigateur. | | spécifie la coordonnée x du bord gauche d'une fenêtre. | | spécifie la coordonnée y du bord supérieure d'une fenêtre. | | représente la barre de défilement du navigateur. | | est un synonyme pour la fenêtre courante. | | spécifie une priorité ou le message temporaire s'affiche dans la barre d'état de la fenêtre. | | représente la barre de statut du navigateur. | | représente la barre d'outils du navigateur. | | représente la fenêtre associée au cadre. | | est un synonyme pour la fenêtre courante. | | Méthodes | alert(texte) | | atob(Chaîne_de_données) | | back() | | blur() | | btoa(chaîne_de_caractère) | | captureEvents() | | clearInterval(temps) | | clearTimeout(temps) | | close() | | confirm(texte) | | crypto.random(nombre) | | crypto.signText(texte, ask/auto, autorité) | | disableExternalCapture() | | enableExternalCapture() | | find(texte, bool_cas_sensible, bool_recherche_arrière) | | focus() | | forward() | | handleEvent(événement) | | home() | | moveTo(x, y) | | open(URL, Nom, séparateur) | | print() | | prompt(texte, valeur_par_défaut) | | releaseEvents() | | resizeBy(horizontal, vertical) | | resizeTo(largeur, hauteur) | | routeEvent(événement) | | scroll | | scrollBy(horizontal, vertical) | | | affiche un message dans une boîte de dialogue contenant un bouton OK. | | décode une chaîne de données qui a été encodées en employant la base 64 d'encodage. | | défait la dernière étape de l'historique dans n'importe quel cadre à l'intérieur d'une fenêtre de plus haut niveau. | | enlève le focus sur l'élément window. | | crée une base d'encodage sur 64 bits. | | permet de capturer tous les types d'événements spécifiés produit dans la fenêtre ou le document. | | stoppe une minuterie qui était lancé par la méthode setInterval. | | stoppe une minuterie qui était lancé par la méthode setTimeout. | | ferme la fenêtre spécifiée. | | affiche une boîte de dialogue de confirmation contenant les boutons OK et Cancel. | | retourne une chaîne de caractères pseudo-aléatoire dont la longueur est le nombre indiqué d'octets. | | retourne une chaîne de données encodées qui représente un objet signé. | | met hors de service l'événement externe capturé lancé par la méthode enableExternalCapture. | | permet à une fenêtre avec cadre à capturer des événements dans des pages chargées à partir de différents serveurs. | | permet de trouver la chaîne de caractère spécifiée dans le contenu de la fenêtre indiquée. | | donne le focus à l'objet spécifié. | | charge la prochaîne adresse URL dans le tableau de l'historique. | | invoque le Handler pour spécifier un événement. | | dirige l'URL indiqué dans des favoris comme page d'accueil du navigateur. | | déplace la fenêtre à partir d'une valeur spécifiée. | | déplace le coin supérieur gauche de la fenêtre aux coordonnées d'écran spécifiées. | | imprime le contenu d'une fenêtre ou d'un cadre. | | affiche une boîte de dialogue avec un message et une zone de saisie. | | cesse la capture du type d'événements spécifié. | | redimensionne une fenêtre entière par le déplacement du coin inférieur droit de la fenêtre par une valeur spécifiée. | | redimensionne une fenêtre entière à la hauteur et la largeur extérieures spécifiées. | | transmet un événement capturé au prochaine gestionnaire. | | permet de faire défiler une fenêtre à partir des coordonnées spécifiées. | | permet de faire défiler une zone d'une fenêtre par une valeur spécifiée. | | | scrollTo(x, y) | | setHotKeys(true/false) | | setInterval(fonction, temps, argumentN) | | setResizable(true/false) | | setTimeout(fonction, temps, argumentN) | | setZOptions(option) | | stop() | | | permet de faire défiler une zone visible de la fenêtre par des coordonnées spécifiées, tel que le point spécifié devienne le coin supérieur gauche. | | active ou désactive les raccourcis claviers dans une fenêtre. | | évalue une expression ou appelle une fonction à intervalle régulier spécifié en millisecondes. | | Indique si on permet à un utilisateur de redimensionner une fenêtre. | | évalue une expression ou appelle une fonction une fois que le temps spécifié en millisecondes se soit écoulé. | | contrôle l'empilement de la fenêtre. | | stoppe le téléchargement courant. | | Evénements | Propriété | | onBlur | | onDragDrop | | onError | | onFocus | | onLoad | | onMove | | onResize | | onLoad | | | Description | | la fenêtre perd son statut d'élément actif. | | des éléments sont déposés dans la fenêtre. | | erreur au cours du chargement d'une image. | | la fenêtre devient active. | | le hargement de la fenêtre est opéré. | | déplacement de la fenêtre. | | redimensionnement de la fenêtre. | | Exemple [voir] <html> <head> <script language="javascript"> var vitesse = 1; var position_ini = 0; var alt = 1; var pos_ini1 = 0, pos_ini2 = -1; function defilement() { if () temp = .scrollTop; else temp = window.pageYOffset; if (alt == 0) alt = 1; else alt = 0; if (alt == 0) pos_ini1 = temp; else pos_ini2 = temp; if (pos_ini1 != pos_ini2) { if () position_ini = .scrollTop + vitesse; else position_ini = window.pageYOffset + vitesse; window.scroll(0, position_ini); } else { position_ini = 0; window.scroll(0, position_ini); } } function initialisation() { setInterval("defilement()", 10); } window.onload = initialisation; </script> </head> <body> </body> </html> Second exemple [voir] <html> <head> <script language="javascript"> var win = null; function fenetre(page, nom, L, H, defilement) { posX = (screen.width) ? (screen.width - L)/ 2 : 0; posY = (screen.height) ? (screen.height - H)/ 2 : 0; contenu = 'height=' + H + ', width = ' + L + ', top ='+ posY +', left =' + posX + ', scrollbars = ' + scroll + ', resizable'; win = (page, nom, contenu); } </script> </head> <body> onclick="fenetre(,'name','400','400','yes'); return false"> </a> </body> </html> En savoir plus :
9 / Les objets DHTML pour Internet Explorer A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z | Objet | | a | | acronym | | address | | applet | | area | | attribute | | b | | base | | baseFont | | bdo | | bgSound | | big | | blockQuote | | body | | br | | button | | caption | | center | | cite | | clientInformation | | clipboardData | | code | | col | | colGroup | | comment | | currentStyle | | custom | | dataTransfer | | | Description | | désigne un lien hypertexte. | | indique une abbréviation acronyme. | | désigne une adresse. | | insère un applet Java dans un document HTML. | | définit une zone cliquable dans une . | | représente un attribut ou une propriété d'un élément HTMl ou d'un objet. | | permet d'afficher un texte en gras. | | spécifie une adresse URL explicite utilisé pour résoudre des liens et des références à des sources externes comme des images ou des feuilles de style. | | applique une police par défaut pour l'affichage du texte. | | autorise la désactivation de l'algorithme bidirectionnel pour la sélection d'une partie de texte. | | active un son à partir de l'ouverture d'un document HTML. | | affiche un texte dans une taille de police plus grande que celle par défaut. | | formate un texte sous forme de citation. | | correspond au corps du document. | | insère un saut de ligne. | | crée un bouton. | | indique une brève description pour un tableau. | | permet de centrer des éléments HTML dans un document HTML. | | affiche un texte sous forme de citation. | | contient des informations relatives au navigateur. | | formate un texte sous forme de code. | | permet d'appliquer des propriétés à une colonne dans un tableau. | | permet d'appliquer des propriétés à un groupe de colonne dans un tableau. | | spécifie un commentaire qui n'est pas affiché. | | représente des formats et styles en cascade d'un objet. | | représente un élément utilisateur défini. | | fournit un accès à des données stockées dans le presse-papier pour utiliser dans des opérations de glisser-déplacer (drag-and-drop). | | | dd | | defaults | | del | | dfn | | dir | | div | | dl | | document | | dt | | em | | embed | | event | | external | | fieldSet | | font | | form | | frame | | frameSet | | head | | history | | hn | | hr | | html | | HTML Comment | | i | | iframe | | img | | implementation | | IMPORT | | input | | input type=button | | input type=checkbox | | input type=file | | | formate un item dans une liste en définition. | | applique des propriétés par défaut à un comportement d'élément. | | spécifie un texte qui a été supprimé d'un document. | | formate un texte en définition. | | montre une liste de répertoire. | | représente une division dans un document HTML. | | montre une liste de définition. | | représente un document HTML dans un navigateur donné. | | indique une définition créé dans une liste de définitions. | | permet d'accentuer un texte. | | permet d'insérer des éléments de plusieurs types dans un document. | | représente les états d'un événement. | | autorise l'accès à un modèle d'objet produit par les applications hôtes des composants du navigateur Microsoft® Internet Explorer. | | desssine une boîte autour d'un ensemble d'éléments HTML. | | applique une police à un texte. | | indique que les éléments qu'il encadre appartiennent à un formulaire. | | crée un ensemble de cadres. | | fournit plusieurs informations relatives au document à l'intérieur d'un en-tête (HEAD). | | contient des informations à propos des adresses URL visitées par le client. | | applique un format de titre au texte. | | dessine une ligne horizontale. | | identifie le document comme contenant d'éléments HTML. | | crée un commentaire qui ne sera pas affiché dans le navigateur. | | affiche un texte en italique. | | crée un cadre flottant dans un document HTML. | | insère une image ou une vidéo dans un document. | | contient des informations à propos des modules supportés par l'objet. | | importe une définition de balise d'un comportement d'élément. | | crée une variété de champs INPUT pour un formulaire. | | crée un bouton. | | crée une case à cocher. | | crée un objet de téléchargement de fichier avec un champ texte et un bouton. | | | input type=hidden | | input type=image | | input type=password | | input type=radio | | input type=reset | | input type=submit | | input type=text | | ins | | isIndex | | kbd | | label | | legend | | li | | link | | listing | | location | | map | | marquee | | menu | | meta | | namespace | | navigator | | nextID | | noBR | | noFrames | | noScript | | object | | ol | | optGroup | | option | | p | | page | | | crée un champ texte invisible transmis automatiquement lors de la soumission du formulaire. | | crée un bouton sous forme d'image. | | crée un champ de saisie de mot de passe dont les caractères affichés sont remplacés par des étoiles (*). | | crée une case radio. | | crée un bouton de réinitialisation du formulaire. | | crée un bouton de soumission du formulaire. | | crée un champ de saisie de texte. | | spécifie qu'un texte a été inséré dans un document. | | affiche une feêtre de dialoque invitant l'utilisateur à saisir un texte. | | spécifie un label pour un élément sur la page. | | insère une légende pour un jeu d'éléments d'un formulaire (fieldSet). | | indique un item dans une liste. | | active le document courant à établir les liens avec des documents externes. | | affiche un texte avec une police de largeur fixe. | | contient des information à propos de l'édresse URL courante. | | contient les coordonnées d'une image divisée en zone cliquable (area). | | crée une zone de texte défilante. | | crée un menu à partir d'items d'une liste. | | contient diverses informations cachées à propos du document, du serveur, du client, etc | | Importe dynamiquement un comportement d'élément dans un document. | | contient des informations relatives au navigateur. | | crée un identifiant unique que le logiciel d'édition de textes peut lire. | | empêche des sauts de ligne. | | contient des éléments HTML à l'intérieur d'un ensemble de cadres (frameset). | | spécifie une zone d'affichage d'éléments HTML pour un navigateur ne supportant pas les scripts. | | insère un objet dans une page HTML. | | crée une liste numérotée. | | permet à des auteurs de grouper des choix logiquement dans un élément select. | | montre un choix dans un élément select. | | indique un paragraphe. | | représente une règle @page à l'intérieur d'une feuille de style (styleSheet). | | | param | | plainText | | popup | | pre | | q | | rt | | ruby | | rule | | runtimeStyle | | s | | samp | | screen | | script | | select | | selection | | small | | span | | strike | | strong | | style | | style | | styleSheet | | sub | | sup | | table | | tBody | | td | | textArea | | TextNode | | TextRange | | | établit une valeur initiale d'une propriété pour un élément applet, embed, ou object. | | affiche le texte dans une police de largeur fixe sans traiter des étiquettes. | | formate un texte tel qu'il est écrit dans l'éditeur HTML. | | montre séparément une citation dans un texte. | | désignes le texte rouge pour l'élément RUBY. | | désigne une annotation ou un guide de prononciation. | | représente un style dans une feuille de style CSS (Cascading Style Sheets) qui se compose d'un sélecteur et d'une ou plusieurs déclarations. | | Représente le style et le modèle en cascade de l'objet qui ignore le style et le modèle indiqués dans les feuilles de styles globales, les modèles intégrés, et les attributs HTML. | | affiche un texte barré. | | indique un exemple de code. | | contient des informations relatives à l'écran du client et ses capacités d'affichage. | | indique un script de programmation. | | montre une boîte de liste ou un boîte de liste déroulante. | | représente Représente la sélection active, qui est un bloc de texte mis en valeur, et/ou d'autres éléments dans le document sur lequel un utilisateur ou une script type peut effectuer une certaine action. | | affiche un texte en petite police. | | spécifie un contenant de texte. | | affiche un texte barré. | | affiche un texte en gras. | | représente les paramètres courants de tout les styles en lignes possible pour un élément donné. | | indique une feuille de style pour la page. | | représente une unique feuille de style dans le document. | | affiche le texte en indice. | | affiche le texte en exposant. | | crée la base d'un tableau formé de cellules et de colonnes. | | désignes des lignes formant le corps du tableau. | | crée une cellule d'un tableau. | | crée un champ de saisie multiligne. | | représente une chaîne de caractères de texte comme un noeud dans la hiérarchie du document. | | représente le texte dans un élément HTML. | | | TextRectangle | | tFoot | | th | | tHead | | title | | tr | | tt | | u | | ul | | userProfile | | var | | wbr | | xml | | xmp | | | spécifie un rectange qui contient une ligne de texte dans un élément ou un objet TextRange. | | désignes des lignes formant le pied du tableau. | | spécifie une cellule d'en-tête. | | désigne des lignes formant la tête du tableau. | | contient le titre d'un document | | spécifie une ligne d'un tableau | | affiche le texte avec un largeur de police fixe. | | affiche le texte en souligné. | | crée une liste à puce. | | fournit les méthodes qui permettent à une script type de demander l'accès en lecture et d'exécuter des actions de lecture sur une information de profil d'utilisateur. | | définit une variable de programmation. | | insère un saut de ligne si nécessaireà l'intérieur d'un bloc de texte encadré par nobr. | | contient des informations relatives à la fenêtre courante dans un navigateur. | | définit un XML data island (ilôt de données XML) sur une page HTML. | | affiche le texte utilisé comme exemple dans une largeur de police fixe. | |
10 / Les objets Javascript pour Netscape A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z | Objet | | Anchor | | Applet | | Area | | Array | | Boolean | | Button | | Checkbox | | Date | | document | | event | | FileUpload | | Form | | Frame | | Function | | Hidden | | History | | Image | | java | | JavaArray | | JavaClass | | JavaObject | | JavaPackage | | Layer | | Link | | Location | | Math | | MimeType | | navigator | | | Description | | symbolise une ancre (<a name=" "></a>). | | insère un applet Java (<applet>). | | crée une zone cliquable à partir d'une image en coordonnées (<area >). | | crée un objet tableau. | | crée un objet booléén. | | crée un bouton (<button >). | | crée une case à cocher (<input type="checkbox"). | | crée un objet date. | | représente les états d'un événement. | | crée un champ de saisie et un bouton pour le téléchargement de fichier (<input type="file">). | | établit les bases d'un formulaire (<form> </form>). | | crée un cadre (<frame>)dans un ensemble de cadres (<frameset>) | | spécifie une fonction contenant du code Javascript. | | crée un champ texte caché dans un formulaire (<input type="hidden">). | | contient des informations à propos des adresses URL visitées par le client. | | insère une image dans un document HTML (<img>). | | est un objet de niveau supérieur accédant à n'importe quelle classe de Java dans le module Java.*. | | représente un tableau de module Java. | | est une référence Javascript à une classe Java. | | représente le type d'un objet Java enveloppé ayant accès de l'intérieur du code JavaScript. | | est une référence Javascript à un paquetage Java. | | crée une couche dans un document HTML (<layer>). | | crée un lien (<a href=" "> </a>). | | contient des informations relatives à l'adresse URL courante. | | est un objet programmé contenant des propriétés et des méthodes mathématiques. | | contient des informations relatives aux types MIME (Multipart Internet Mail Extension) du navigateur du client. | | regroupe des informations à propos du navigateur client. | | | netscape | | Number | | Object | | Option | | Packages | | Password | | Plugin | | Radio | | RegExp | | Reset | | screen | | Select | | String | | Style | | Submit | | sun | | Text | | Textarea | | window | | | est un objet de niveau supérieur utilisé pour l'accès à n'importe quelle classe Java dans le paquetage netscape.*. | | permet de prendre en charge les nombres. | | représente la superclasse qui contient des caractéristiques propres à tous les objets Javascript. | | représente un objet au plus haut niveau qui a accès aux classes de Java de l'intérieur le code de JavaScript. | | crée un champ de saisie de mot de passe (<input type="password">). | | décrit les extensions logicielles installées sur le navigateur client. | | crée une case radio (<input type="radio">). | | représente une expression régulière utilisée pour la mise en correspondance de modèles. | | crée un bouton de réinitialisation (<input type="reset">). | | contient des informations relatives à la résolution d'écran du client. | | crée une liste de choix dans un formulaire (<select>). | | représente un objet chaîne de caractères. | | représente les paramètres courants de tous les styles en ligne possible pour un objet donné. | | réalise un bouton de soumission (input type="submit">). | | est un objet de niveau supérieur utilisé pour l'accès à n'importe quelle classe Java dans le paquetage sun.*. | | crée un champ de saisie (<input type="text">). | | réalise une zone de texte multiligne (<textarea>). | | contient des informations relatives à la fenêtre affichée. | | 11 / Les événements Les événements Javascript se produisent lors d'actions diverses (clic ou survol de souris, focus, chargement, etc.) sur les objets d'un document HTML. Dans Javascript, tout un arsenal de commandes permet de capter ces événements et d'en faire usage dans ces scripts. Le langage Javascript prend en charge plusieurs types d'événements. Ces derniers permettent aux objets d'apporter aux programmeurs diverses fonctionnalités rendant une page Web parfaîtement interactive ou adaptée aux besoins ou aux spécificités d'une application. A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z | Evénement | Description | Syntaxe | Domaine | | onAbort sur le bouton Stop du navigateur au cours du chargement de l'image. | onabort="Instruction" | Image | | onafterprint | | onafterupdate | | onbeforecopy | | onbeforecut | | onbeforeeditfocus | | onbeforepaste | | onbeforeprint | | onbeforeunload | | onbeforeupdate | | | Cet événement se produit immédiatement après que les documents qui lui sont associés soient imprimés. | | Cet événement se produit immédiatement après qu'un objet contenant des données ait effectué la mise à jour de données. | | Cet événement se produit avant que la sélection ne soit copiée dans le presse-papiers. | | Cet événement se produit avant que la sélection ne soit coupée du document. | | Cet événement se produit avant qu'un contrôle insère un changement au niveau de l'interface utilisateur. | | Cet événement se produit avant que la sélection ne soit collée du presse-papiers vers le document. | | Cet événement se produit avant que les documents qui lui sont associés soient imprimés. | | L'événement est activé avant qu'une page ne soit retirée du cadre. | | Cet événement se produit avant qu'un objet contenant des données n'effectue la mise à jour des données sur l'objet source. | | | onafterprint ="Instruction" | | onafterupdate ="Instruction" | | onbeforecopy ="Instruction" | | onbeforecut ="Instruction" | | onbeforeeditfocus ="Instruction" | | onbeforepaste ="Instruction" | | onbeforeprint ="Instruction" | | onbeforeunload ="Instruction" | | onbeforeupdate ="Instruction" | | | | | | | | | | | | onblur | Cet événement se produit lorsque l'utilisateur sort d'un champ de formulaire HTML, d'un cadre ou d'une fenêtre (window), en appuyant sur la touche TAB du clavier ou en utilisant la souris. La fonction appelée peut servir à soumettre ou valider les informations saisies par l'utilisateur. | onBlur="Instruction" | Button Checkbox FileUpload Layer Password | | onbounce | Cet événement est activé lorsque la valeur de l'attribut BEHAVIOR de l'élément <MARQUEE> est ALTERNATE et que le contenu de l'élément atteint l'une des limites de la zone de défilement. | onbounce ="Instruction" | | oncellchange | Cet événement est activé lorsque les données sont modifiées. | oncellchange ="Instruction" | | onchange | Cet événement se produit lorsque l'utilisateur modifie la valeur d'une boîte liste, d'une boîte à liste déroulante, d'une boîte texte ou d'une boîte texte multiligne. La fonction appelée peut servir à valider ou soumettre les informations entrées dans les champs d'un formulaire. | onchange="Instruction" | FileUpload Select Text Textarea | | onclick | Cet événement se produit lorsque l'utilisateur enfonce puis relâche le bouton de la souris sur un bouton, une option dans un formulaire, un hyperlien ou sur le document. | onclick="Instruction" | Button Checkbox document Link Radio Reset Submit | | oncontextmenu | Cet événement est activé lorsque l'utilisateur presse le bouton droit de la souris sur l'élément, activant ainsi un menu contextuel. | oncontextmenu ="Instruction" | | oncopy | | oncut | | ondataavailable | | ondatasetchange | | | Cet événement est activé lorsque l'utilisateur copie l'objet ou qu'une sélection est copiée dans le presse-papiers. | | Cet événement est activé lorsque l'objet ou la sélection est coupé du document et ajouté au presse-papiers. | | Cet événement est activé à chaque fois que des données transmises par un objet source sont reçues sur le système. | | L'événement ondatasetchange est activé lorsque les données exposées à un objet source sont modifiées. | | | oncopy ="Instruction" | | oncut ="Instruction" | | ondataavailable ="Instruction" | | ondatasetchange ="Instruction" indiquer que toutes les données de l'objet source sont disponibles. | ondblclick | | ondrag | | ondragdrop | | ondragend | | | Cet événement se produit lors d'un double-clic suivi d'un relâchement sur un élément de formulaire ou un hyperlien. | | Cet événement se produit lorsqu'une opération glisser-déplacer est effectuée sur l'élément avec la souris. | | Cet événement se produit lorsque l'utilisateur dépose un objet dans la fenêtre du navigateur à l'aide de la souris. | | Cet événement se produit à la fin d'une opération glisser-déplacer. | | | ondblclick="Instruction" | | ondrag ="Instruction" | | ondragdrop="Instruction" | | ondragend ="Instruction" | | | Area document Link | | window | | | ondragenter | Cet événement est activé lorsque l'utilisateur glisse l'élément sur une cible valide lors d'un glisser-déplacer effectuée avec la souris. | ondragenter ="Instruction" | | ondragleave | Cet événement est activé lorsque l'utilisateur glisse l'élément hors d'une cible valide lors d'un glisser-déplacer effectuée avec la souris. | ondragleave ="Instruction" | | ondragover | Cet événement se produit lorsque l'utilisateur glisse l'élément et passe sur une cible valide lors d'un glisser-déplacer effectuée avec la souris. | ondragover ="Instruction" | | ondragstart | Cet événement se produit lorsque l'utilisateur entame une opération glisser-déplacer avec l'élément. | ondragstart ="Instruction" | | ondrop | Cet événement agit sur l'objet cible lorsque l'utilisateur relâche le bouton de la souris après une opération de glisser-déplacer. | ondrop ="Instruction" | | onerror | | onerrorupdate | | onfilterchange | | onfinish | | | Cet événement se produit lorsqu'il y a une erreur au cours du chargement d'une image ou d'un document. | | Cet événement se produit lorsqu'un filtre visuel change d'état ou complète une transition. | | Cet événement se produit lorsque l'animation de l'élément <MARQUEE> se termine. | | | onerror="Instruction" | | onerrorupdate ="Instruction" | | onfilterchange ="Instruction" | | onfinish ="Instruction" | | | | | | Cet événement se produit lorsqu'un élément (champ de formulaire, cadre, layer, etc.) ou un objet (window) obtient le focus. Le focus peut être | | | | Button Checkbox FileUpload Layer Password Radio | | | | obtenu par l'intermédiaire de la souris, de la touche TAB du clavier ou par une méthode de focus. | | | | Reset Select Submit Text Textarea window | | | onhelp | Cet événement se produit lorsque l'utilisateur presse la touche F1 sur le clavier et que la fenêtre active est celle du Navigateur Web. | onhelp ="Instruction" | | | | Cet événement se produit au moment où l'utilisateur enfonce une touche du clavier. | | Cet événement se produit au moment où l'utilisateur relâche la touche qu'il venait d'enfoncer. | | | onkeydown="Instruction" | | onkeypress="Instruction" | | | document Image Link Textarea | | document Image Link Textarea | | | onkeyup | Cet événement se produit au moment où l'utilisateur relâche une touche du clavier. Cependant, beaucoup de précautions doivent être prises concernant l'utilisation de cet événement, étant donné la confusion qu'il risque d'exister avec l'événement onKeyPress. | onkeyup="Instruction" | document Image Link Textarea | | onload | Cet événement se produit lorsque le navigateur a terminé le chargement d'une page HTML, de tous les cadres (frameS) de l'élément <frameset> ou d'une image. | onload="Instruction" | Image Layer window | | onlosecapture | | onmousedown | | | Cet événement se produit lorsque l'élément perd le focus de la souris. | | Cet événement se produit lorsque l'utilisateur enfonce un des boutons de la souris. | | Cet événement se produit lorsque le pointeur de la souris est déplacé et passe sur l'objet. | | | onlosecapture ="Instruction" | | onmousedown="Instruction" | | onmousemove="Instruction" | | | | onmouseout | Cet événement se produit à chaque fois que l'utilisateur déplace le pointeur de la souris hors d'une zone contenant un hyperlien (images en coordonnées, lien hypertexte). | onmouseout="Instruction" | &Area Layer Link | | onmouseover | Cet événement se produit à chaque fois que le pointeur de la souris entre dans une zone contenant un hyperlien (lien hypertexte ou images en coordonnées). | onmouseover="Instruction" | Area Layer Link | | | | Cet événement se produit lorsque l'utilisateur relâche le bouton de la souris. | | | | onmove Cet événement se produit onmove="Instruction" window lorsque l'utilisateur ou un script déplace une fenêtre ou un cadre. | onpaste | | onpropertychange | | onreadystatechange | | onreset | | onresize | | | Cet événement se produit lorsque l'utilisateur " colle " des données du presse-papiers vers le document. | | Cet événement se produit lorsque la propriété de l'élément change. | | Cet événement se produit lorsque l'état de l'élément a changé. | | Cet événement se produit lorsque l'utilisateur active le bouton de type reset d'un formulaire. | | Cet événement se produit lorsque l'utilisateur modifie les dimensions de la fenêtre du navigateur. | | | onpaste ="Instruction" | | onreadystatechange ="Instruction" | | onreset="Instruction" | | onresize="Instruction" | | | | | | Cet événement se produit lorsque la rangée courante a changé dans la source de données et que de nouvelles données sont disponibles. | | | onrowenter ="Instruction" | | | | onrowexit | | onrowsdelete | | onrowsinserted | | onscroll | | | Cet événement se produit juste avant que le contrôle de la source de données ne modifie la rangée courante de l'objet. | | Cet événement se produit juste avant la suppression de rangées au jeu d'enregistrements. | | Cet événement se produit après l'insertion de nouvelles rangées dans le jeu d'enregistrements. | | Cet événement se produit lorsque l'utilisateur déplace le curseur de la barre de défilement de l'objet. | | | onrowexit ="Instruction" | | onrowsdelete ="Instruction" | | onrowsinserted ="Instruction" | | onscroll ="Instruction" | | | | | | | | | Cet événement se produit lorsque l'utilisateur sélectionne du texte dans une boîte texte ou dans une boîte texte multiligne. | | | | | onselectstart | | onstart | | onstop | | onsubmit | | | Cet événement se produit dès que l'objet est sélectionné. | | Cet événement se produit à chacune des reprises de l'animation de l'élément <MARQUEE>. | | Cet événement se produit lorsque l'utilisateur clique sur le bouton Stop ou Arrêter du navigateur. | | Cet événement se produit lorsque l'utilisateur envoie les données d'un formulaire. | | | onselectstart ="Instruction" | | onstart ="Instruction" | | onstop ="Instruction" | | onsubmit="Instruction" | | | | onunload | onunload="Instruction" | window |
12 / Les chaînes de requêtes Les chaînes de requêtes (QueryStrings) correspondent à des informations associées à l'adresse URL avec un point d'interrrogation comme séparateur. ?chaine_de_requete Une chaîne de requête doit être constituée d'un ou plusieurs éléments dont chacun est associé à une valeur.Si la chaîne de requête contient plusieurs éléments, alors chaque couple élément/valeur doit être séparé par un caractère esperluette (&). ?element=valeur&element2=valeur2& &elementN=valeurN L'inconvénient principal des chaînes de requêtes réside dans le fait que les données transmises au serveur par ce biais sont visibles par les utilisateurs dans le champ Adresse de leur navigateur. De plus, une chaîne de requêtes ne peut dépasser le maximum de 255 caractères. Ainsi, l'utilisation de cette technique peut générer des problèmes de sécurité et des limitations quant à la taille des données à transmettre à une application Web. Il existe deux méthodes pour l'utilisation des chaînes de requêtes : L'insertion des informations directement après l'adresse URL de la page à atteindre. <form action="?element=valeur" method="post"> <input type="text" name="nom" value="DUPUIS"> <input type="text" name="prenom" value="Michel"> <input type="submit" name="Soumettre" value="Soumission"> </form> L'application de la valeur GET à l'attribut method d'un formulaire. <form action="" method="get"> <input type="text" name="nom" value="DUPUIS"> <input type="text" name="prenom" value="Michel"> <input type="submit" name="Soumettre" value="Soumission"> </form> Dans le premier cas, seules les informations contenues dans l'adresse indiquée par l'attribut action, seront envoyées par l'intermédiaire de la collection QueryString. element=valeur nom=DUPUIS&prenom=Michel En conséquence, l'expression method="get" provoque la transmission complète et automatique d'un formulaire à partir d'une chaîne de requête. La propriété search de l'objet location permet d'extraire une chaîne de requêtes contenu dans l'adresse URL transmise, soit l'ensemble des éléments et leur valeur associée y compris celle du bouton de soumission et le fameux point d'interrogation introduisant la chaîne de requête. document.write (window.location.search); // Retourne ?nom=DUPUIS&prenom=Michel&Soumettre=Soumission Le point d'interrogation peut être supprimé afin de ne conserver que la chaîne de requête à proprement parler. var requete = window.location.search.subString(1); Ensuite, chaque paire clé/valeur de la chaîne de requête peuvent être dissocier par l'intermédiaire de la méthode split(). var elements = requete.split("&"); Chaques paires clé/valeur désormais stockées dans un tableau peuvent être exploités pour récupérer séparément les identificateurs, des valeurs. for(i = 0; i < elements.length; i++) { temp = elements[i].split("="); tab[i][0] = temp[0]; tab[i][1] = unescape(temp[1]); } A partir de ce tableau associatif, une simple boucle va permettre de parcourir l'ensemble des éléments. document.write("<ol>"); for(i = 0; i < tab.length; i++) { document.write("<li>" + tab[i][0] + " : " + tab[i][1] + "</li>"); } document.write("<ol>"); // affiche <ol> <li>nom : DUPUIS</li> <li>prenom : Michel</li> <li>Soumettre : Soumission</li> </ol> Exemple [voir]
<!-- Formulaire --> <html> <body> <form action="" method="get" name="formGet"> <u>Saisir un titre :</u><br> <textarea name="Paragraphe" cols="30" rows="4"> La chose va très mal Où point n'a de justice La chose va très mal Dit un veau de métal </textarea> <input type="submit" name="Soumettre" value="Soumission"> </form> </body> </html> <html> <body> <h2>La chaîne de requête</h2> <script lan language="JavaScript" type="text/javascript"> var tab_args = new Array(); var temp = new Array(); var requete = location.search.substring(1); document.write("<h4>" + requete + "</h4>"); var tab_paires = requete.split("&"); for(var i = 0; i < tab_paires.length; i++) { temp = pairs[i].split("="); tab_elts[i] = new Array(temp[0], unescape(temp[1])); } for(i = 0; i < tab_elts.length; i++) { document.write(tab_elts[i][0] + " : " + tab_elts[i][1] + "<br>"); } </script> </body> </html>
| | | | | | |
