18/10/10

innerShiv — Le contenu HTML5 généré par innerHTML fonctionne enfin dans IE

Pour les injecter les balises HTML5 dans le DOM et leur appliquer la propriété CSS display: block pour les styler, Remy Sharp a mis au point html5shiv qui est toutefois sans effet lorsque les balises HTML5 sont affichées via innerHTML. Heureusement, HTML5 innerShiv est là pour que les version 6 à 8 d’Internet Explorer tiennent compte des nouvelles balises HTML5 créées à la volée.

16/10/10

jCarousel — un Carousel jQuery très complet

jCarousel est un plugin jQuery permettant de contrôler le déplacement horizontal ou vertical d’une liste d’éléments. Les contenus peuvent être composés de HTML statique ou chargés à la volée via Ajax ou tout autre manipulation du DOM. Le scroll peut s’effectuer en avant, en arrière avec ou sans animation. Lire le reste de cet article »

18/08/10

Chérie, j’ai rétréci document.getElementById

Une petite astuce toute  simple mais néanmoins efficace pour simplifier l’accès aux identifiants CSS à la manière de jQuery. Lire le reste de cet article »

15/03/10

Créez des sélecteurs personnalisés avec jQuery

Custom jQuery Selectors aborde la création de sélecteurs personnalisés au cas où ceux proposés par jQuery ne suffiraient pas. Dans l’exemple donné, il s’agit de parcourir le DOM à la recherche des balises HTML possédant un attribut rel renseigné : Lire le reste de cet article »

08/03/10

13 Tutoriels jQuery pour Webdesigners

jQuery Tutorials for Designers – La force de jQuery par rapport à d’autres frameworks Javascript est sa capacité à plier le DOM selon notre bon plaisir. Toutefois, la volonté de faire tel ou tel effet ne suffit pas : encore faut-il les connaissances algorithmiques pour y parvenir. Malgré sa simplicité et sa courbe d’apprentissage à la portée de tous, il est toujours bon d’avoir quelques bouts de code sous le tapis de souris pour faire face aux situations récurrentes en matière de webdesign. Lire le reste de cet article »

14/02/10

Menus «select» et champs «input» avec jQuery

Michel L’Huillier nous propose six bouts de code pratiques pour manipuler les éléments select et input avec jQuery : récupérer la valeur ou faire passer le texte d’une ou plusieurs options sélectionnées ; utiliser des éléments option sélectionnés dans des instructions conditionnelles ; supprimer un élément option ; déplacer des options d’une liste A vers une liste B. Les snippets sont suivis d’une Cheat Sheet concernant les élements select et input.

28/01/10

DOMAssistant disponible en version 2.8 beta 2

DOMAssistant est une bibliothèque Javascript du genre « petit mais costaud » qui pourrait facilement remplacer jQuery pour une grande partie des utilisateurs. DOMAssitant a été créé par Robert Nyman qui a passé la main à Lim Cheng Hong. Le point fort de cette bibliothèque est sa rapidité, sa petite taille et sa modularité : DOMAssistant est segmenté en 6 modules indépendants  : Lire le reste de cet article »

16/12/09

Sélectionner les éléments par leur classe avec getElementsByClassName

Vous le savez sans doute, mais si le DOM propose une fonction pour sélectionner un élément par son id ou son nom, ce n’est pas (encore) le cas pour sélectionner les éléments qui partagent une ou plusieurs classes. C’est là qu’intervient The Ultimate GetElementsByClassName déjà évoqué dans Utillisez le DOM et Javascript comme un chef pour redéfinir le comportement des balises HTML. Lire le reste de cet article »

09/12/09

cssQuery — accédez au DOM

cssQuery — Interroge le DOM via les sélecteurs CSS 1, CSS 2 et une partie de CSS 3. Alternative à jQuery et autres frameworks Javascript pour accéder aux éléments constitutifs du DOM quelque soit le navigateur pour environ 7 KB ! Lire le reste de cet article »

07/12/09

DOMTab — Menu à onglets simple et efficace

DOMTab — Ce script non-intrusif transforme une liste de liens en un système de menu à onglets (plusieurs menus sur une même page possibles). Parmi les plus : la possibilité de faire un lien vers un onglet et la mise en place de liens suivant et précédent pour accéder aux onglets (y compris avec une image). Voir mon comparatif entre DOMTab et idTabs pour en savoir plus.