Tutoriel JavaScript en exemples. Widgets et scripts
Apprendre un langage avec des exemples interactifs est plus facile. Ce tutoriel qui est aussi un manuel de reférence.
Introduction à JavaScript
Si l'on connait le langage C ou PHP, ce manuel suffira à utiliser
JavaScript, notamment pour comprendre et utiliser les exemples et démos
de ce site.
JavaScript et C: Héritage et différences
Variables et constantes
Les variables JavaScript sont dynamiques.
Les tableaux
Ils sont dynamiques et dotés d'attributs et méthodes.
Les fonctions
Définition et utilisation de fonctions.
- Fonctions prédéfinies. On peut les utiliser dans tout script.
- La fonction eval. Cette fonction intégrée permet d'ajouter du code JavaScript dynamiquement.
Les structures de contrôle
Structures conditionnelles et boucles.
JavaScript et PHP
Partage de variables entre PHP et les pages Web. Ajouter des variables
à celles des formulaires.
Expression régulière
Traitement de texte selon des règles de correspondance.
- La souris et le div. Connaître la position de la souris dans un calque, quelles propriétés?
- Illusion d'optique. Démonstration: comment changer une image quand on presse le bouton de la souris.
JavaScript asynchrone
Comment réaliser un code asynchrone comme celui de d'Analytics, de Google.
Harmony, les nouvelles fonctions dans JavaScript
Et test d'implémentation.
Aide-mémoire JavaScript
L'essentiel dans une seule page.
Les objets
En JavaScript, ils sont dynamiques et changent de structure durant le
traitement.
- This et new, une relation étroite. Comment une fonction devient objet.
L'objet Number
Attributs et méthodes de l'objet nombre.
L'objet String
Détail
de toutes les méthodes de chaîne de caractères.
L'objet Array
Avec
un test interactif des attributs et méthodes de tableau.
L'objet RegExp
Pour
passer des expressions régulières à un formulaire.
Formulaire
Principes et objets de formulaire en HTML 4 et HTML 5.
Création et utilisation d'un formulaire
Comment accéder à ses éléments,
insérer un bouton.
Envoi et réception des données selon les objets de formulaire.
Traitement des valeurs et envoi à une page web ou un script sur le serveur.
- Passer des données d'un page HTML à une autre. Comment passer des paramètres à une page Web? Cela peut être accompli par un formulaire et un script simple qui extrait les valeurs de la chaîne de paramètres.
- GET ou POST. Quelle méthode choisir?
- Frames et formulaires. Comment passer des données de formulaire entre les frames d'un jeu de cadres.
Checkbox, comment passer l'état à une autre page
Select
Gérer les listes et menus.
Windows
Création
dynamique de fenêtre en JavaScript.
- Location. Elément de Window pour obtenir les paramètres de l'URL de la page.
- History. Interface à l'historique de navigation.
- Boites de dialogue. Interagir avec l'utilisateur avec alert, confirm, prompt.
- Ouvrir une fenêtre en JavaScript.
- setTimeout et setInterval. Les délais à l'exécution.
Navigator
Pour identifier le navigateur de l'internaute.
Image Map
Des hyperliens dans les images.
- Images dynamiques. Remplacer une image.
Lightbox sans
framework
Pour réaliser une lightbox et afficher du texte ou des images dans
une boite, seules quelques descripteurs CSS suffisent. Du code JavaScript
est ajouté pour changer dynamiquement le contenu de la boite.
Onglets en CSS sans framework
Un Tab Panel pour un site Web ou une application, sans framework, en simple CSS ou avec quelques lignes de JavaScript pour insérer le contenu dans la même page.
Bouton à deux états
Comment créer un bouton ou une commande textuelle basculant entre
deux états.
Votes pour un article
Comment afficher une image qui donne le nombre de points attribués
à un article.
Image mystérieuse
Remplacer dans un effet de fondu un texte par une image afin qu'elle ne soit affichée qu'au moment voulu.
Barre de navigation
Accéder aux pages d'un article.
Tutoriel des bookmarklets
Un moyen simple d'incorporer des fonctionnalité à une page Web ou d'en rajouter au navigateur.
- Bookmarklets de recherche
Ajoutez des boutons de recherche avancée. - Informations sur la page
Ajouter des bookmarks qui fournissent des informations statistiques ou descriptives sur toute page affichée par le navigateur.
| Tweet |
|