Visualisation d'une page Webjax
Listeners d'évènements
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 :
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 :

:

