passage d'argument dans une fonction

**varfendell** · 06/08/2010, 13h19

Bonjour,

La simplicité de mon problème fait toute sa difficulté:

J'ai une page web dans laquelle je lance une fonction en javascript, avec des arguments.

Le problème vient du faite que ma fonction marche très bien si je ne met pas les argument, mais ne marche pas si j'essaye de les passer.

Voici les code pour plus de clarté:

Avec argument(ne marche pas)

Fichier HTML

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
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='fr'>
	<head>
		<title>autre</title>
		<!--<link rel='stylesheet' type='text/css' href='Cartes.css'>-->
		<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
		<script type='text/javascript' src='temp.js'></script>
	</head>
	<body onload='initialiser(9, 46.779231, 6.659431, "google.maps.MapTypeId.ROADMAP")'>
		<div id='carte' style='width:75%; height:75%' >
		</div>
		<noscript>
			<p>Attention : </p>
			<p>Afin de pouvoir utiliser Google Maps, JavaScript doit être activé.</p>
			<p>Or, il semble que JavaScript est désactivé ou qu'il ne soit pas supporté par votre navigateur.</p>
			<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez à nouveau.</p>
		</noscript>
	</body>
</html>

Fichier js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function initialiser(z, lat, lon, type)
{
	var latlng = new google.maps.LatLng(lat, lon);
	var options = {
		center: latlng,
		zoom: z,
		mapTypeId: type
	};
	var carte = new google.maps.Map(document.getElementById("carte"), options);
}

code fonctionnel (sans argument):

fichier HTML

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
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='fr'>
	<head>
		<title>autre</title>
		<!--<link rel='stylesheet' type='text/css' href='Cartes.css'>-->
		<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
		<script type='text/javascript' src='temp.js'></script>
	</head>
	<body onload='initialiser()'>
		<div id='carte' style='width:75%; height:75%' >
		</div>
		<noscript>
			<p>Attention : </p>
			<p>Afin de pouvoir utiliser Google Maps, JavaScript doit être activé.</p>
			<p>Or, il semble que JavaScript est désactivé ou qu'il ne soit pas supporté par votre navigateur.</p>
			<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez à nouveau.</p>
		</noscript>
	</body>
</html>

fichier js:

Code :

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

1
2
3
4
5
6
7
8
9
10
function initialiser()
{
	var latlng = new google.maps.LatLng(46.779231, 6.659431);
	var options = {
		center: latlng,
		zoom: 9,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var carte = new google.maps.Map(document.getElementById("carte"), options);
}

Avec les arguments, ma carte s'affiche dans la div comme un grand rectangle tout gris, et avec les paramètre placés en dur dans la fonction, la carte s'affiche correctement.

Si vous voyez d'où cela peut venir, je vous en serait reconnaissant.
Cordialement

**varfendell** · 06/08/2010, 13h43

ok, j'ai trouvé la réponse:

dans le javascript ligne 4, remplace la ligne par:

Code :

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

var mapType = google.maps.MapTypeId[optMapTypeId];

passage d'argument dans une fonction

JavaScript

Discussions similaires

Partager

Partager