Archives des tags : Infobulle

Pas encore de description pour le tag Infobulle. Suggérez à l'administrateur du site de d'y remédier.

qTip — Infobulles, bulles d’aide, bulles de dialogue avec jQuery

qTip est un plugin jQuery pour créer des infobulles. Il a été conçu dès le départ pour être pris en main facilement par les utilisateurs. qTip offre un maximum de fonctionnalités comme les coins arrondis et la mise en place de bulles de dialogues, mais son point fort est l’affichage de tout types de contenus : attribut title ou attribut personnalisé tooltip, ou une image. Il est également possible d’afficher du contenu dynamique tel que miniatures de pages Web, vidéos en provenance de Youtube ou traduction d’un mot. qTip est probablement l’un des meilleurs script pour vos bulles d’aides !

clueTip — Afficher des bulles d’aide complexes

clueTip est probablement le script le plus souple pour afficher des bulles d’aide sur n’importe quel élément au survol de la souris (ou sur un clic, en option). La plupart des plugins proposent des infobulles en reprenant simplement le contenu de l’attribut title pour l’afficher dans un environnement graphique plus funky que l’affichage par défaut du navigateur. ClueTip permet de choisir un caractère séparateur (un pipe, par exemple) pour scinder le contenu de l’attribut title en deux entités pour avoir un titre au dessus du contenu, par exemple.

TipTip — Infobulles « funky » pour afficher l’attribut HTML « title »

TipTip est un plugin dans la lignée de Tipsy qui permet d’afficher l’attribut title d’un élément précisé par une classes dédiée ou générique dans une bulle d’information bien plus belle que celle qui apparait par défaut. Le fonctionnement de TipTip est le suivant : le script copie puis supprime le title d’origine pour que le navigateur ne soit pas tenté de l’afficher et l’injecte ensuite dans le balisage HTML suivant :

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.

Infobulles stylées et accessibles avec jQuery

Styled and accessible tooltips — Après Tipsy, ce script permet de remplacer l’infobulle par défaut qui apparait lorsqu’on passe la souris (ou le clavier) sur un élément possédant un attribut title par une infobulle du plus bel effet et accessible, ce qui ne gâche rien. Aucun marquage HTML supplémentaire n’est nécessaire : ce script se charge de tout et enlève le superflu lorsque la souris quitte l’élément en question. Via AccessTech.