Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1439 Rev 1440
Line 13... Line 13...
13 
		var criteresPourWidget = new Object();
 13 
		var criteresPourWidget = new Object();
14 
		criteresPourWidget['carto'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon');
 14 
		criteresPourWidget['carto'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon');
15 
		criteresPourWidget['cartoPoint'] =  new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon', 'titre', 'logo', 'url_site', 'photos');
 15 
		criteresPourWidget['cartoPoint'] =  new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon', 'titre', 'logo', 'url_site', 'photos');
16 
		criteresPourWidget['observation'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon');
 16 
		criteresPourWidget['observation'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon');
17 
		criteresPourWidget['photo'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon', 'titre');
 17 
		criteresPourWidget['photo'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon', 'titre');
18
- 
 
19 
		function htmlEncode(value){
 - 
 
20 
		    if (value) {
 - 
 
21 
		        return jQuery('<div />').text(value).html();
 - 
 
22 
		    } else {
 - 
 
23 
		        return '';
 - 
 
24 
		    }
 - 
 
25 
		}
 - 
 
Line 26... Line -...
26
- 
 
27 
		Object.size = function(obj) {
 - 
 
28 
		    var size = 0, key;
 - 
 
29 
		    for (key in obj) {
 - 
 
30 
		        if (obj.hasOwnProperty(key)) size++;
 - 
 
31 
		    }
 - 
 
32 
		    return size;
 - 
 
33 
		};
 - 
 
34 
 
 - 
 
35
- 
 
36 
		function genererIFrame(url, hauteur, largeur) {
 - 
 
37 
			return '<iframe src="'+url+'" width="'+largeur+'" height="'+hauteur+'">';
 - 
 
38 
		}
 - 
 
39
18
40 
		$(document).ready(function() {
19 
		$(document).ready(function() {
41 
			$('#mise_a_jour_auto').change(function() {
 20 
			$('#mise_a_jour_auto').change(function() {
42 
				if($('#mise_a_jour_auto').val() == 'on') {
 21 
				if($('#mise_a_jour_auto').val() == 'on') {
43 
					activerTimerMaj();
 22 
					activerTimerMaj();
Line 55... Line 34...
55 
			    	mettreAjourApercu();
 34 
			    	mettreAjourApercu();
56 
			    }
 35 
			    }
57 
			 });
 36 
			 });
Line 58... Line 37...
58
37
59 
			$('input[name=type_widget]').change(function(event){
 - 
 
60 
				var type_widget = $('input[name=type_widget]:checked').val();
 - 
 
61 
				$('#options .critere').each(function() {
 - 
 
62 
					var nom = $(this).find('.modificateur').attr("name");
 38 
			$('input[name=type_widget]').change(function(event){
63 
					if(critereExistePourWidget(type_widget, nom)) {
 - 
 
64 
						$(this).fadeIn();
 - 
 
65 
					} else {
 - 
 
66 
						$(this).fadeOut();
 - 
 
67 
					}
 - 
 
68 
				});
 39 
				afficherCriteresPourWidget();
69 
				mettreAjourApercu();
 40 
				mettreAjourApercu();
- 
 
 41 
			});
- 
 
 42
- 
 
 43 
			$('#options').hide();
70 
			});
 44 
			$('#options_secondaires').hide();
- 
 
 45 
		});
- 
 
 46
- 
 
 47 
		function htmlEncode(value){
- 
 
 48 
		    if (value) {
- 
 
 49 
		        return jQuery('<div />').text(value).html();
- 
 
 50 
		    } else {
- 
 
 51 
		        return '';
- 
 
 52 
		    }
- 
 
 53 
		}
- 
 
 54
- 
 
 55 
		Object.size = function(obj) {
- 
 
 56 
		    var size = 0, key;
- 
 
 57 
		    for (key in obj) {
- 
 
 58 
		        if (obj.hasOwnProperty(key)) size++;
- 
 
 59 
		    }
- 
 
 60 
		    return size;
- 
 
 61 
		};
- 
 
 62 
 
- 
 
 63
- 
 
 64 
		function genererIFrame(url, hauteur, largeur) {
- 
 
 65 
			return '<iframe src="'+url+'" width="'+largeur+'" height="'+hauteur+'">';
- 
 
 66 
		}
- 
 
 67
- 
 
 68 
		function afficherCriteresPourWidget() {
- 
 
 69 
			var type_widget = $('input[name=type_widget]:checked').val();
- 
 
 70 
			$('#options .critere').each(function() {
- 
 
 71 
				var nom = $(this).find('.modificateur').attr("name");
- 
 
 72 
				if(critereExistePourWidget(type_widget, nom)) {
- 
 
 73 
					$(this).fadeIn();
- 
 
 74 
				} else {
- 
 
 75 
					$(this).fadeOut();
- 
 
 76 
				}
- 
 
 77 
			});
- 
 
 78 
			$('#options').show();
- 
 
 79 
			$('#options_secondaires').show();
Line 71... Line 80...
71 
		});
 80 
		}
72
81
73 
		function critereExistePourWidget(type_widget, nom) {
 82 
		function critereExistePourWidget(type_widget, nom) {
74 
			var champsAffiches = criteresPourWidget[type_widget];
 83 
			var champsAffiches = criteresPourWidget[type_widget];
Line 166... Line 175...
166 
</style>
 175 
</style>
167 
</head>
 176 
</head>
168 
<body>
 177 
<body>
169 
<div id="formulaire_widget_carto_point">
 178 
<div id="formulaire_widget_carto_point">
170 
	<div class="critere"><label for="utilisateur">Type de widget : </label><br />
 179 
	<div class="critere"><label for="utilisateur">Type de widget : </label><br />
171 
		<input class="modificateur" type="radio" name="type_widget" value="carto" checked="checked">Carto à la commune<br />
 180 
		<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="carto">Carto à la commune<br />
172 
		<input class="modificateur" type="radio" name="type_widget" value="cartoPoint">Carto au point précis <br />
 181 
		<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="cartoPoint">Carto au point précis <br />
173 
		<input class="modificateur" type="radio" name="type_widget" value="observation">Observations <br />
 182 
		<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="observation">Observations <br />
174 
		<input class="modificateur" type="radio" name="type_widget" value="photo">Photos <br />
 183 
		<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="photo">Photos <br />
175 
	</div>
 184 
	</div>
176 
	<div id="options">
 185 
	<div id="options">
177 
		<div class="critere"><label for="utilisateur">Utilisateur : </label><input class="modificateur droite" type="text" name="utilisateur" id="utilisateur" /></div>
 186 
		<div class="critere"><label for="utilisateur">Utilisateur : </label><input class="modificateur droite" type="text" name="utilisateur" id="utilisateur" /></div>
178 
		<div class="critere"><label for="dept">Département : </label><input type="text" class="modificateur droite" name="dept" id="dept" /></div>
 187 
		<div class="critere"><label for="dept">Département : </label><input type="text" class="modificateur droite" name="dept" id="dept" /></div>
179 
		<div class="critere"><label for="commune">Commune : </label><input type="text" class="modificateur droite" name="commune" id="commune" /></div>
 188 
		<div class="critere"><label for="commune">Commune : </label><input type="text" class="modificateur droite" name="commune" id="commune" /></div>
Line 187... Line 196...
187 
				<option selected="selected" value="">Toutes les observations</option>
 196 
				<option selected="selected" value="">Toutes les observations</option>
188 
			  	<option value="1">Uniquement avec photos</option>
 197 
			  	<option value="1">Uniquement avec photos</option>
189 
			</select>
 198 
			</select>
190 
		</div>
 199 
		</div>
191 
	</div>
 200 
	</div>
- 
 
 201 
	<div id="options_secondaires">
192 
	<div class="critere"><label for="largeur">Largeur : </label>
 202 
		<div class="critere"><label for="largeur">Largeur : </label>
193 
						<input type="text" class="modificateur" size="10" name="largeur" id="largeur" value="700"/>
 203 
							<input type="text" class="modificateur" size="10" name="largeur" id="largeur" value="700"/>
194 
						<label for="hauteur">Hauteur : </label>
 204 
							<label for="hauteur">Hauteur : </label>
195 
						<input type="text" class="modificateur" size="10" name="hauteur" id="hauteur" value="700"/>
 205 
							<input type="text" class="modificateur" size="10" name="hauteur" id="hauteur" value="700"/>
196 
						</div>
 206 
							</div>
197 
	<div>
 207 
		<div>
198 
		<label for="mise_a_jour_auto">Maj auto de la carte à chaque changement : </label>
 208 
			<label for="mise_a_jour_auto">Maj auto de la carte à chaque changement : </label>
199 
		<input type="checkbox" id="mise_a_jour_auto" name="mise_a_jour_auto" />
 209 
			<input type="checkbox" id="mise_a_jour_auto" name="mise_a_jour_auto" />
- 
 
 210 
		</div>
200 
	</div>
 211 
	</div>
201 
	<button id="mise_a_jour" name="mise_a_jour">OK</button>
 212 
	<button id="mise_a_jour" name="mise_a_jour">Rafraichir</button>
202 
</div>
 213 
</div>
203 
<div id="apercu">Aperçu en temps réel
 214 
<div id="apercu">Aperçu en temps réel
204 
	<div id="contenu_widget_apercu"></div>
 215 
	<div id="contenu_widget_apercu"></div>
205 
</div>
 216 
</div>
206 
<hr class="nettoyage" />
 217 
<hr class="nettoyage" />