Le codage est une compétence essentielle pour les développeurs web et les concepteurs de sites web. jQuery est une bibliothèque JavaScript populaire qui permet aux développeurs de créer des sites web dynamiques et interactifs. Dans cet article, nous allons examiner les bases de jQuery et comment elles peuvent être utilisées pour créer des sites web modernes et intuitifs. Nous verrons également comment jQuery peut être intégré à d’autres technologies web pour créer des applications web riches et puissantes.
jQuery
Widgets HTML
- Page HTML
- Button
- Boite de message déclenchée sur un clic bouton
- Un clic bouton modifie zone texte (textarea)
- Utiliser un bouton en mode ON/OFF
- Modifier l’aspect d’un pushButton (couleur, texte) lors d’un clic souris
- Radio Button
- Utiliser un bouton radio (radioButton)
- Utiliser un groupe de boutons radio (radioButton) à choix unique
- Utiliser plusieurs groupes de boutons radio (radioButton) à choix unique dans chaque groupe
- LineEdit (champ texte)
- Utiliser un champ texte : modifier un champ texte par un clic souris sur un pushButton
- Régler/initialiser la valeur d’un champ texte à l’aide de 3 boutons simples
- TextEdit (Zone de texte)
- Un clic bouton modifie zone texte (textarea)
- Modifier / effacer une zone de texte à l’aide de deux boutons simples
- Liste déroulante
- Récupérer la valeur courante d’une liste déroulante – v1 event depuis HTML?
- Récupérer la valeur courante d’une liste déroulante – v2 event depuis JS?
- Apprendre à paramétrer et à utiliser une liste déroulante (ComboBox)
- Copier le choix courant d’une liste déroulante dans un champ texte par appui sur un bouton
- Mini-applications complètes
- Clavier numérique graphique 3×4
- Créer une simple calculatrice graphique.
Graphiques sans librairie Javascript externe
- Exemple d’affichage d’un canva par code jQuery intégré dans une page HTML?
- Exemple d’affichage d’un vumètre graphique simple dans un canva?
- Exemple d’animation d’un pixel dans un canva?
- Tracé progressif d’une courbe dans un canva?
Avec une librairie Javascript externe
Avec RGraph
- Exemple d’affichage d’un widget graphique fourni par une librairie Javascript (RGraph)?
- Exemple d’affichage de 6 widgets graphiques fournis par une librairie Javascript (RGraph)?
- Graphique Dygraphs simple?
- Fixer la taille du graphique?
- Graphique Dygraphs avec timeline?
- Affichage des données de 24H avec timeline à l’aide de la librairie Javascript Dygraphs?
- Affichage sur 24H multi-courbes avec timeline?
- Affichage sur 24H multi-courbes avec timeline et choix des courbes à afficher?
- Définir la plage de valeur des axes?
- Fixer la couleur des courbes
- Paramétrer la légende
- Plusieurs graphiques sur la même page
- Récupérer une valeur voulue du graphique courant
- Afficher date à partir unixtime?
- Affichage de plusieurs courbe : sélectionner la/les courbes à afficher.
Note : pour activer l’interactivité souris : interactionModel: Dygraph.defaultInteractionModel
