Scriptsrc est une page web qui recense les URL’s des dernières versions des frameworks Javascript hébergés par Google : jQuery, jQuery UI, Chrome Frame, swfobject, Mootools, YUI, Prototype, Ext.JS, Dojo et Scriptaculous : →
Supprimer l’attribut title dans les catégories et les pages WordPress avec jQuery ou PHP
Sur une ancre, l’attribut title
sert généralement à donner une indication sur la destination du lien. Si son utilité est certaine dans une optique d’accessibilité, cet attribut peut poser des problèmes de lisibilité sur les sous-menus lorsqu’il est appliqué sur les liens d’un menu déroulant vertical ou horizontal comme c’est le cas sur css 4 design. Dans WordPress, le title
des liens des catégories affiche la description de la catégorie si elle est renseignée, ou un title
par défaut si l’on ajoute le paramètre use_desc_for_title
dans la fonction wp_list_categories()
. Or, je n’ai rien trouvé qui permet de supprimer purement et simplement ce title
une bonne fois pour toute. →
UI.Layout – Créer des interfaces utilisateurs avec jQuery
UI.Layout est le portage en jQuery de extJS border-layout qui permet de créer tout type d’interface utilisateur avec des panneaux rétractables, jusqu’à 5 par page, avec la possibilité d’imbriquer des zones à volonté. UI.Layout s’interface très bien avec les Widget de jQuery UI. Le plugin propose une douzaine d’options pour faire face à toutes les situations. →
Colorbox — une « lightbox » légère et extensible en jQuery
- Voir la page de démonstration.
- Colorbox est disponible sur Github.
jQuery BBQ — Utiliser les boutons Précédent et Suivant du navigateur malgré Ajax
jQuery BBQ — est une bibliothèque de fonctions permettant de garder une trace de l’état et de l’historique des liens lors de requêtes successives via Ajax : on peut donc cliquer, cliquer puis utiliser le bouton Suivant ou précédent du navigateur ou recharger la page sans problème.
Table des matières avec jQuery
Voici un bout de code pour afficher une liste ordonnée sous la forme d’une table des matières comme celles que l’on trouve dans les livres imprimés où le numéro de la page est situé au bout d’une succession de pointillés à la droite de l’énoncé. Il ne s’agit donc pas d’une vraie table des matière, puisque le numéro de la page n’est autre que le numéro de l’item en question. Mais visuellement, cette technique peut faire son petit effet. →
Bloc de login à la Twitter avec jQuery
Perfect signin dropdown box likes Twitter with jQuery est un tutoriel qui explique comment faire un bloc de login dynamique comme celui qui se trouve sur la page d’accueil de Twitter. Il suffit d’un formulaire HTML, d’une bonne pincée de CSS et d’une rasade de jQuery. Via Path-Tech.
jQuery HTML Table Toolbox — 36 façons de «dresser la table» avec jQuery
Avec jQuery HTML Table Toolbox Paul Andrew nous offre une très belle liste de liens pour ajouter des fonctionnalités aux tables grâce à jQuery : tri, amélioration de l’apparence, recherche, Drag ‘n’ Drop, manipulation de données, pagination, etc. Le billet original propose une description et une capture d’écran pour chaque ressource. →
Add Events jQuery — Ajouter «cursor: pointer» sur tous les événements «click»
David Walsh s’est penché sur l’affichage du «doigt qui clique» lorsqu’on ajoute un événement click
ou hover
sur un élément du DOM : →
Créer une arborescence de fichier avec jQuery
Jay Salvat nous propose la première partie d’une série de 8 tutoriels sur la création d’une arborescence de fichiers à l’aide de jQuery. Au menu :
- Transformer une liste HTML en arborescence dossiers/fichiers
- Ajouter un compteur de fichiers à chaque dossier
- Ouvrir et fermer les dossiers
- Ouvrir des dossiers par défaut dès l’ouverture
- Déplacer les dossiers et fichiers en drag and drop
- Supprimer un fichier de l’arbre
- Sérialiser le résultat
- Déclencher et utiliser des événements