Greboca  

Aujourdhui-demain.net

Création d’un script de modification automatique d’objets dans un contexte fluide pour site Internet.

Problématique

Le script doit calculer dynamiquement les nouvelles coordonnées des objets (images et applets multimédias) au moment de l’affichage de la page, et à chaque modification de la taille de la fenêtre.

site : <a href='http://aujourdhui-demain.net/sommaire.htm' class='spip_out' rel='nofollow external' style='height:469px;width:600px;' />http://aujourdhui-demain.net/sommai…</a> - PNG - 420.9 ko
Aujourd’hui . demain
site : http://aujourdhui-demain.net/sommai…

La solution (parmi d’autres)

Chaque objet est défini dans la page HTML :

  • les liens (balises <a>...</a>) sont optionnels.
  • Chaque objet est identifié par son attribut id, dans l’exemple, c’est id="info".
  • Les actions onMouseOver et onMouseOut définissent juste des rolover.

L’essentiel des données se fait au niveau des premières lignes :

  • lrgfond correspond à la largeur de l’image de fond, en pixel.
  • Un tableau, avec l’identifiant, suivi des coordonnées en pixels, sur l’image de fond. Le script se charge de calculer tout le reste.