AccessTooltip par

Présentation

Comment ça fonctionne ?

La fonction génère une infobulle accesssible au clavier via la touche de tabulation pour tous les éléments passés en paramètre, possédant un title.

Démonstrations

Comment l'utiliser

Insérer la fonction comme dernier élément de body

<script type="text/javascript" src="AccessTooltip.js"></script>

Créer une classe CSS pour styler le tooltip (attention, la position "absolue" est requise) :

Ctooltip{
	position:absolute;
	background-color:#FFFFF0;
	border:1px solid gray;
	border-radius:3px;
	padding:3px;
	box-shadow:2px 2px 2px #000;
	color:#000;
	font-size:80%;
}

Insérer l'appel de fonction comme dernier élément de body et utiliser les paramètres pour la personnaliser :

<script type="text/javascript">
AccessTooltip({
	objs : 'a, button, input, textarea, select',
	tooltipClassName : 'Ctooltip',
	toolTipBetween : 5,
	toolTipUp : false,
	mouse : true,
	tempDelay : 4000,
	useAriaDP : false,
	useEscClose : true
});
</script>