`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 correspondant, 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

Vérifier que nomObjet.enMvt vaut false avant de lancer un rebond ou une remontée pour éviter de perturber un mouvement en cours ;
origineRebond est à 0 par défaut, ce qui détermine le sommet du conteneur comme origine des rebonds. Indiquer une valeur positive pour une origine des rebonds plus bas dans le conteneur ;
Si la hauteur de l’élément hauteurObjet est indiquée, celui-ci disparaîtra au sommet du conteneur lors de la remontée ; si cette hauteur n'est pas indiquée ou est à 0, l’objet remontera jusqu’à la position d’origine des rebonds origineRebond ;
La rapidité des rebonds dépend de rapiditeRebond, celle de la remontée dépend de rapiditeRemontee.

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

RebondElement

Un objet JavaScriptfaisant rebondir un élément

Utilisation

À savoir

François Delègue

`RebondElement`

Un objet JavaScript
faisant rebondir un élément