logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

Listeners d'évènements
icone addfav
Le langage Javascript est langage évènementiel c'est à dire qu'il est capable d'intercepter des évènements (ndr : click souris, déplacement de carte, doucle click de souris etc...)  au sein de page DOM affichée dans le navigateur.

Cette gestion des évènements permet d'optimiser, de personnaliser au maximum les interfaces en jouant sur toutes les possibilités de branchements sur des évènements (ndr : barre d'état, icône en rapport avec une action commencée ou terminée).

Nous allons donc voir au cours de cette page comment "brancher" des fonctions javascript sur des évènements d'une page DOM.






Exemple simple d'ajouts de listeners d'évènements


Ce premier exemple permet de brancher lors du déplacement de la carte deux évènements.
Le premier évènement est branché en "movestart" de la carte GMap2 et le second évènement en "moveend" de la carte GMap2 .
Les fonctions javascript branchées sur les évènements de déplacement de la carte GMap permettent de récupérer et recopier dans les élements DOM 'input' prévus à cet effet les coordonnées du centre de la carte au début et à la fin de son déplacement.

L'exemple est testable ci après :
Utilisation de l'exemple #00
ZONE DE CHARGEMENT DE LA CARTE GMAPS

Latitude départ :
Longitude départ :

Latitude fin :
Longitude fin :

!!! :: déplacer la carte pour utiliser l'exemple.

ico com Aucun commentaire enregistré