r�cup�ration des variables php

**olfa_bl** · 20/04/2012, 16h45

bonjour;

j'ai un code php dont j'ai r�cup�r� deux variables de la base de donn�e mysql

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
$longit=$sql_row["Longitude"];
$latit=$sql_row["Latitude"];

et dans la partie javascript j'ai la fonction

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
function showPosition(position) {
    	var lat = .........;
    	var lng =.............;
}

je veut r�cup�rer ces deux variables,
j'ai essay� var lng =<?php echo $longit;?>�a ne marche pas

comment faire??

**Kaamo** · 20/04/2012, 17h20

Il faut g�n�rer le code javascript cot� PHP, et non g�n�rer le code php dans le document javascript, comme tu l'as fait.

par exemple :

Code php :

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
<?php
$titreAlbum = 8;
echo '<!DOCTYPE html>
<html>
  <head>
    <title>Test</title>
    <meta charset="utf-8">
    <script>
      function AddOneRow(){
        var newRow = document.getElementById("matable").insertRow(-1);
        var newCell = newRow.insertCell(0);
        newCell.innerHTML = '.$titreAlbum.';
      }
    </script>
  </head>
  <body>
    <div>test</div>
  </body>
</html>';
?>

Sinon il y a une autre m�thode. Tu renommes ton fichier js en fichier php. Tu lui mets un "header" pour qu'il soit interpr�t� comme du js une fois g�n�r� par php, et tu l'inclus comme un fichier js classique.

Exemple :

Fichier "fonction.php" (qui est en fait ton fichier javascript)

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
 
header("Content-type: application/x-javascript");
 
function AddOneRow(){
  var newRow = document.getElementById("matable").insertRow(-1);
  var newCell = newRow.insertCell(0);
  newCell.innerHTML = <?php echo $titreAlbum; ?>;
}

Fichier "index.html", pour l'inclure dans les <head> :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
  <head>
    <title>Test</title>
    <meta charset="utf-8">
    <script src="fonction.php"></script>
  </head>
  <body>
    <div>test</div>
  </body>
</html>

**olfa_bl** · 20/04/2012, 18h01

merci bien,

le probl�me c'est que j'ai beaucoup de fonction qui sont li�es entre eux

l'astuce c'est comment je peut cliquer sur un bouton qui fait r�cup�rer les deux valeurs longitude et latitude de la base de donn�e; et l'afficher sur map

j'ai trouv�e un code qui r�cup�re mes coordonn�es actuelles et faire l'affichage sur map,

donc tous ce que j'essaye de faire comment les deux variables d�clarer dans la fonction je peut les remplac�s avec les deux variables de la base de donn�e??
est ce que je met du code pour me comprendre??

**mesken** · 21/04/2012, 11h43

Et pourquoi tu ne fais pas tout ce que tu dis la en php ? Tu mets le bouton Sbbmit dans un formulaire et lorsque tu clique sur le bouton la page se recharge et tout ce travail s'effectue en background. A moins que tu me dise que tu ne veux pas que les pages se recharge, tu veux que ta page soit interactive, dans ce cas je te dirais simplement de voir du c�t� d'Ajax. C'est Ajax qui te servira de lien entre JavaScript et Php.

Hope this will help

**olfa_bl** · 21/04/2012, 12h30

voici le code php que j'ai test�;

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
<?php
 
$sql="Select * from localiser";
$sql_result=mysql_query($sql,$connection1) or exit("Sql Error".mysql_error());
$sql_num=mysql_num_rows($sql_result);
 
$longit=$sql_row["Longitude"];
$latit=$sql_row["Latitude"]; 
?>

et cot� javascript j'ai les fonctions suivantes:

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
47
48
49
50
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>;
<script type="text/javascript">
function getCoordPosition(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(function(position){
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var altitude = position.coords.altitude;
document.getElementById('geolocation').innerHTML = 'latitude : ' + latitude + '<br />' + 'longitude : ' + longitude + '<br />' + 'altitude : ' + altitude + '<br />';
});
}
}
function showGoogleMap(){
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
// also monitor position as it changes
navigator.geolocation.watchPosition(showPosition);
} else {
console.log("no geolocation support" );
}
 
function showPosition(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
var options = { zoom: 13, center: new google.maps.LatLng(lat, lng), mapTypeId: google.maps.MapTypeId.ROADMAP };
var map = new google.maps.Map(document.getElementById("contentMap" ), options);
var marker = new google.maps.Marker({ position: new google.maps.LatLng(lat, lng) });
marker.setMap(map);
}
}
</script>
</head>
<body>
<div id="coords">
<h1>Les coordonnées</h1>
<button onClick="getCoordPosition();">Obtenir les coordonnées</button>
<div id="geolocation"></div>
<p>
<a href="javascript:window.close();">Retour à l'article</a>
</p>
</div>
<div id="map">
<h1>Exemple avec Google Map</h1>
<button id="see_position" onClick="showGoogleMap();">Position sur Google Map</button>
<div id="contentMap" style="height: 280px"></div>
<p>
<a href="javascript:window.close();">Retour à l'article</a>
</p>
</div>
</body>

le probleme comment je peut remplacer les deux variables qui se trouve dans les fonctions; par celle que j'ai dans ma base de donn�e:

j"ai essay�

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 var latitude = <?php echo $latit;?>
 var longitude =  <?php echo $longit;?>

mais �a ne marche pas; comment faire ?

**sekaijin** · 21/04/2012, 14h56

j'ai donn� une m�thode ici
http://www.developpez.net/forums/d10...cript-methode/

elle est valable pour php java ruby et tout autre langage c�t� server

A+JYT

**olfa_bl** · 21/04/2012, 16h40

j'ai pas compris comment je vais faire,???

**sekaijin** · 21/04/2012, 17h33

en php tu fais un tableau dans le quel tu range tes variables php que tu veux retrouver en javascript

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
$mesVariablesQueJeVeuxVoirDansJavascript = array();
 
$mesVariablesQueJeVeuxVoirDansJavascript[maVariable1] = $maVariable1;
$mesVariablesQueJeVeuxVoirDansJavascript[nomUtilisateur] = $nomUtilisateur;
$mesVariablesQueJeVeuxVoirDansJavascript[resultatRequeteMySQL] = $resultatRequeteMySQL;

puis dans ta page HTML dans les headers tu ajoute

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<html>
  <head>
    <script type="text/javascript">
      mesVariablesPhp = <?php echo json_encode($mesVariablesQueJeVeuxVoirDansJavascript ); ?>;
    </script>
  </head>
</html>

enfin n'importe ou dans ton code javascript tu peux voir tes variables

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
function test() {
   alert(mesVariablesPhp.maVariable1);
   alert(mesVariablesPhp.nomUtilisateur);
   for (var i in mesVariablesPhp.resultatRequeteMySQL){
       alert(mesVariablesPhp.resultatRequeteMySQL[i]);
   }
};

A+JYT

**olfa_bl** · 22/04/2012, 13h44

j'ai suivi vos �tapes,
voici partie php

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
$sql="Select * from localiser";
$sql_result=mysql_query($sql,$connection1) or exit("Sql Error".mysql_error()); 	
 
$tableau = array(
 
'resultat' => get_object_vars($sql_result));
mysql_close($connection1);

partie html

Code script :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
mesVariablesPhp = <?php echo json_encode($tableau); ?>;
 
function getCoordPosition(){
	if(navigator.geolocation){
	    navigator.geolocation.getCurrentPosition(function(position)){
 
	        var latitude = mesVariablesPhp.resultat.Longitude;
 
	        var longitude = mesVariablesPhp.resultat.Latitude;
 
 
}}

mais il m'affiche erreur lors de l'ex�cution
Warning: get_object_vars() expects parameter 1 to be object,
???!!!!!

**sekaijin** · 22/04/2012, 16h07

ton objet $sql_result n'est pas un ensemble de donn�e mais une ressource mysql il te faut r�cup�rer ta ligne

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
$sql="Select * from localiser";
$sql_result=mysql_query($sql,$connection1) or exit("Sql Error".mysql_error()); 
 
$mySqlQueryResult = mysql_fetch_assoc($sql_result);
 
$tableau = array(
   'resultat' => $mySqlQueryResult
);
 
mysql_close($connection1);

ou

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
$sql="Select * from localiser";
$sql_result=mysql_query($sql,$connection1) or exit("Sql Error".mysql_error()); 	
 
$mySqlQueryResult = mysql_fetch_object($sql_result);
 
$tableau = array(
   'resultat' => get_object_vars($mySqlQueryResult)
);
 
mysql_close($connection1);

r�cup�ration des variables php

JavaScript

Discussions similaires

Partager

Partager