Javascript

**Web-Greg** · 12/04/2014, 16h39

Bonjour,

J'ai un problème avec javascript :

J'utilise la géolocalisation html5 dans un 1er script sur ma page, ce qui m'intéresse c'est 'Latm' & 'LongM' ici :

Code :

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

1
2
document.getElementById("LatM").innerHTML = position.coords.latitude; 
document.getElementById("LongM").innerHTML = position.coords.longitude;

que j'affiche comme ça :

Code html :

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

1
2
Lat : <span id="LatM"></span> 
Long : <span id="LongM"></span>

ou en <div id=LatM></div>

J'aimerais récupérer les valeurs des 'span id' pour les injecter dans un 2eme script sur la même page, mais je n'obtiens rien de valable (des null, des objetHTMLSpanElement....)

Avez vous une solution ?
Merci d'avance

ps : j'ai essayé quelque chose comme ça mais sans résultat ->

Code :

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

X = document.getElementById("LatM").value;

**Auteur** · 12/04/2014, 16h46

bonjour;

Code javascript :

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

X = document.getElementById("LatM").value

pourtant tu as écrit la réponse dans ta question

Code javascript :

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

X = document.getElementById("LatM").innerHTML

**Web-Greg** · 12/04/2014, 17h13

Je dois faire une erreur quelque part parce qu'avec X = document.getElementById("LatM").innerHTML j'obtiens [object HTMLSpanElement]

edit : LatM et LongM sont dans function successCallback(position) - Est ce que ça a une incidence ?

**Auteur** · 12/04/2014, 17h24

Code html :

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

1
2
3
4
5
6
<body onload="alert(document.getElementById('LatM').innerHTML)">
<div>	
	<span id="LatM">Blabla</span> 
</div>
 
</body>

affiche "blabla" dans une boite de dialogue.

Envoyé par Web-Greg

edit : LatM et LongM sont dans function successCallback(position) - Est ce que ça a une incidence ?

Tout dépend de ce que fait cette fonction. On peut voir les codes HTMl et javascript ?

**Web-Greg** · 12/04/2014, 17h35

Quand j'essaye d'afficher <div id="LatM"></div>, j'obtiens bien la Latitude (je suis bien géolocalisé)

le 1er script (géolocalisation html5):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if (navigator.geolocation)
var watchId = navigator.geolocation.watchPosition(successCallback,
                                  errorCallback,
                                  {enableHighAccuracy:true,
                                  timeout:100000,
                                  maximumAge:0});
								  else
  alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");
 
function successCallback(position){
      document.getElementById("LatM").innerHTML = position.coords.latitude;
      document.getElementById("LongM").innerHTML = position.coords.longitude;
     };  
};

Le second script est une succession de calcul :

// je récupère des données :

Code :

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

1
2
3
4
5
var Lat1 = 43.846839;
var Long1 = 5.107955;
 
X = document.getElementById("LatM").innerHTML; 
Y = document.getElementById("LongM").innerHTML;

et ensuite mon calcul qui me sert à placer un point sur une image...

En bas de page, j'affiche le résultat du 1er script :

Code html :

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

1
2
    Lat : <span id="LatM"></span>
    Long : <span id="LongM"></span>

et le résultat de mon second script :

Code :

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

1
2
document.write('Lat1 : '+ Lat1+'<br>');
document.write('Long1 : '+ Long1+'<br>');

**Auteur** · 12/04/2014, 20h49

Envoyé par Web-Greg

Quand j'essaye d'afficher <div id="LatM"></div>, j'obtiens bien la Latitude (je suis bien géolocalisé)

le 1er script (géolocalisation html5):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if (navigator.geolocation)
var watchId = navigator.geolocation.watchPosition(successCallback,
                                  errorCallback,
                                  {enableHighAccuracy:true,
                                  timeout:100000,
                                  maximumAge:0});
								  else
  alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");
 
function successCallback(position){
      document.getElementById("LatM").innerHTML = position.coords.latitude;
      document.getElementById("LongM").innerHTML = position.coords.longitude;
     };  
};

je ne porterai pas de jugement sur cette première partie car ces sont des choses que je ne connais pas. Le seul point qui m'intrigue c'est la variable position qui est passée en paramètre à ta fonction successCallback.

Envoyé par Web-Greg

Le second script est une succession de calculs:

// je récupère des données :

Code :

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

1
2
3
4
5
var Lat1 = 43.846839;
var Long1 = 5.107955;
 
X = document.getElementById("LatM").innerHTML; 
Y = document.getElementById("LongM").innerHTML;

et ensuite mon calcul qui me sert à placer un point sur une image...

là il faut que tu gardes à l'esprit que innerHTML retourne une chaine de caractères. Donc si tu veux réaliser des calculs il faut transformer ces chaines en nombres :

Code javascript :

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

1
2
3
4
5
6
7
var Xstr, Ystr;
var X, Y;
Xstr = document.getElementById("LatM").innerHTML;       // chaine de caractères
Ystr = document.getElementById("LongM").innerHTML;    // chaine de caractères
X = parseFloat(Xstr);     // conversion en nombre flottant
Y = parseFloat(Ystr);      // conversion en nombre flottant
// tes calculs

Envoyé par Web-Greg

et le résultat de mon second script :

Code :

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

1
2
document.write('Lat1 : '+ Lat1+'<br>');
document.write('Long1 : '+ Long1+'<br>');

ah... document.write(). Cette fonction est assez particulière et pose souvent des problèmes.
Est-ce que tu appelles cette méthode dans une fonction javascript déclarée entre les balises <head> de ta page ? Si oui, la source de ton problème est là.
Je t'invite à lire ce billet de Bovino à propos de cette fonction. Comprendre document.write en javascript

Maintenant, je ne peux en dire plus car je ne sais pas comment sont organisés ton javascript et HTML dans ta page.

Javascript - valeur div/span

Vue hybride

Discussions similaires

Partager

Partager