Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 07/05/2011, 02h33   #1
Candidat au titre de Membre du Club
 
Inscription : avril 2009
Messages : 129
Détails du profil
Informations forums :
Inscription : avril 2009
Messages : 129
Points : 14
Points : 14
Par défaut inclure JS et PHP

Bonjour,

j'essaie de creer une carte google map a laquelle j'ajoute des marqueurs.

je recupere les références ce ces marqueurs a partir d'une base de donné et jdois les passer a la fonction js ! mais je n'arrive pas a combiner entre les deux

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
 
// partie php
 
 
	 while($data = mysql_fetch_array($result_between))
    { 
 
				for ( $i = 2; $i < $taille-1; $i++ ) 
 
			{	
			 $nom_col1 = mysql_field_name( $result_between, $i );
			   $nom_col2 = mysql_field_name( $result_between, $i+1 );
 
			if(($data[$nom_col1]>'07:50:00') &&($data[$nom_col2]<'07:50:00)'))
 
			$param1=$data[par_map_un]
                        $param2=$data[par_map_deux]
 
// et là jaimerais appeler la partie javascript pour creer des marqueurs 
 
//var marqueur = new google.maps.Marker({
//position: new google.maps.LatLng(<?php echo"$param1, $param2"?>),
//map: carte
 
 
			}
 
	 }
pour la fonction JAVA script la voici :

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
 
// ...
 
			function initialiser() {
				var latlng = new google.maps.LatLng(35.7011,-0.6502771);
				//objet contenant des propriétés avec des identificateurs prédéfinis dans Google Maps permettant
				//de définir des options d'affichage de notre carte
				var options = {
					center: latlng,
					zoom: 15,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
 
				//constructeur de la carte qui prend en paramêtre le conteneur HTML
				//dans lequel la carte doit s'afficher et les options
				var carte = new google.maps.Map(document.getElementById("carte"), options);
 
 
			var marqueur = new google.maps.Marker({
			position: new google.maps.LatLng(35.690313,-0.64915),
			map: carte
			});
 
 
 
 
 
			}
		</script>
 
 
	</head>
 
	<body onload="initialiser()">
domino313131 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/05/2011, 10h56   #2
Expert Confirmé
 
Avatar de sekaijin
 
Femme
Urbaniste
Inscription : juillet 2004
Messages : 1 421
Détails du profil
Informations personnelles :
Sexe : Femme
Âge : 48
Localisation : France, Yvelines (Île de France)

Informations professionnelles :
Activité : Urbaniste
Secteur : Santé

Informations forums :
Inscription : juillet 2004
Messages : 1 421
Points : 2 809
Points : 2 809
tu peu nous la refaire ??

ta page contient quoi ?
Ton PHP génère une page ou des données JSON pour ajax ??
comment inclus tu ton JS dans ta pages ?

Comment fais tu tes appels à tes fonction JS ?
en dur <script>...
dans le onload de la page onload="...."
sur un évènement onmouseover="....."


A+JYT
sekaijin est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/05/2011, 11h07   #3
Candidat au titre de Membre du Club
 
Inscription : avril 2009
Messages : 129
Détails du profil
Informations forums :
Inscription : avril 2009
Messages : 129
Points : 14
Points : 14
Citation:
Envoyé par sekaijin Voir le message
tu peu nous la refaire ??

ta page contient quoi ?
Ton PHP génère une page ou des données JSON pour ajax ??
comment inclus tu ton JS dans ta pages ?

Comment fais tu tes appels à tes fonction JS ?
en dur <script>...
dans le onload de la page onload="...."
sur un évènement onmouseover="....."


A+JYT
merci pour ta reponse

mon PHP questionne une base de donnée et je recupere des données , c'st ces données que je voudrais faire passer a une fonction JS

donc pour la structure,

j'ai une partie PHP tout au debut de page

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
47
48
49
50
51
52
53
54
55
56
 
 
<?php 
... // ma partie PHP 
 
while($data = mysql_fetch_array($result_between))
    { 
// cest la que j'aimerais creer les marqueurs de la maniere faite un peu plus bas en JS 
}
 
//...
?>
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
	<head>
		<title>Tutoriel Google Maps</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<!-- Elément Google Maps indiquant que la carte doit être affiché en plein écran et
		qu'elle ne peut pas être redimensionnée par l'utilisateur -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<!-- Inclusion de l'API Google MAPS -->
		<!-- Le paramètre "sensor" indique si cette application utilise détecteur pour déterminer la position de l'utilisateur -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
 
			function initialiser() {
				var latlng = new google.maps.LatLng(35.7011,4.6502771);
 
				var options = {
					center: latlng,
					zoom: 15,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
 
 
				var carte = new google.maps.Map(document.getElementById("carte"), options);
 
			//---------------------------------------------------------------------------------------------//
			// AU LIEU DE 35.690313,4.64915, JE VOUDRAIS DONNER DES VALEURS RECUPERER DE MA BASE DE DONNEES
			//---------------------------------------------------------------------------------------------//
 
			var marqueur = new google.maps.Marker({	position: new google.maps.LatLng(35.690313,4.64915),map: carte	});
 
 
			}
		</script >
 
 
	</head>
 
	<body onload="initialiser()" >
		<div id="carte" style="width:600; height:360"></div>
	</body>
</html>
domino313131 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/05/2011, 11h46   #4
Membre régulier
 
Inscription : juin 2008
Messages : 105
Détails du profil
Informations forums :
Inscription : juin 2008
Messages : 105
Points : 84
Points : 84
Code :
var latlng = new google.maps.LatLng(<?php echo $param1.",".$param2; ?>);
Alpha.
alpha232 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/05/2011, 12h06   #5
Candidat au titre de Membre du Club
 
Inscription : avril 2009
Messages : 129
Détails du profil
Informations forums :
Inscription : avril 2009
Messages : 129
Points : 14
Points : 14
Citation:
Envoyé par alpha232 Voir le message
Code :
var latlng = new google.maps.LatLng(<?php echo $param1.",".$param2; ?>);
Alpha.
en effet ça marche merci

mais je veux donner comme parametres des données recuperés de ma base de données, comme je veux afficher plusieurs marqueurs, j'ai plusieurs lignes BDD !

je ne sais pas comment faire passer la boucle de mes données recuperés de la bdd
domino313131 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/05/2011, 12h32   #6
Membre régulier
 
Inscription : juin 2008
Messages : 105
Détails du profil
Informations forums :
Inscription : juin 2008
Messages : 105
Points : 84
Points : 84
Salut, je pense que tu dois faire une requête qui te donne le nbre de lignes à traiter et ensuite tu appelle ta fonction initialiser autant de fois que nécessaire en transmettant les paramêtres dans la fonction.

Alpha.
alpha232 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 12h43.


 
 
 
 
Partenaires

Hébergement Web