passer des variables d'un script à un autre

**DiverSIG** · 09/04/2010, 14h59

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

**SpaceFrog** · 09/04/2010, 15h07

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

**Bovino** · 09/04/2010, 15h08

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

Code :

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

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

**SpaceFrog** · 09/04/2010, 15h11

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

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

**DiverSIG** · 09/04/2010, 15h38

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

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
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 :

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

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

**SpaceFrog** · 09/04/2010, 16h10

Code :

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

<script type="text/javascript">

**Gsnalf** · 09/04/2010, 16h16

Envoyé par DiverSIG

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

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
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 :

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

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.

passer des variables d'un script à un autre

JavaScript

Discussions similaires

Partager

Partager