Afficher un résultat sans appuyer sur la touche (Variable Php -> HTML -> Javascript)
Bonjour,
Je gère un site qui présente plusieurs types de randonnées (VTT, Cyclotourisme / pédestres) région par région. Tout le système est articulé autour d’une base de données renseignée par des webmasters régionaux.
Dans le cadre de la présentation d’une randonnée, j’utilise l’outil Google Map. Cet outil me permet de localiser précisément le lieu de la manifestation. Aujourd’hui l’intégration de google Map dans ma page de présentation fonctionne mais je voudrai l’améliorer.
Configuration actuelle :
Pour avoir la localisation l’internaute doit appuyer sur une touche Localiser. En fait cette touche correspond à un submit de formulaire dont le code et mis en dessous :
Code:
1
2
3
4
5
6
7
8
9
| <div id="Google_">
<form action="#" onsubmit="showAddress(this.address.value); return false">
<p>
<input name="address" type="text" value="<?php echo $lieu; ?>" size="60" />
<input name="submit" type="submit" value="Localiser" />
</p>
<div id="map" style="width: 600px; height: 440px"></div>
</form>
</div> |
La fonction showAddress(this.address.value) est une fonction javascritpt qui se présente sous la forme (Dans la partie Javascript, seul le code utile est présenté) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <script language="javascript">
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(address, function(point) {
if (!point) { /* Si les coordonnées n'ont pas été trouvés */
alert("Impossible de localiser l'adresse :\n\n" + address);
} else { /* /* Les coordonnées ont été trouvés */
/* Centrer la carte sur le point */
map.setCenter(point, 13);
/* Création d'un marqueur */
var marker = new GMarker(point);
/* Afficher le marqueur */
map.addOverlay(marker);
/* Associer une info-bulle au marqueur */
marker.openInfoWindowHtml(address);
}
});
}
}
//]]>
</script> |
Configuration souhaitée :
Je voudrai que l’outil localiser se lance automatiquement, sans avoir à appuyer sur la touche Localiser (un peu comme si on forçait la touche localiser). Je connais le php, un peu le HTML mais pas le Javascript. Il existe peut-être une solution simple mais je ne sais pas comment faire. L’informatique est pour moi une passion mais pas un métier.
Illustration :
Pour bien comprendre ma question vous pouvez consulter la page suivante :
http://www.nafix.fr/fiche/la-sortie.php?id=4011
Merci de votre aide
