Sommaire: Cours JavaScript pdf l’essentiel du code et des commandes
Introduction
1 Les bases de JavaScript
Compréhension de JavaScript (et de son histoire)
Etablissement d’un système de test
Configuration de navigateurs Web
Inclusion du code JavaScript
Utilisation de fichier(s) JavaScript externe(s)
Chargement dynamique de fichiers JavaScript
Pseudo-URL dans JavaScript
Exécution de JavaScript avec
des gestionnaires d’événements
Navigateurs sans JavaScript
2 Expressions communes
Détection du type de navigateur
Vérification des capacités
du navigateur
Empêcher la mise en cache
Redirection du navigateur
Rechargement de la page
Création d’un nombre aléatoire
Informations de date et d’heure
Recherche avec des expressions régulières
Remplacement du texte
Navigation dans l’historique d’un navigateur
Affichage de la date de modification de la page
Récupération des paramètres GET
Demande de confirmation à l’utilisateur
Demande de données utilisateur
3 Images et animations 39
Création de boutons sensibles
Préchargement d’images
Animation des graphiques
Etirement des graphiques
Visualisation de l’état de chargement de
la page avec une barre de progression
Visualisation du chargement de la page
avec une barre de progression
4 CSS
Accès aux styles CSS
Accès aux classes CSS
Accès aux feuilles de style individuelles
Accès aux règles de CSS individuelles
Laisser disparaître le contenu d’un site Web
Application de JavaScript aux sélecteurs CSS
Modification du curseur de la souris
5 DOM et DHTML
DOM
DHTML
Accès à des éléments spécifiques
Accès aux balises
Détermination des informations de nœud
Suppression d’éléments
Ajout d’éléments
Création d’éléments de texte
Travail avec les attributs
Clonage d’éléments
Remplacement d’éléments
Création d’une liste à puces à partir
de données JavaScript
Création d’un tableau à partir de données JavaScript
Modifications de fragments HTML
Positionnement des éléments
Déplacement d’éléments
Création d’une navigation toujours apparente
Création d’une publicité contextuelle en Flash
6 Programmation orientée objet et événements
Création d’une classe
Accès aux membres des classes
Héritage de classes
Extension d’objets JavaScript intégrés
Réaction aux événements JavaScript
Evénements de clavier
Envoi d’un formulaire avec la touche Entrée
Evénements de souris
7 Les cookies
Les cookies
Paramétrage des cookies
Lecture des cookies
Etablissement d’une date d’expiration
Autres options de cookies
Suppression de cookies
Vérification de la prise en charge des cookies
Enregistrement de plusieurs informations
dans un cookie
8 Les formulaires
Formulaires HTML avec JavaScript
Accès aux champs de texte
Accès aux cases à cocher
Accès à des boutons radio
Accès à des listes de sélection
Accès à une liste à choix multiple
Désactivation des éléments de formulaire
Envoi d’un formulaire
Empêcher l’envoi
Eviter les envois répétés de formulaires
Donner le focus à un champ
Sélection de texte dans un champ
Vider les champs de texte en cas de clic
Validation des champs de texte
Validation de cases à cocher
Validation de boutons radio
Validation des listes de sélection
Validation automatique d’un formulaire
Implémentation de la navigation avec une liste
de sélection
Implémentation d’une navigation hiérarchique
avec une liste de sélection
Désélection d’un ensemble de boutons radio
Création de listes de sélection de date préremplies
Création de listes de sélection de date de validation
9 Fenêtres et cadres
Options de fenêtres
Ouverture d’une fenêtre modale
Détermination de la taille de l’écran
Détermination de la taille de la fenêtre
Redimensionnement d’une fenêtre
Repositionnement d’une fenêtre
Ouverture d’une fenêtre contextuelle centrée
Ouverture d’une fenêtre en plein écran
Ouverture d’une nouvelle fenêtre dans un coin de l’é
Création d’une carte de site
Fermeture d’une fenêtre
Vérification de la présence d’un système
de blocage des fenêtres contextuelles
Vérification de la présence d’un système
de blocage des fenêtres
Modification du contenu de deux cadres
en même temps
Utilisation des cadres intégrés
10 Services Web
Création d’un service Web avec PHP
Création d’un service Web avec ASP.NET
Appel d’un service Web à partir d’Internet Explorer
Appel d’un service Web à partir d’un
navigateur Mozilla
Appel d’un service Web ASP.NET à partir
d’un navigateur Mozilla
11 AJAX et sujets annexes
Initialisation d’une application AJAX
Envoi d’une requête GET
Envoi d’une requête POST
Envoi d’une requête synchrone
Réception de données multiples du serveur
Interruption d’une requête HTTP
Récupération d’en-têtes HTTP
Réception de XML en provenance du serveur
Utilisation de JSON pour la (dé)sérialisation
de données
Création d’un écran d’attente
Résolution du problème de signet
Résolution du problème du bouton Précédent
XSLT
Utilisation d’une bibliothèque XML
Utilisation du service Web Yahoo!
Accès aux médias intégrés
Vérification des modules complémentaires dynamiques
Gestion des versions récentes d’Internet Explorer
Accès au contenu multimédia
Accès au contenu Java
Accès au contenu Flash
Index
Extrait du cours JavaScript pdf l’essentiel du code et des commandes
Introduction
En 1999, j’ai écrit un livre sur JavaScript. Au tout début,il s’est très bien vendu, puis les ventes ont commencé à diminuer. Elles se sont pourtant suffisamment stabilisées pour parvenir à la septième édition cet automne, même si un léger déclin se faisait toujours sentir.
Tout a considérablement changé à la fin de l’année dernière : les ventes ont soudain remonté, tout comme celles des autres titres du même segment. Cette évolution tient en partie à AJAX. La technologie en elle-même n’est pas nouvelle mais le terme l’est. En février 2005, Jesse James
Garrett établit l’acronyme ; depuis lors, le monde du Web semble comme pris de folie. Et même s’il est possible d’expliquer AJAX en deux minutes, il faut une bonne connaissance des divers aspects de JavaScript pour le comprendre. Cela explique la demande croissante d’informations poussées sur JavaScript et a aussi mené à l’écriture de ce Guide de survie JavaScript.
1-Les bases de JavaScript
Ce chapitre traite de certaines bases concernant JavaScript. Il ne s’intéresse pas explicitement à la syntaxe du langage,un aspect abordé dans suffisamment de didacticiels et d’ouvrages et qui n’entre pas dans l’objectif de cet ouvrage.Toutefois, nous expliquerons en détail des aspects essentiels comme l’insertion de code JavaScript dans une page.Nous ferons également un peu d’histoire et relaterons les faits de guerre des navigateurs pour vous préparer au chapitre suivant.
Compréhension de JavaScript (et de son histoire)
JavaScript est un langage de script côté client, ce qui signifie qu’il s’exécute côté client, dans un navigateur Web.
JavaScript peut aussi être employé côté serveur et en dehors d’un navigateur, mais ce n’est pas l’objet de cet ouvrage. Si le navigateur est compatible, JavaScript donne accès à la page en cours et permet au script de déterminer les propriétés du client, de rediriger l’utilisateur vers uneautre page, d’accéder aux cookies, etc. JavaScript naît en septembre 1995, parallèlement à la sortie de la version 2.0 du navigateur Netscape, la première à être dotée du langage de script. A cette époque, le langage s’appelle Mocha puis, à sa sortie, LiveScript ; Netscape conclut ensuite un accord marketing avec Sun (le créateur de Java) et décide de renommer le langage en décembre de cette année, il devient JavaScript.
Etablissement d’un système de test
Nous venons de le mentionner, plusieurs navigateurs acceptent JavaScript. Il faut généralement assurer une prise en charge pour la plupart d’entre eux. Ainsi, par exemple, le site Web http://marketshare.hitslink.co/report.apsx?qprid=3montre qu’en mars 2006, Internet Explorer et Firefox ensemble comptaient pour près de 95 % de la part de marché des navigateurs, suivis par Safari (un peu plus de 3 %). Les navigateurs Netscape détenaient environ 1 % et Opera 0,5 %, à peu près la même chose que tous les autres navigateurs réunis (y compris Konqueror).Quelle est donc la meilleure stratégie pour tester un site Web sur un maximum de systèmes, avec le moins d’efforts possible ? En fait, tout dépend du public auquel s’adresse votre site Web. Si vous ciblez principalement des utilisateurs de Mac, vous devrez procéder à un test important sur le navigateur Safari, puisqu’il est livré par défaut avec les versions récentes de Mac OS X.
Configuration de navigateurs Web
Par défaut, la plupart des navigateurs Web activés pour JavaScript prennent en charge ce langage. D’ailleurs, la toute première version de netscape à accepter JavaScript ne disposait même pas d’une fonction pour le désactiver ! Il est toutefois possible de le désactiver, vous devez donc trouver comment simuler cette situation (et comment demander aux utilisateurs de l’activer). Cela dépend non seulement des navigateurs utilisés mais parfois aussi de la version du navigateur. Dans le navigateur Firefox 1.5, JavaScript peut être activé dans le menu Outils, Options,Contenu, Activer JavaScript. Sous Internet Explorer 6, vous devez creuser un peu plus. Cliquez sur Outils, Options Internet, Sécurité, zone Internet, Personnaliser le niveau, Script, Active Scripting, Activer.
…….
Cours JavaScript pdf l’essentiel du code et des commandes (2776 KO) (Cours PDF)