Programmation Web avec JavaScript
Adresses derrière les liens

Comment faire en HTML?

Écran 16

attributs adresse privée
exemple adresse privée
source HTML adresse privée
exemple adresse privée
source HTML adresse privée

Exercice 1 : formulaire pour l'inscription à un lancement

Écran 25

inscription adresse privée
source HTML adresse privée

Exercice 2 : un petit formulaire de commande

Écran 26

un formulaire adresse privée
texte se trouve ici adresse privée

JavaScript comme langage universel

Écran 33

ECMAScript http://www.ecma-international.org/publications/standards/Ecma-262.htm

Votre fureteur supporte-t-il JavaScript?

Écran 34

http://en.wikipedia.org/wiki/Comparison_of_web_browsers#JavaScript_support http://en.wikipedia.org/wiki/Comparison_of_web_browsers#JavaScript_support
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(ECMAScript) http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(ECMAScript)

Exemples d'utilisation

Écran 37

calendrier adresse privée
taxes http://www.impot.net/fr/entreprises/consommation/
cartes Google http://maps.google.com/
Netvibes http://www.netvibes.com/

Insertion d'un script

Écran 38

http://validator.w3.org/ http://validator.w3.org/

Commentaires

Écran 41

commentaires http://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Comments:comment

Identifiants, mots clés et détails syntaxiques

Écran 43

Section 7.6 http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf

Variables et constantes

Écran 44

littéraux http://developer.mozilla.org/En/Core_JavaScript_1.5_Guide:Literals
variables http://developer.mozilla.org/En/Core_JavaScript_1.5_Guide:Variables

Opérateurs

Écran 48

opérateurs http://developer.mozilla.org/En/Core_JavaScript_1.5_Guide:Operators

Précédence des opérateurs

Écran 49

tableau des précédences http://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Operators:Operator_Precedence

Façons de convertir en nombres

Écran 51

parseInt et parseFloat http://developer.mozilla.org/En/Core_JavaScript_1.5_Guide:Functions

Contrôle du flot : conditions

Écran 54

if..then..else http://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Statements:if...else

Contrôle du flot : boucles

Écran 55

boucles http://developer.mozilla.org/En/Core_JavaScript_1.5_Guide:Loop_Statements

Fonctions

Écran 58

fonctions http://developer.mozilla.org/En/Core_JavaScript_1.5_Guide:Functions

Variables locales et globales

Écran 63

JavaScript Closures http://jibbering.com/faq/faq_notes/closures.html

Affichage de nombres

Écran 65

Number http://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Global_Functions:Number

Quatre objets prédéfinis

Écran 75

DOM originel : éléments indexés

Écran 85

Level 0 DOM http://www.quirksmode.org/js/dom0.html

Interface pour les formulaires

Écran 89

DOM Form http://developer.mozilla.org/en/docs/DOM:form

Interface pour les champs input

Écran 90

DOM HTML Element http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-76728479

Traitement des erreurs

Écran 92

try...catch http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Statements:try...catch

Gestionnaires d'événements (suite)

Écran 99

exemples adresse privée

Gestionnaires d'événements (suite)

Écran 100

gestionnaires d'événements http://developer.mozilla.org/en/docs/DOM:element#Event_Handlers

Exercice : mettre à notre main une librairie de validation

Écran 102

d'abord la tester adresse privée
formulaire de commande adresse privée
exigences adresse privée
validate.htm adresse privée
jQuery Validation http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Introduction

Écran 108

http://www.w3.org/DOM/ http://www.w3.org/DOM/
introduction au DOM http://www.w3.org/TR/DOM-Level-3-Core/introduction.html

Types de noeuds

Écran 114

nodeType http://developer.mozilla.org/en/docs/DOM:element.nodeType

Interfaces du DOM niveau 1

Écran 120

diagramme de classes du DOM niveau 1 http://www.xml.com/1999/07/dom/

Interface DOM Document

Écran 121

DOM document http://developer.mozilla.org/en/docs/DOM:document

Méthode getElementById

Écran 122

bogue IE qui peut nous faire perdre du temps http://www.456bereastreet.com/archive/200802/beware_of_id_and_name_attribute_mixups_when_using_getelementbyid_in_internet_explorer/
getElementById http://developer.mozilla.org/en/docs/DOM:document.getElementById

Méthodes createElement et createTextNode

Écran 123

createTextNode http://developer.mozilla.org/en/docs/DOM:document.createTextNode
createElement http://developer.mozilla.org/en/docs/DOM:document.createElement

Interface DOM Node

Écran 125

DOM element http://developer.mozilla.org/en/docs/DOM:element

Méthode appendChild

Écran 129

DOM HTML http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html
appendChild http://developer.mozilla.org/en/docs/DOM:element.appendChild

Méthode insertBefore

Écran 130

insertBefore http://developer.mozilla.org/en/docs/DOM:element.insertBefore

Méthodes hasChildNodes, removeChild et replaceChild

Écran 131

hasChildNodes http://developer.mozilla.org/en/docs/DOM:element.hasChildNodes
removeChild http://developer.mozilla.org/en/docs/DOM:element.removeChild

Méthode getElementsByTagName

Écran 132

getElementsByTagName http://developer.mozilla.org/en/docs/DOM:element.getElementsByTagName

Modifier le style d'un élément

Écran 137

http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties
style http://developer.mozilla.org/en/docs/DOM:style

Attention aux apparences

Écran 138

l'interface étendue CSS2 http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-extended

Événement, plusieurs fonctions (DOM et IE5.x)

Écran 146

http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/ http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/

Librairies pour aider...

Écran 151

Prototype http://www.prototypejs.org/
Script.aculo.us http://script.aculo.us/
Yahoo! UI Library http://developer.yahoo.com/yui/
jQuery http://jquery.com/

Programmation Web avec JavaScriptAdresses derrière les liens

Programmation Web avec JavaScript
Adresses derrière les liens