variable javascript>php

Version imprimable

Bonjour
j'ai fait un petit script google map qui permet de renseigner une adresse dans un formulaire, de récuperer la latitude et la longitude de l'adresse, et de les transmettre dans une autre page, par des valeurs php.
Seul pb : sur la 2eme page, au lieu d'afficher la valeur de la variable php (contenant la latitude et la longitude), il m'affiche la fonction censée calculer ces valeurs à la page précédente...
si vous pouvez m'aider à résoudre ce probleme ca serait sympa parce que là je galere...
Merci

voilà le code de la premiere page qui cherche les coordonnées a partir de l'adresse renseignée dans le formulaire
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 <head> <title>Application Google Map</title> <script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAal_cd43vOKPQhNkPDkwHgBQSXE4ITa1YzwIbIoQt-CisjCLm8xTJhtTXHvXoMcij_eu3bNbEGnk_PA" type="text/javascript"></script> <style type="text/css"> </style> </head> <body style="margin: 0px; padding: 0px;"> <form action="afficher.php" method="post"> <input type="text" id="address" name="address" value="" /> <input type=hidden name="latLngStr" value="showAddress(address.value)"> <input type="submit" id="submit" value="Localiser" /> </form> <div id="map" style="width: 400px; height: 300px"></div> <script type="text/javascript"> //<![CDATA[ /* Création de l'objet GClientGeocoder */ var geocoder = new GClientGeocoder(); /* Fonction qui à partir d'une adresse va déterminer le point géographique */ 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 { var latLngStr = '(' + point.y + ', ' + point.x + ')'; return (latLngStr); } }); } } //]]> </script> </body> </html>
et voilà le code de la page afficher.php, qui affiche les valeurs de la latitude et longitude :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <html> <body> <?php if(isset($_POST['latLngStr'])) { $calcul=$_POST['latLngStr']; } else { $calcul="pas de valeur"; } echo "$calcul"; ?> </body> </html>
le résultat est malheureusement "showAddress(address.value)" et non les valeurs de latitude et longitude..

15/03/2007, 14h17
SpaceFrog

Code:

<input type=hidden name="latLngStr" value="showAddress(address.value)">

normal le valu ne peut accepter une fonction...
en fait si j'ai bien compris tu espère que le resultat de la valuer retournée par la fonction se colle dans le value ?

pour cela tu sera obligé à un moment de faire:

Code:

document.getElementsByTagName('latLngStr').value=showAddress(address.value)

avant de submitter le form ...
15/03/2007, 15h16
arnogef

voilà je veux que le résultat de la fonction se colle dans le value.
met ou dois je placer le

Code:

document.getElementsByTagName('latLngStr').value=showAddress(address.value)

?
Merci pour ton aide.
15/03/2007, 15h31
SpaceFrog

ben à quel moment veux tu que la valeur se mette dans l'input ?
15/03/2007, 15h34
arnogef

le but est de taper une adresse dans le formulaire
puis lorsqu'on clique sur submit, lancer la fonction showadress qui retourne les coordonnées.
et mettre ces coordonnées dans la variable latLngStr qu'on transmet à la page suivante (afficher.php)
15/03/2007, 15h36
SpaceFrog

alors dans le onsubmit de ton formulaire ...

merci pour ton aide
j'ai donc modifié le code de mon formulaire comme ceci :
Code:

1 2 3 4 5 <form action="afficher.php" method="post" onsubmit="document.getElementsByTagName('latLngStr').value=showAddress(address.value)"> <input type="text" id="address" name="address" value="" > <input type=hidden name="latLngStr"> <input type="submit" id="submit" value="Localiser" /> </form>
mais je n'ai aucune valeur qui s'affiche dans la page afficher.php, lorsque j'appelle ma variable latLngStr...tu vois ce qui peut clocher?

15/03/2007, 15h58
SpaceFrog

Code:

onsubmit="document.getElementsByTagName('latLngStr')[0].value=showAddress(address.value)">
15/03/2007, 16h18
arnogef

toujours pas :cry:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type='text/javascript'>
function showAddress(adr){
var retour=adr + ' valeur ajoutée'
return retour;
}
</script>
</head>
<body  >
<form action="javascript:alert(document.getElementById('latLngStr').value)" method="post" onsubmit="document.getElementById('latLngStr').value=showAddress(document.getElementById('address').value)">
<input type="text" id="address" name="address" value="" >
<input type=hidden id="latLngStr" name='latLngStr'>
<input type="submit" id="submit" value="Localiser" />
</form>
</body>

parcontre dans ton cas tu sera peut être obligé de coller un setinterval pour tester le retour de la fonction de coordonnées ...

15/03/2007, 17h44
arnogef

quand je fais ca j'ai une alerte javascript avec marqué "undefined"...
puis une autre alerte avec écrit "impossible de localiser l'adresse"
(alors que normalement elle est localisable...)
je me demande si la variable latLngStr est bien définie?
16/03/2007, 08h38
SpaceFrog

Quoi avec mo code telquel ou en y incluant ta focntion de coordonnées ...

as tu mis un setTimeout ??? à mon avis tu as un problème de retour de coordonnées de la fonction ...

salut
j'ai bien utilisé ton code
(ci-dessous la totalité du code)
la fonction de calcul des coordonnées marche bien puisque quand je fais un alert ('latLngStr' ) à la fin de la fonction il m'affiche bien les coordonnées.
par contre je n'ai pas mis de settimeout, ca sert a quoi et il faut le mettre ou?
merci encore
j'espere qu'on va y arriver!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<head>
<title>Application Google Map</title>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAal_cd43vOKPQhNkPDkwHgBQSXE4ITa1YzwIbIoQt-CisjCLm8xTJhtTXHvXoMcij_eu3bNbEGnk_PA" type="text/javascript"></script>
<style type="text/css">
 
</style>
</head>
<body style="margin: 0px; padding: 0px;">
 
 
<form action="javascript:alert(document.getElementById('latLngStr').value)" method="post" onsubmit="document.getElementById('latLngStr').value=showAddress(document.getElementById('address').value)">
<input type="text" id="address" name="address" value="" >
<input type=hidden id="latLngStr" name='latLngStr'>
<input type="submit" id="submit" value="Localiser" />
</form>
 
 
<div id="map" style="width: 400px; height: 300px"></div>
 
<script type="text/javascript">
 
//<![CDATA[
 
 
    /* Création de l'objet GClientGeocoder */
    var geocoder = new GClientGeocoder();
 
    /* Fonction qui à partir d'une adresse va déterminer le point géographique */
    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 {
				var latLngStr = '(' + point.y + ', ' + point.x + ')';
				var retour=address + 'latLngStr'
			    return retour;
                }
            });
        }
    }
//]]>
 
</script> 
</body>
</html>

bon je touche au but j'ai besoin d'un dernier coup de main..
j'ai testé pas mal de choses et voilà mes conclusions :
le formulaire comme ceci est ok :
Code:

1 2 3 4 5 <form action="afficher.php" method="post" onsubmit="document.getElementById('latLngStr').value=showAddress(address_rech.value)"> <input type="text" id="address_rech" name="address_rech" value="" > <input type=hidden id="latLngStr" name='latLngStr'> <input type="submit" id="submit" value="Localiser" /> </form>
le probleme vient en effet de la fonction showAddress.
comme ci-dessous, elle renvoie "undefined"
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 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 { var retour='(' + point.y + ', ' + point.x + ')'; return retour; } }); } }
pourtant, si à la place de "return retour" je met "alert (retour)" et que dans le formulaire je met

Code:

onsubmit="document.getElementById('latLngStr').value=showAddress(address_rech.value); return false">

j'ai bien une alerte javascript avec les coordonnées que la fonction doit renvoyer..alors ou est le probleme?
svp aidez moi je deviens fou avec ce truc !!

17/03/2007, 12h32
SpaceFrog

heu si tu mets un return false le formulaire ne serra pas soumis ...
17/03/2007, 12h34
arnogef

je n'ai mis le return false que pour tester l'alerte javascript
apres bien sur il faut l'enlever..
mais pourquoi quand je fais return retour il met undefined alors qu'avec l'alerte, on voit qu'il y a bien quelquechose dans la variable retour...?