variable javascript>php

**arnogef** · 15/03/2007, 14h13

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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..

**SpaceFrog** · 15/03/2007, 14h17

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

avant de submitter le form ...

**arnogef** · 15/03/2007, 15h16

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?
Merci pour ton aide.

**SpaceFrog** · 15/03/2007, 15h31

ben à quel moment veux tu que la valeur se mette dans l'input ?

**arnogef** · 15/03/2007, 15h34

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)

**SpaceFrog** · 15/03/2007, 15h36

alors dans le onsubmit de ton formulaire ...

**arnogef** · 15/03/2007, 15h50

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

**SpaceFrog** · 15/03/2007, 15h58

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onsubmit="document.getElementsByTagName('latLngStr')[0].value=showAddress(address.value)">

**arnogef** · 15/03/2007, 16h18

toujours pas

**SpaceFrog** · 15/03/2007, 16h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

**arnogef** · 15/03/2007, 17h44

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?

**SpaceFrog** · 16/03/2007, 08h38

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 ...

**arnogef** · 16/03/2007, 13h17

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**arnogef** · 17/03/2007, 12h17

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!

**SpaceFrog** · 17/03/2007, 12h32

heu si tu mets un return false le formulaire ne serra pas soumis ...

**arnogef** · 17/03/2007, 12h34

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...?

variable javascript>php

JavaScript

Discussions similaires

Partager

Partager