passer des variables d'un script à un autre

Version imprimable

09/04/2010, 14h59
DiverSIG

passer des variables d'un script à un autre

Bonjour,

dans ma page web, j'ai un script déclaré dans l'en-tête, et qui s'exécute au chargement de la page.
dans ce script, je déclare un variable utilisée pour créer une carte dans la page.

puis, dans la page, j'ai un autre script qui doit utiliser cette variable, comment faire pour la transmettre au deuxième script ?

Merci,

Nico
09/04/2010, 15h07
SpaceFrog

une variable est rattachée à la page html ...
elle est accessible depuis tout script sur la page en fonction de sa portée.
Pour peu qu'elle soit globale elle sera accessible partout

Il suffit de la déclarer comme propriété de l'objet window :
Code:

1 2 3 4 5 6 function fonction1(){ window.toto = 'test'; } function fonction2(){ alert(window.toto); }

09/04/2010, 15h11
SpaceFrog

Beef il a dit variable dans script ... pas dans fonction ;)

Mais il s'agit en effet vraisemblablement d'une question de portée

justement, j'ai bien déclaré ma variable map en globale, voici mon code :

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
<html>
<head>
<link rel="icon" type="image/gif" href="img/favicon.gif" /><style type="text/css"><!-- @import url(css/observatoire.css); --></style>
<style type="text/css"><!-- @import url(css/menu.css); --></style>
<style type="text/css"><!-- @import url(css/formulaire.css); --></style>
<script  type="text/javascript" src="js/mm_menu.js"> </script>
<script  type="text/javascript" src="js/menu.js"> </script>
<script  type="text/javascript" src="js/hydrophones.js"> </script>
 
<script  type="text/javascript" src="lib/OpenLayers-2.8/OpenLayers.js"> </script>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA_MdnJvro6Af_kBpPj91YchTFUzj6dbs8BxywBtmpjnpJAxlULBQMuM4A5wkDXhgk_jiEZ8DOzxkpGA&sensor=true"></script>
<script  type="text/javascript" src="js/calendrier/dhtmlgoodies_calendar.js?random=20060118"> </script>
<link type="text/css" rel="stylesheet" href="js/calendrier/dhtmlgoodies_calendar.css?random=20051112" media="screen"></link>
 
<script type="text/javascript">
var map, seismesLayer;
function init(){
var mapOptions = {
			controls:[new OpenLayers.Control.MouseDefaults()],
			projection: new OpenLayers.Projection("EPSG:900913"),
			displayProjection: new OpenLayers.Projection("EPSG:4326"),
			units: "m",
		        numZoomLevels: 18,
		        maxResolution: 156543.0339,
		        maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34) 
			};
map = new OpenLayers.Map('map', mapOptions);
var styleSeismes = new OpenLayers.StyleMap({
				"default": new OpenLayers.Style({
							pointRadius: 4,
							graphicName: "square",
							fillColor: "white",
							fillOpacity: 1,
							strokeWidth: 1,
							strokeOpacity: 1,
							strokeColor: "#333333"
							})
			});
var g_satellite = new OpenLayers.Layer.Google("Google Satellite", {
							type: G_SATELLITE_MAP,
							'sphericalMercator': true}
							);
map.addLayers([g_satellite]);
seismesLayer = new OpenLayers.Layer.Vector('Seismes', {styleMap: styleSeismes});
map.addLayers([seismesLayer]);
map.zoomTo(2);
}
</script>
 
</head>
<body class="body" onload="init()">
......

puis, dans ma page, dans une section php :

Code:

echo '<script>majCarto(map.getLayersByName(\'Seismes\'),\''.$s.'\')</script>';

où la fonction majCarto est déclarée dans hydrophones.js

dans la console d'erreur FireFox, j'ai une erreur :
'map is undefined'

Nico

09/04/2010, 16h10
SpaceFrog

Code:

<script type="text/javascript">

Citation:

Envoyé par DiverSIG

justement, j'ai bien déclaré ma variable map en globale, voici mon code :

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
<html>
<head>
<link rel="icon" type="image/gif" href="img/favicon.gif" /><style type="text/css"><!-- @import url(css/observatoire.css); --></style>
<style type="text/css"><!-- @import url(css/menu.css); --></style>
<style type="text/css"><!-- @import url(css/formulaire.css); --></style>
<script  type="text/javascript" src="js/mm_menu.js"> </script>
<script  type="text/javascript" src="js/menu.js"> </script>
<script  type="text/javascript" src="js/hydrophones.js"> </script>
 
<script  type="text/javascript" src="lib/OpenLayers-2.8/OpenLayers.js"> </script>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA_MdnJvro6Af_kBpPj91YchTFUzj6dbs8BxywBtmpjnpJAxlULBQMuM4A5wkDXhgk_jiEZ8DOzxkpGA&sensor=true"></script>
<script  type="text/javascript" src="js/calendrier/dhtmlgoodies_calendar.js?random=20060118"> </script>
<link type="text/css" rel="stylesheet" href="js/calendrier/dhtmlgoodies_calendar.css?random=20051112" media="screen"></link>
 
<script type="text/javascript">
var map, seismesLayer;
function init(){
var mapOptions = {
			controls:[new OpenLayers.Control.MouseDefaults()],
			projection: new OpenLayers.Projection("EPSG:900913"),
			displayProjection: new OpenLayers.Projection("EPSG:4326"),
			units: "m",
		        numZoomLevels: 18,
		        maxResolution: 156543.0339,
		        maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34) 
			};
map = new OpenLayers.Map('map', mapOptions);
var styleSeismes = new OpenLayers.StyleMap({
				"default": new OpenLayers.Style({
							pointRadius: 4,
							graphicName: "square",
							fillColor: "white",
							fillOpacity: 1,
							strokeWidth: 1,
							strokeOpacity: 1,
							strokeColor: "#333333"
							})
			});
var g_satellite = new OpenLayers.Layer.Google("Google Satellite", {
							type: G_SATELLITE_MAP,
							'sphericalMercator': true}
							);
map.addLayers([g_satellite]);
seismesLayer = new OpenLayers.Layer.Vector('Seismes', {styleMap: styleSeismes});
map.addLayers([seismesLayer]);
map.zoomTo(2);
}
</script>
 
</head>
<body class="body" onload="init()">
......

puis, dans ma page, dans une section php :

Code:

echo '<script>majCarto(map.getLayersByName(\'Seismes\'),\''.$s.'\')</script>';

où la fonction majCarto est déclarée dans hydrophones.js

dans la console d'erreur FireFox, j'ai une erreur :
'map is undefined'

Nico

ta fonction init ne s'execute que sur le onload.

En gros on a cette ordre là :
déclaration map => map == null
appel majCarto => echo '<script>majCarto(map.getLayersByName(\'Seismes\'),\''.$s.'\')</script>';
- page chargée
- lancement de init()
- initialisation de map.

Donc le constat est simple, ya un problème de conception.
Tu ferais mieux de lancer majCarto sur le onload aussi. Mais après tu auras peut etre du code à changer j'en sais rien.