Simuler clic sur input text

Fermé
feyesh - Modifié par feyesh le 2/11/2012 à 00:50
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 16 nov. 2012 à 16:54
Bonjour,

J'utilise un bout de script de l'API google map pour le calcul de distance.
J'ai un input text qui contient en value l'adresse complète de l'utilisateur.
Mon soucis, c'est que si rien n'est saisie dans ce champs, le calcul ne se fait pas.
L'adresse de l'utilisateur est bien présente par défaut dans le input, mais inutilisable.

Il y a t'il des solutions, sans qu'il soit nécessaire de cliquer sur quoi que ce soit pour que l'adresse soit prise en compte ?
Un grand merci d'avance pour votre aide.


A voir également:

18 réponses

Utilisateur anonyme
2 nov. 2012 à 01:10
Salut,
Normalement si tu mets correctement la valeur par défault, elle doit être prise en compte.
<input type="text" value="Text par défault" ..... />

A+
0
J'ai l'impression que le script de calcul de distance se déclenche une fois que input depart ET que le input arrive ont été remplis à la main.
Je remplis value avec :
<input type='text' name='adressedepart' maxlength='80' size='80' id='adressedepart' value= '<?php echo $donnees['adresse'];?>

Qui fonctionne très bien, le champs est bien remplis avec la bonne valeur,sauf qu'il ne déclenche pas le javascript. ( sauf si je saisie l'adresse manuellement)
0
Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
2 nov. 2012 à 10:27
Et si tu remplis ton input avec du javascript ?
Ca marche ou pas ?

=>
<input type='text' name='adressedepart' maxlength='80' size='80' id='adressedepart' value= '' />
<span style="display:none;" id="span_adressedepart"><?php echo $donnees['adresse']; ?></span>

<script type="text/javascript">
document.getElementById("adressedepart").value = document.getElementById("span_adressedepart").innerHTML;
</script>

Qu'est-ce que ca fait ca ?

Et quand tu remplis à la main, le javascript se lance ?
Et comment tu fais pour que le javascript se lance ?
Tu as un boutton ?
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
2 nov. 2012 à 11:24
Si tu pouvais copier ton code pour mieux comprendre l'action parce que c est etrange le php au niveau de l'interaction c'est possible mais je pense qu'il y a plus simple a faire tout en js que de melanger les deux. Sinon il y mille est une facon de faire ce que tu cherche il suffit juste de savoir ou et comment l'implementer...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Tout d'abord merci d'essayer de m'aider, c'est tres sympa

@ Blunderer
J'ai essayé ton bout de code, il ne se passe rien .
Quand je remplis à la main, le javascript se lance bien. Celui-ci se lance soit si je clic n'importe ou sur la page, soit quand je commence à remplir les champs suivants

@Darkaurora
Je vais mettre le code du script google map dans le post ci-dessous
0
<script type="text/javascript">
		var directionDisplay;
		var directionsService = new google.maps.DirectionsService();
		var villedepart;
		var villearrive;
		var maCarte;
		function initialize() {
			var tours = new google.maps.LatLng(46.585294,0.351563);
			var optionsCarte = {
				zoom: 7,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				center: tours
			}
			maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
		}
		function addressChange(input_text)
		{
			if (input_text.id == 'villedepart')
				villedepart = input_text.value;
			else
				villearrive = input_text.value;
				
			if (villedepart != '' && villearrive != '')
			{
				directionsDisplay = new google.maps.DirectionsRenderer();
				
				directionsDisplay.setMap(maCarte);
				
				var requeteItineraire = {
					origin: villedepart,
					destination: villearrive,
					travelMode: google.maps.DirectionsTravelMode.DRIVING
				};
				
			directionsService.route(requeteItineraire, function(response, status) {
				if (status == google.maps.DirectionsStatus.OK) {
					directionsDisplay.setDirections(response);
					var distance = response.routes[0].legs[0].distance.value;
					var duree = response.routes[0].legs[0].duration.value;
					document.getElementById('distance_parcouru').innerHTML = distance/1000 + " km";
					document.getElementById("distance_parcourue_input").value = distance/1000;
					document.getElementById('duration').innerHTML = Math.round((duree/3600)*10)/10 + " heure";
					}
				else
				{
					alert("Addresse de d&eacut;part ou d'arrivé incorrecte");
				}
			});
			}
			
		}
	</script>
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
3 nov. 2012 à 01:00
je viens de lire attentivement, ton code si tu pouvais juste mettre la partie html pour que je puisse bien comprendre sur quels champs tu interviens.
0
Voici mon code HTML.
Désolé pour la lourdeur, je l'ai raccourcis au max et je vous épargne les requetes sql qui fonctionnent.
J'ai cru comprendre qu'il fallait inclure ce qui se lance par le biais de onchange dans le body initialize , j'ai essayé, la carte ne s'affiche plus et plus de calcul.
J'ai acheté un bouquin sur le JS, je l'ai mangé pendant le WE mais toujours bloqué.

<body onload="initialize()">    
<div class="contenu">    

<p><b>Adresse de départ :    
<input type='text' name='adressedepart' maxlength='80' size='80' id='villedepart' value= '<?php echo $donnees['adresse'];?> '  onchange="addressChange(this)"/></input></p>/>  

<p><b>Adresse d'arrivé :    
<input type='text' name='adressearrive' maxlength='80' size='80' id='villearrive'  value= ' ' onchange="addressChange(this)"/></input></p> 


<div class="carte">    
<div style="margin:0 auto;width:270px;height:220px" id="EmplacementDeMaCarte"></div>    
<div class="cachee"><span id="distance_parcouru"></span></div>    
</div>    

<p><b>Distance :</b>    
<input type="text" name="distancetrajet" id="distance_parcourue_input" maxlength="8" size="8" value="" />km </p>     

<p align="center">    
<input type="image" src="img/valider.gif" alt="valider"></p>


Merci d'avance pour votre aide
0
ou alors au pire j'ajoute un bouton à cliquer qui déclenche le remplissage du 1er input avec la valeur POST
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
5 nov. 2012 à 20:06
Ok c'est bon j'ai compris l'erreur, en fait tu ne test que l'Id de tes inputs car tu pense qu'ils sont remplis, alors que ce n'est pas forcément le cas, tu dois faire une fonction qui exécute le calcul de la distance uniquement si les deux champs sont remplis et accessoirement correctement remplis. Lors de la première exécution ta variable ville_depart n'est pas définie, elle renvois certainement 'undefined' et non ''
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
5 nov. 2012 à 21:07
Bonsoir,

une solution possible:

APRES la partie formulaire de ton html tu mets:

<script type="text/javascript">
addressChange('ville_depart');
addressChange('villearrive');
</script>


ces deux fonctions vont appeler le JS comme si le contenu des input changeait, il faut bien la mettre après les input et pas dans le head sinon le JS serait appelé avant que les input ne soient chargés dans la page
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
5 nov. 2012 à 21:40
le problème est que tu n'exécuteras cette fonction qu'une seule fois, ce n'est pas le but rechercher, en fait son code est bon sauf dans un cas, le but est de détecter l'évènement 'change' d'un input afin de récupérer le contenu de ces derniers hors il ne récupère le contenu de ces inputs qu'un par un, c'est à dire a chaque 'change' de l'input concerné. Le mieux serait qu'il récupérer ou qu'il ajoute un test if(input.value != 'undefined' && input.value != ''...)
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
5 nov. 2012 à 21:42
De plus je te conseillerais de réaliser ces fonctions et le traitement en Jquery: plus lisible, plus simple, plus rapide...
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
5 nov. 2012 à 21:49
DarkAurora, tu dis: le problème est que tu n'exécuteras cette fonction qu'une seule fois

il veut que le calcul se fasse au chargement de la page avec les valeurs chargées par défaut dans les deux input, donc une seule fois suffit non ?

et si il y a modif des input par la suite la fonction sera appelée à nouveau

pourquoi vouloir mettre jQuery systématiquement ,

plus rapide ?

une ligne pour lancer une fonction c'est si compliqué que ça ?
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
5 nov. 2012 à 21:52
ah d'accord je pensais sur tout que tu souhaitais n'utiliser que ces appels de fonctions...
0
Merci pour votre aide une nouvelle fois.
Je vais revoir mon code en prenant en compte vos conseils.

Pour préciser le but de la page, il s'agit de calculer une distance d'un point A et B couplé à d'autres infos (heure, adresse, etc) et d'envoyer le contenu du formulaire en base de données avec auto incrémentation à chaque fois que le formulaire est exécuté
0
Après une multitude de lecture et d'essai, je suis toujours bloqué avec cette fonction javascript lié à l'api google map.

En déplacant

 var input = document.getElementById("villedepart");addressChange(input);


Dans la fonction initialize, le calcul de distance se fait bien.
Par contre, la map google devient une image, plus d'interaction possible, plus de tracé du trajet, possibilité de zoomer etc..

Je pense que le probleme se situe du coté de :
if (input_text.id == 'villedepart')

Mais si je le supprime ce bout de code plus rien ne fonctionne.
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
14 nov. 2012 à 21:52
je ne comprend pas ce que tu as modifié, si ton api fonctionne au changement d'un input alors est ce qu'en rajoutant ce que je t'ai dit plus haut APRES le formulaire ça devrait fonctionner.

Redonnes nous le code complet;
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
15 nov. 2012 à 14:08
et comme ça:
<script type="text/javascript">
		var directionDisplay;
		var directionsService = new google.maps.DirectionsService();
		var villedepart;
		var villearrive;
		var maCarte;
		function initialize() {
			var tours = new google.maps.LatLng(46.585294,0.351563);
			var optionsCarte = {
				zoom: 7,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				center: tours
			}
			maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
		}
		function addressChange(input_text)
		{
			if (input_text.id == 'villedepart')
				villedepart = input_text.value;
			else
				villearrive = input_text.value;
				
			if (villedepart != '' && villearrive != '')
			{
				directionsDisplay = new google.maps.DirectionsRenderer();
				
				directionsDisplay.setMap(maCarte);
				
				var requeteItineraire = {
					origin: villedepart,
					destination: villearrive,
					travelMode: google.maps.DirectionsTravelMode.DRIVING
				};
				
			directionsService.route(requeteItineraire, function(response, status) {
				if (status == google.maps.DirectionsStatus.OK) {
					directionsDisplay.setDirections(response);
					var distance = response.routes[0].legs[0].distance.value;
					var duree = response.routes[0].legs[0].duration.value;
					document.getElementById('distance_parcouru').innerHTML = distance/1000 + " km";
					document.getElementById("distance_parcourue_input").value = distance/1000;
					document.getElementById('duration').innerHTML = Math.round((duree/3600)*10)/10 + " heure";
					}
				else
				{
					alert("Addresse de d&eacut;part ou d'arrivé incorrecte");
				}
			});
			}
			
		}
	</script>
	
<body onload="initialize()">    
	<div class="contenu">
		<!-- j'ai rajouté les balises de formulaire   -->    
		<form name="form1" method="post" action="" >
		<p>
		<b>Adresse de départ :    
		<input type='text' name='adressedepart' maxlength='80' size='80' id='villedepart' value= '<?php echo $donnees['adresse'];?> '  onchange="addressChange(this)"/></input></p>/>  

		<p><b>Adresse d'arrivé :    
		<input type='text' name='adressearrive' maxlength='80' size='80' id='villearrive'  value= ' ' onchange="addressChange(this)"/></input></p> 


		<div class="carte">    
		<div style="margin:0 auto;width:270px;height:220px" id="EmplacementDeMaCarte"></div>    
		<div class="cachee"><span id="distance_parcouru"></span></div>    
		</div>    

		<p><b>Distance :</b>    
		<input type="text" name="distancetrajet" id="distance_parcourue_input" maxlength="8" size="8" value="" />km </p>     

		<p align="center">    
		<input type="image" src="img/valider.gif" alt="valider">
		</p>
		</form>
		
		<script type="text/javascript">
				// a la fin du chargement du formulaire, donc avec les valeurs par défaut
				//on appelle les deux fonctions qui vont gener la carte
			addressChange('ville_depart');
			addressChange('villearrive');
		</script>
	
	</div>
</body>
</html>
0
Bonjour Alain et merci à encore pour ton aide.
J'ai essayé le 1er bout de code que tu m'as donné plus haut, le calcul de distance ne fonctionnait plus et la map était statique, il n'y avait plus les fonctions de zoom , possibilité de déplacer le marqueur etc .

Le second code quant à lui permet d'afficher t la carte en conservant les fonctions dynamiques mais le calcul de distance ne se fait pas.

Ma modif que j'ai effectué , c'est l'ajout de :
var input = document.getElementById("villedepart");addressChange(input);

Dans la fonction initialize

Avec ce code, la prise en compte du champs adressedepart se fait bien pour le calcul de distance mais la map ne fonctionne pas.
Je poste plus bas le code complet
0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Map</title>
<link rel="stylesheet" type="text/css" href="styleappli.css" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
		var directionDisplay;
		var directionsService = new google.maps.DirectionsService();
		var villedepart;
		var villearrive;
		var maCarte;
		function initialize() {


		var input = document.getElementById("villedepart");addressChange(input);
			var tours = new google.maps.LatLng(46.585294,0.351563);
			var optionsCarte = {
				zoom: 7,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				center: tours
			}
				maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);	   

		}

		function addressChange(input_text)

				{
 				if (input_text.id == 'villedepart')		
				
				villedepart = input_text.value;
			else
				villearrive = input_text.value;
				
			if (villedepart != '' && villearrive != '')
				
				{

				directionsDisplay = new google.maps.DirectionsRenderer();
				
				directionsDisplay.setMap(maCarte);
				
				var requeteItineraire = {
					origin: villedepart,
					destination: villearrive,
					travelMode: google.maps.DirectionsTravelMode.DRIVING
				};	
			  directionsService.route(requeteItineraire, function(response, status) {
				if (status == google.maps.DirectionsStatus.OK) {
					directionsDisplay.setDirections(response);
					var distance = response.routes[0].legs[0].distance.value;
					var duree = response.routes[0].legs[0].duration.value;
					document.getElementById('distance_parcouru').innerHTML = distance/1000 + " km";
					document.getElementById("distance_parcourue_input").value = distance/1000;
					document.getElementById('duration').innerHTML = Math.round((duree/3600)*10)/10 + " heure";
					}
				else
				{
					alert("Addresse de d&eacut;part ou d'arrivé incorrecte");
}
});
}	
}
	</script>
</head>
<body onload="initialize()">
<?php include("inc/header.php"); ?>
<div class="contenu">
<span class="bienvenue"><b>Bienvenue <?php echo htmlentities(trim($_SESSION['login'])); ?></b> > <a href="deconnexion.php" class="bienvenue">Déconnexion</a></span>
<form action='traitement-appli.php' method='POST'>


<p><b><span class="decal">Adresse de départ :</b> <span class="legende">(format : adresse code postal ville)</span> <br />
<img src="img/home.png" class="alignement">&nbsp;


<a href="#" onclick="document.form.adressedepart.value=this.innerHTML;return false;"><img src="img/bureau.png" class="alignement" onclick="remplirInput('villedepart');"/></a>
&nbsp;&nbsp;


<input type='text' name='adressedepart' maxlength='70' size='70' id='villedepart' 
 value='<?=$donnees['adresse']?> <?=$donnees['codepostal']?> <?=$donnees['ville']?>' onchange="addressChange(this)" /></input>

<p><span class="decal"><b>Adresse d'arrivé :</b> <span class="legende">(format : adresse code postal ville)</span> <br />
<span class="decal2"><input type='text' name='adressearrive' maxlength='70' size='70' id='villearrive' value= '' onchange="addressChange(this)"/></input></span></p>


div class="cadre">
<div style="margin:0 auto;width:270px;height:220px" id="EmplacementDeMaCarte"></div>
<div class="cachee"><span id="distance_parcouru"></span></div>
</div>

<p><b>Distance :</b>
<input type="text" name="distancetrajet" id="distance_parcourue_input" maxlength="8" size="8" value="" />km
</p> 
<p align="center">
<input type="image" src="img/valider.gif" alt="valider">

</div>
<div class="spacer"></div>
</div>
</body>
</html>
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
15 nov. 2012 à 18:30
Bonsoir,
a mon avis il ne faut pas mettre:
var input = document.getElementById("villedepart");addressChange(input);

Si j'ai bien compris ce que tu veux faire:
- dans ta bdd tu as une adresse qui au chargement de la page s'inscript dans l'input villedépart

et tu veux que dès ce chargement de la page que la distance se calcule automatiquement entre cette adresse et ??

où est l'adresse ville d'arrivée ? c'est les coordonnées lat lng de tours ?

dans ta fonction adresseChange(...)

tu mets une condition if (villedepart != '' && villearrive != ''){

qui conditionne tous les calculs dont la distance, hors au chargement de la page l'input villearrivee est vide.
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
15 nov. 2012 à 19:01
il na faut pas de balise fermante à <input

j'ai modidifé ta fonction adresseChange
- on vient lire dans les input l'adresse depart et arrivee
- d'où les deux arguments

- modifié aussi l'appel depuis les input (arguments)
- mis une valeur par défaut dans input arrivée (lat lng de tours ?)

concernant l'appel de la fonction adresseChange ce n'est pas très judicieux de le faire sur onChange de l'input d'abord ça ne marche pas et en plus a chaque caractère tapé ça va appeler la fct donc si adresse incomplète générer des erreurs google.

il faudrait peut être rajouter un bouton ok juste à côté de l'input

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Map</title>
<link rel="stylesheet" type="text/css" href="styleappli.css" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
		var directionDisplay;
		var directionsService = new google.maps.DirectionsService();
		var villedepart;
		var villearrive;
		var maCarte;
		var tours;
	function initialize() {
		//var input = document.getElementById("villedepart");addressChange(input);
			var tours = new google.maps.LatLng(46.585294,0.351563);
			var optionsCarte = {
				zoom: 7,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				center: tours
			}
				maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);	   
	}

	function addressChange(input_depart,input_arrivee){	 			
			villedepart = document.getElementById(input_depart).value;	
			villearrive = document.getElementById(input_arrivee).value;
		
		if (villedepart != '' && villearrive != ''){
			directionsDisplay = new google.maps.DirectionsRenderer();
			directionsDisplay.setMap(maCarte);
				
			var requeteItineraire = {
				origin: villedepart,
				destination: villearrive,
				travelMode: google.maps.DirectionsTravelMode.DRIVING
			};
			
			directionsService.route(requeteItineraire, function(response, status) {
				if (status == google.maps.DirectionsStatus.OK) {
					directionsDisplay.setDirections(response);
					var distance = response.routes[0].legs[0].distance.value;
					var duree = response.routes[0].legs[0].duration.value;
					document.getElementById('distance_parcouru').innerHTML = distance/1000 + " km";
					document.getElementById("distance_parcourue_input").value = distance/1000;
					document.getElementById('duration').innerHTML = Math.round((duree/3600)*10)/10 + " heure";
				}else{
					alert("Addresse de d&eacut;part ou d'arrivé incorrecte");
				}
			});
		}	
	}
	</script>
</head>
<body onload="initialize()">
<?php include("inc/header.php"); ?>
<div class="contenu">
<span class="bienvenue"><b>Bienvenue <?php echo htmlentities(trim($_SESSION['login'])); ?></b> > <a href="deconnexion.php" class="bienvenue">Déconnexion</a></span>
<form action='traitement-appli.php' method='POST'>


<p><b><span class="decal">Adresse de départ :</b> <span class="legende">(format : adresse code postal ville)</span> <br />
<img src="img/home.png" class="alignement">&nbsp;
<input type='text' name='adressedepart' maxlength='70' size='70' id='villedepart'  value="<?=$donnees['adresse']?> <?=$donnees['codepostal']?> <?=$donnees['ville']?>" onchange="addressChange('villedepart','villearrive')" />

<p><span class="decal"><b>Adresse d'arrivé :</b> <span class="legende">(format : adresse code postal ville)</span> <br />
<span class="decal2"><input type='text' name='adressearrive' maxlength='70' size='70' id='villearrive' value= '46.585294,0.351563' onclick="this.value='';" onchange="addressChange('villedepart','villearrive')" /></span></p>


<div class="cadre">
<div style="margin:0 auto;width:270px;height:220px" id="EmplacementDeMaCarte"></div>
<div class="cachee"><span id="distance_parcouru"></span></div>
</div>

<p><b>Distance :</b>
<input type="text" name="distancetrajet" id="distance_parcourue_input" maxlength="8" size="8" value="" />km
</p> 
<p align="center">
<input type="image" src="img/valider.gif" alt="valider">
</form>
</div>
<script type="text/javascript">
				// a la fin du chargement du formulaire, donc avec les valeurs par défaut
				//on appelle la fonction qui va faire les calculs
			addressChange('villedepart','villearrive');
			
		</script>
<div class="spacer"></div>
</div>
</body>
</html>
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
16 nov. 2012 à 13:24
'concernant l'appel de la fonction adresseChange ce n'est pas très judicieux de le faire sur onChange de l'input d'abord ça ne marche pas et en plus a chaque caractère tapé ça va appeler la fct donc si adresse incomplète générer des erreurs google. '

la méthode onChange d'un input ne s'appelle uniquement au blur de ce dernier et si il a été modifier. Donc ça peut être approprié, les validations de champs de formulaires se font de plus en plus grâce à ces appels de méthode...
0
Un grand merci Alain pour ton aide précieuse, tout fonctionne correctement.
J'ai décortiqué le code que tu m'as envoyé pour comprendre son fonctionnement.

Comment te remercier ? Tu aimes le vin ? le champagne ? le chocolat ? les cigares ? Ca me ferait plaisir
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
16 nov. 2012 à 16:54
Oui j'aime tout ça bien sur, mais sur ce forum notre aide est désintéressée et notre récompense est la satisfaction de ceux que l'on peut aider.

en complément tu sait que sur la carte Google map tu peux rajouter des marqueurs.

bien cordialement

@lain
0