Mootooltip

Télécharger le projet
Commenter

Description

Affichage d'une infobulle sur un objet ciblé. Utile par exemple pour afficher une information relative à un contrôle de formulaire.

Nécessite que la bibliothèque mooTools soit chargée (version actuelle v1.2.4). L'appel se fait directement en appelant la méthode affTooltip() implémentée dans la classe de base Element dans l'évènement domready.

Pour voir le programme tourner : http://sources.mightyprods.com/index.php?id=2.

Source / Exemple : 


<link type="text/css" rel="stylesheet" href="demos/mooTooltip/mootooltip.css" />
<script type="text/javascript" src="demos/mooTooltip/mootooltip.js"></script>

<script type="text/javascript">
window.addEvent('domready', function() {
  $('valinscr').addEvent('click', function(e) {
    e.stop();
    if (!$('prenom').value) 	$('prenom').affTooltip('Champ obligatoire');
    else if (!$('nom').value) 	$('nom').affTooltip('Champ obligatoire');
    else this.affTooltip('Formulaire bien rempli, bravo !');
  });
});
</script>

<table>
<tr><td style="width: 120px;"><em>Prénom</em></td>
    <td><input type="text" id="prenom" style="width: 200px;" /></td></tr>
<tr><td style="width: 120px;"><em>Nom</em></td>
    <td><input type="text" id="nom" style="width: 200px;" /></td></tr>
<tr><td colspan="2" style="text-align: right;">
        <a href="#" id="valinscr">Valider</a></td></tr>
</table>

Conclusion :


Mes premières sources partagées, soyez indulgents !
Télécharger le projet

Codes Sources

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Miky76)