jQuery tooltips

Des infobulles en jQuery et CSS, accessibles au clavier.

Ce plugin utilise le script jQuery Tooltip de Jörn Zaefferer pour les versions de SPIP n’intégrant pas le plugin jQuery UI ou n’intégrant qu’une version ancienne (inférieur à 1.10.1).

Pour les versions plus récentes de SPIP, ce sera le script de jQuery UI idoine qui sera utilisé.

Ce script jQuery permet de transformer les attributs title d’éléments HTML (comme les liens, les abréviations...) en infobulles stylisables et réactives.

Configuration du plugin

Sa configuration est relativement simple, il est simplement demandé de remplir l’input correspondant au sélecteur CSS sur lequel appliquer les infobulles.

Dans l’image ci-dessous, on les applique à tous les liens et champs de formulaires de type input.

Usage manuel

Vous n’êtes pas obligé de configurer ce plugin. Vous pouvez l’utiliser manuellement dans vos sites en appelant les fonctions javascript désirées.

Par exemple, dans le site „Traduire SPIP”, le code suivant active les tooltips.

var crayons_textarea = function(){
	jQuery('.crayon-html textarea').tooltip({
		showURL: false
	});
}

(function($) {
	$('.bilan a, .bilan abbr, .bilan tr, .bilan td, .bilan .graph, textarea').tooltip({
		showURL: false
	});
	onAjaxLoad(crayons_textarea);
})(jQuery);

Exemple d’utilisation

Ce plugin est activé sur le site „Traduire SPIP” notamment sur sa page „Bilan”.

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Wie ben je?
[Aanmelden]

Om je gebruikersafbeelding bij je bericht te tonen moet je je eerst registreren opgravatar.com (gratuit et indolore). Vergeet niet om hier je e-mailadres te vermelden.

Vul hier je commentaar in

In dit formulier kun je de SPIP-codes {{gras}} {italique} -*liste [texte->url] <quote> <code> en HTML codes <q> <del> <ins> gebruiken. Om een nieuwe paragraaf te maken laat je gewoon een paar regels leeg.

Een document toevoegen

Commentaren opvolgen: RSS 2.0 | Atom