RebondElement

Un objet JavaScript
faisant rebondir un élément

Cet objet permet de faire rebondir verticalement un élément, et de le faire remonter à son point d’origine dans ou hors de la fenêtre du navigateur. La rapidité des rebonds et celle de la remontée sont paramétrables. Une méthode permet de masquer l’élément. Voici le prototype, seuls les 2 premiers paramètres sont obligatoires :

RebondElement (idElement, hauteurRebond, origineRebond,
          hauteurObjet, rapiditeRebond, rapiditeRemontee)
	

Télécharger l’objet avec fichier d’exemple (.zip)

Utilisation

1 – Insérer l’objet RebondElement dans l’élément head de la page :

<script src="objet-rebond-element.js"
          type="text/javascript"></script>
		

2 – Définir l’élément à faire rebondir dans le code HTML, ici une <div> contenant une image. L’élément doit être identifié par un attribut id :

<div id="a_rebondir">
     <img src="image.gif" width="200" height="200">
</div>
	

3 – Créer une instance de l’élément, placée dans le code HTML après la définition ci-dessus. La variable JavaScript créée doit porter le nom de l’attribut id de l’élément corres­pon­dant, comme a_rebondir dans cet exemple :

var a_rebondir = new RebondElement ("a_rebondir", 300)
	

4 – Lancer le rebond et la remontée, ici depuis 2 liens :

<a href="#" onclick="if (!a_rebondir.enMvt)
          a_rebondir.rebondir()"> … </a>
<a href="#" onclick="if (!a_rebondir.enMvt)
          a_rebondir.remonter()"> … </a>
	

… ou depuis un seul lien :

<a href="#" onclick="if (!a_rebondir.enMvt && !a_rebondir.on)
          {a_rebondir.rebondir()} else if (!a_rebondir.enMvt)
          {a_rebondir.remonter()}"> … </a>
	

À savoir

Paramètres
Les paramètres soulignés sont obligatoires
idElement Chaîne ID de l’élément à faire rebondir
hauteurRebond Entier position du haut de l’élément après rebond, en pixels par rapport au sommet de son conteneur
origineRebond Entier origine de l’élément lors des rebonds, en pixels par rapport au sommet de son conteneur, à 0 par défaut
hauteurObjet Entier hauteur de l’élément en pixels
rapiditeRebond Entier millisecondes entre chaque position lors du rebond, vaut 15 par défaut
rapiditeRemontee Entier millisecondes entre chaque position lors de la remontée, vaut 15 par défaut
Propriétés
nomObjet.on Booléen vaut true après le rebond, false avant rebond et après remontée
nomObjet.enMvt Booléen vaut true pendant le rebond, false en-dehors
Méthodes
rebondir() Lancer le rebond
remonter() Faire remonter l’élément
cacher() Masquer l'élément

imprimer

télécharger

haut de page

François Delègue