Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 214 | Rev 221 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 214 Rev 219
Line 1... Line -...
1 
<h1>Fiche</h1>
 - 
 
2 
<style>
 1 
<style>
3 
	#zone_contenu_fiche {
 2 
	#zone_contenu_fiche {
4 
		border:solid 1px #DDD;
 3 
		border:solid 1px #DDD;
5 
		border-width:0px 1px 1px 1px;
 4 
		border-width:0px 1px 1px 1px;
6 
		width:100%;
 5 
		width:100%;
Line 61... Line 60...
61 
		z-index:2000;
 60 
		z-index:2000;
62 
		background-color: white;
 61 
		background-color: white;
63 
	}
 62 
	}
64 
</style>
 63 
</style>
Line -... Line 64...
- 
 
 64 
 
65 
 
 65 
	<h1>Fiche</h1>
66 
<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
 66 
	<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
67 
	<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
 67 
		<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
68 
		<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a class="lien-onglet lien-statique" href="#fiche">Accueil</a></li>
 68 
			<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a class="lien-onglet lien-statique" href="#fiche">Accueil</a></li>
69 
		<li class="ui-state-default ui-corner-top"><a class="lien-onglet" href="#fiche">Illustrations</a></li>
 69 
			<li class="ui-state-default ui-corner-top"><a class="lien-onglet" href="#fiche">Illustrations</a></li>
Line 158... Line 158...
158 
	</div>
 158 
		</div>
Line 159... Line 159...
159
159
160 
	<br style="clear:left" />
160 
		<br style="clear:left" />
Line -... Line 161...
- 
 
 161 
	</div>
161 
</div>
 162 
 
162 
 
 163 
 
163 
<script type="text/Javascript">
 164 
<script type="text/Javascript">
- 
 
 165 
	var modules = Array();
- 
 
 166 
	var tableauOnglets = Array();
Line 164... Line 167...
164 
	var modules = Array();
 167
165 
	var ongletsOuverts = Array();
 168 
	 var ongletsDefaut = [<?= $blocs; ?>];
166
169
167 
	/** Classe Module
 170 
	/** Classe Module
Line 262... Line 265...
262
265
263 
	function afficherCacherMenuOnglets() {
 266 
	function afficherCacherMenuOnglets() {
264 
		if($("#conteneurMenuOnglets").html() != '') {
 267 
		if($("#conteneurMenuOnglets").html() != '') {
265 
			$("#conteneurMenuOnglets").html('');
 268 
			$("#conteneurMenuOnglets").html('');
266 
		} else {
 269 
		} else {
267 
			console.log(ongletsOuverts);
 270 
			console.log(tableauOnglets);
268 
			var htmlMenu = '<ul class="menuModules">';
 271 
			var htmlMenu = '<ul class="menuModules">';
269 
			for (idOnglet in ongletsOuverts) {
 272 
			for (idOnglet in tableauOnglets) {
270 
				var classe = "elementMenuModules";
 273 
				var classe = "elementMenuModules";
271 
				if($(idOnglet).is(':visible')) {
 274 
				if($(idOnglet).is(':visible')) {
272 
					classe += " elementMenuModulesSelectionne";
 275 
					classe += " elementMenuModulesSelectionne";
273 
				}
 276 
				}
274 
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+ongletsOuverts[idOnglet].titre+'</li>';
 277 
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
275 
			}
 278 
			}
276 
			htmlMenu += '</ul>';
 279 
			htmlMenu += '</ul>';
277 
			$("#conteneurMenuOnglets").html(htmlMenu);
 280 
			$("#conteneurMenuOnglets").html(htmlMenu);
278 
			$("#conteneurMenuOnglets").toggle();
 281 
			$("#conteneurMenuOnglets").toggle();
Line 288... Line 291...
288 
		var longueurLiens = 0;
 291 
		var longueurLiens = 0;
289 
		liensVisibles.each(function() {
 292 
		liensVisibles.each(function() {
290 
			longueurLiens += $(this).width();
 293 
			longueurLiens += $(this).width();
291 
		});
 294 
		});
292 
		var nbOnglets = $('#zone_onglets > ul > li:visible').length;
 295 
		var nbOnglets = $('#zone_onglets > ul > li:visible').length;
293 
		var longueurMax =  555 - (nbOnglets * 36);
 296 
		var longueurMax =  535 - (nbOnglets * 36);
294 
		if(longueurLiens >= longueurMax || nbOnglets > 5) {
297 
		if(longueurLiens >= longueurMax || nbOnglets > 5) {
295 
			$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
 298 
			$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
296 
		} else {
 299 
		} else {
297 
			$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
300 
			$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
298 
		}
 301 
		}
Line 306... Line 309...
306 
		$(".module").each(function () {
 309 
		$(".module").each(function () {
307 
			i++;
 310 
			i++;
308 
			identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
 311 
			identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
309 
			var module = new Module(i, this, $(identifiantOnglet));
 312 
			var module = new Module(i, this, $(identifiantOnglet));
310 
			module.titre = $(this).children('h3').text();
 313 
			module.titre = $(this).children('h3').text();
311 
			ongletsOuverts[identifiantOnglet] = module;
 314 
			tableauOnglets[identifiantOnglet] = module;
312 
		});
 315 
		});
Line 313... Line 316...
313
316
314 
		$( ".colonne" ).sortable({
 317 
		$( ".colonne" ).sortable({
315 
			connectWith: ".colonne"
 318 
			connectWith: ".colonne"
Line 329... Line 332...
329 
			afficherCacherMenuOnglets();
 332 
			afficherCacherMenuOnglets();
330 
		});
 333 
		});
Line 331... Line 334...
331
334
332 
		$('.elementMenuModules').live('click', function() {
 335 
		$('.elementMenuModules').live('click', function() {
333 
			var idOnglet = $(this).attr('rel');
 336 
			var idOnglet = $(this).attr('rel');
334 
			var objet = ongletsOuverts[idOnglet];
 337 
			var objet = tableauOnglets[idOnglet];
335 
			objet.afficherCacherModule();
 338 
			objet.afficherCacherModule();
336 
			$(this).toggleClass("elementMenuModulesSelectionne");
 339 
			$(this).toggleClass("elementMenuModulesSelectionne");
Line -... Line 340...
- 
 
 340 
		});
- 
 
 341
- 
 
 342 
		for(indice in tableauOnglets) {
- 
 
 343 
			var ongletEnCours = tableauOnglets[indice];
- 
 
 344 
			if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
- 
 
 345 
				ongletEnCours.afficherCacherModule();
- 
 
 346 
			}
337 
		});
 347 
		}
338
348
339 
		redimensionnerOnglets();
 349 
		redimensionnerOnglets();
340 
	});
 350 
	});