Subversion Repositories eFlore/Applications.cel

Rev

Rev 469 | Rev 490 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 469 Rev 479
Line 23... Line 23...
23
23
24 
		<!-- Javascript : bibliothèques -->
 24 
		<!-- Javascript : bibliothèques -->
25 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&amp;sensor=false"></script>
 25 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&amp;sensor=false"></script>
26 
		<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>
 26 
		<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>
27 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/<?=$jquery_version?>/jquery-<?=$jquery_version?>.min.js"></script>
 - 
 
28 
		<!-- <script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jsquery-ui/<?=$jquery-ui_version?>/js/jquery-ui-<?=$jquery-ui_version?>.custom.min.js"></script> -->
 27 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/<?=$jquery_version?>/jquery-<?=$jquery_version?>.min.js"></script>
Line 29... Line 28...
29 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
 28 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
30
29
Line 35... Line 34...
35 
		<script type="text/javascript">
 34 
		<script type="text/javascript">
36 
		//<![CDATA[
 35 
		//<![CDATA[
37 
			var markerClusterer = null;
 36 
			var markerClusterer = null;
38 
			var map = null;
 37 
			var map = null;
39 
			var infoBulle = new google.maps.InfoWindow();
 38 
			var infoBulle = new google.maps.InfoWindow();
- 
 
 39 
			google.maps.event.addListener(infoBulle, 'domready', function() {
- 
 
 40 
				if ($("#observations table").get() != 'undefined') {
- 
 
 41 
					$("#observations table").tablesorter();
- 
 
 42 
				}
- 
 
 43 
			});
40 
			var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
 44 
			var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
41 
			var carteCentre = new google.maps.LatLng(46.4, 3.10);
 45 
			var carteCentre = new google.maps.LatLng(46.4, 3.10);
42 
			var carteOptions = {
 46 
			var carteOptions = {
43 
				zoom: 6,
 47 
				zoom: 6,
44 
				center: carteCentre,
 48 
				center: carteCentre,
Line 63... Line 67...
63 
					});
 67 
					});
Line 64... Line 68...
64 
 
 68 
 
65 
					google.maps.event.addListener(point, 'click', function() {
 69 
					google.maps.event.addListener(point, 'click', function() {
66 
						afficherMsgChargement();
 70 
						afficherMsgChargement();
67 
						infoBulle.open(map, this);
 - 
 
68 
 
 71 
						infoBulle.open(map, this);
69 
						var station = this.stationId;
 - 
 
70 
						var urlObs = 'http://localhost/cel-widget/carto?carte=observations&station='+station;
 - 
 
71
- 
 
72 
						$.get(urlObs, function(observations){
 - 
 
73 
							infoBulle.setContent(observations);
 - 
 
74 
						 });
 72 
						chargerFormatObs(this.stationId, '*');
Line 75... Line 73...
75 
					});
 73 
					});
76
74
Line 85... Line 83...
85 
				chargement.setAttribute('id', 'chargement-copie');
 83 
				chargement.setAttribute('id', 'chargement-copie');
86 
				infoBulle.setContent(chargement);
 84 
				infoBulle.setContent(chargement);
87 
			}
 85 
			}
Line 88... Line 86...
88 
 
 86 
 
89 
			function chargerFormatObs(stationId, format) {
 87 
			function chargerFormatObs(stationId, format) {
90 
				var url = 'http://localhost/cel-widget/carto?carte=observations&format='+format+'&station='+stationId;
 88 
				var url = '<?=$url_base?>carto?carte=observations&utilisateur=<?=$utilisateur?>&format='+format+'&station='+stationId;
91 
				$.get(url, function(observations){
 89 
				$.get(url, function(observations){
92 
					infoBulle.setContent(observations);
 90 
					infoBulle.setContent(observations);
93 
				});
 91 
				});
Line 146... Line 144...
146 
			}
 144 
			}
147 
		//]]>
 145 
		//]]>
148 
		</script>
 146 
		</script>
Line 149... Line 147...
149
147
150 
		<!-- CSS -->
 - 
 
151 
		<style type="text/css">
 - 
 
152 
			html, body {
 - 
 
153 
				margin:0;
 - 
 
154 
				padding:0;
 - 
 
155 
				height: 100%;
 - 
 
156 
				font-family:Arial;
 - 
 
157 
				font-size:12px;
 - 
 
158 
			}
 - 
 
159 
			#carte {
 - 
 
160 
				width:100%;
 - 
 
161 
				height:100%;
 - 
 
162 
			}
 - 
 
163 
			.bouton {
 - 
 
164 
				background-color:white;
 - 
 
165 
				border:2px solid black;
 - 
 
166 
				cursor:pointer;
 - 
 
167 
				text-align:center;
 - 
 
168 
			}
 - 
 
169 
			#chargement {
 - 
 
170 
				display:none;
 - 
 
171 
			}
 - 
 
172 
			#chargement-copie img{
 - 
 
173 
				display:block;
 - 
 
174 
				margin:auto;
 - 
 
175 
			}
 - 
 
176 
			#panneau-lateral {
 - 
 
177 
				width:300px;
 - 
 
178 
				height:100%;
 - 
 
179 
				padding:0;
 - 
 
180 
				display:none;
 - 
 
181 
				background-color:white;
 - 
 
182 
				border-right:1px solid grey;
 148 
		<!-- CSS -->
183 
				box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
 - 
 
184 
			}
 - 
 
185 
			#pl-entete {
 - 
 
186 
				text-align:right;
 - 
 
187 
			}
 - 
 
188 
			#pl-corps {
 - 
 
189 
				height:86%;
 - 
 
190 
				overflow:auto;
 - 
 
191 
				padding:5px;
 - 
 
192 
			}
 - 
 
193 
			#pl-ouverture, #pl-fermeture {
 - 
 
194 
				position:relative;
 - 
 
195 
				top:0;
 - 
 
196 
				width:95px;
 - 
 
197 
				background-color:#FFF;
 - 
 
198 
				text-align:center;
 - 
 
199 
				border:1px solid black;
 - 
 
200 
				cursor:pointer;
 - 
 
201 
			}
 - 
 
202 
			#pl-ouverture {
 - 
 
203 
				border-left:0;
 - 
 
204 
			}
 - 
 
205 
			#pl-fermeture {
 - 
 
206 
				border-right:0;
 - 
 
207 
				float:right;
 - 
 
208 
			}
 - 
 
209 
		</style>
 149 
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
Line 210... Line 150...
210 
	</head>
 150 
	</head>
211 
 
 151 
 
212 
	<body onload="initialize()">
 152 
	<body onload="initialize()">