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.