Bonjour à tous,
Je rencontre un problème avec l'implémentation de google map api dans une de mes pages.
Je souhaite lancer 2 fonctions javascript à partir d'un seul formulaire.
Lors de la sélection dans la liste déroulante je veux valider mon formulaire pour afficher un résultat et en même temps lancer une fonction js pour google map avec un paramètre de la liste déroulante ... (pas très clair?)
Le problème est que seul le "onChange" est réalisé et pas le "onSubmit"...
le code:
<head>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var geocoder = null;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 15);
geocoder = new GClientGeocoder();
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 15);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
</script>
</head>
<body>
<form name="form1" action="#" method="post" onSubmit="showAddress(this.address.value); return false">
<strong>Neo advertising offices: </strong>
<select name="loc" id="loc" onChange='this.form.submit();'>
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
</select>
<input type="hidden" name="address" value="<?echo $office;?>">
</form>
<div id="map_canvas" class="map" style="width:600px;height:600px"></div>
</body>
Merci à ceux qui pourront m'éclairer.
A+