passage d'argument dans une fonction

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:

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:

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:

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:

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