Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 922 Rev 928
Line 83... Line 83...
83 
	}
 83 
	}
Line 84... Line 84...
84 
 
 84 
 
85 
	// Crée l'objet Onglet HTML
 85 
	// Crée l'objet Onglet HTML
86 
	this.creerOnglet = function() {
 86 
	this.creerOnglet = function() {
87 
		var objet = this;
 - 
 
88 
 
 - 
 
89 
		if (!statique) {
 - 
 
90 
			var span = document.createElement('span');
 - 
 
91 
			span.className = "ui-icon ui-icon-close";
 - 
 
92
- 
 
93 
			// Gestion de la fermeture de l'onglet
 - 
 
94 
			$(span).live( "click", function() {
 - 
 
95 
				objet.afficherCacherModule();
 - 
 
96 
				redimensionnerOnglets();
 - 
 
97 
			});
 - 
 
98 
			$(onglet).append(span);
 - 
 
99 
		}
 87 
		var objet = this;
100 
		this.onglet = onglet;
 88 
		this.onglet = onglet;
Line 101... Line 89...
101 
	}
 89 
	}
102
90
Line 117... Line 105...
117 
	this.afficherCacherModule = function() {
105 
	this.afficherCacherModule = function() {
118 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
 106 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
119 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
 107 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
120 
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
 108 
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
121 
		$(this.portlet).find(".contenu").toggle();
 109 
		$(this.portlet).find(".contenu").toggle();
122 
		$(this.onglet).toggle();
 - 
 
Line 123... Line 110...
123
110
124 
		redimensionnerOnglets();
 111 
		redimensionnerOnglets();
125 
	}
 112 
	}
126 
}
 - 
 
127 
 
 - 
 
128 
function afficherCacherMenuOnglets() {
 - 
 
129 
	if ($("#conteneurMenuOnglets").html() != '') {
 - 
 
130 
		$("#conteneurMenuOnglets").html('');
 - 
 
131 
		$('#lienOngletEtPlus').text('+');
 - 
 
132 
	} else {
 - 
 
133 
		var htmlMenu = '<ul class="menuModules">';
 - 
 
134 
		nbOngletsInvisibles = 0;
 - 
 
135 
		for (idOnglet in tableauOnglets) {
 - 
 
136 
			var classe = "elementMenuModules";
 - 
 
137 
			if (!$(idOnglet).is(':visible')) {
 - 
 
138 
				nbOngletsInvisibles++;
 - 
 
139 
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
 - 
 
140 
			}
 - 
 
141 
		}
 - 
 
142 
		htmlMenu += '</ul>';
 - 
 
143
- 
 
144 
		if (nbOngletsInvisibles > 0) {
- 
 
145 
			$("#conteneurMenuOnglets").html(htmlMenu);
 - 
 
146 
			$("#conteneurMenuOnglets").toggle();
 - 
 
147 
			$('#lienOngletEtPlus').text('-');
 - 
 
148 
		}
 - 
 
149 
	}
 - 
 
150 
}
 - 
 
151 
 
 - 
 
152 
function fermerMenuOnglets() {
 - 
 
153 
	$("#conteneurMenuOnglets").html('');
 - 
 
154 
	$('#lienOngletEtPlus').text('+');
 - 
 
Line 155... Line 113...
155 
}
 113 
}
156
114
157 
function redimensionnerOnglets() {
 115 
function redimensionnerOnglets() {
158 
	// 570 px au max
 116 
	// 570 px au max
Line 164... Line 122...
164 
	var longueurLiens = 0;
 122 
	var longueurLiens = 0;
165 
	liensVisibles.each(function() {
 123 
	liensVisibles.each(function() {
166 
		longueurLiens += $(this).width();
 124 
		longueurLiens += $(this).width();
167 
	});
 125 
	});
168 
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
 126 
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
169 
	var longueurMax =  750 - (nbOnglets * 36);
 127 
	var longueurMax =  760/nbOnglets - 25;
170 
	if (longueurLiens >= longueurMax || nbOnglets > 5) {
128 
	if (longueurLiens >= longueurMax || nbOnglets > 5) {
171 
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
 129 
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax);
172 
	} else {
 130 
	} else {
173 
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
131 
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
174 
	}
 132 
	}
175 
}
 133 
}
Line 181... Line 139...
181 
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
 139 
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
Line 182... Line 140...
182
140
183 
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
 141 
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
184 
	$('#onglet_synthese').addClass('ui-tabs-selected');
 142 
	$('#onglet_synthese').addClass('ui-tabs-selected');
185 
	$('#onglet_synthese').addClass('ui-state-active');
143 
	$('#onglet_synthese').addClass('ui-state-active');
186
- 
 
187 
	// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné
 - 
 
188 
	// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets
 - 
 
189 
	synchroniserOngletsOuvertsEtBlocs();
 - 
 
190
144
191 
	$('a.lien_retour_synthese').hide();
 145 
	$('a.lien_retour_synthese').hide();
Line 192... Line -...
192 
}
 - 
 
193 
 
 - 
 
194 
function synchroniserOngletsOuvertsEtBlocs() {
 - 
 
195 
	for (indice in tableauOnglets) {
 - 
 
196 
		var ongletEnCours = tableauOnglets[indice];
 - 
 
197 
		if (ongletEnCours.onglet != null) {
 - 
 
198 
			var ongletVisible = ongletEnCours.onglet.is(':visible');
 - 
 
199 
			$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
 - 
 
200 
		}
 - 
 
201 
	}
 - 
 
Line 202... Line 146...
202 
}
 146 
}
203 
 
 147 
 
204 
 
 148 
 
205 
function deselectionnerOngletSynthese() {
 149 
function deselectionnerOngletSynthese() {
Line 350... Line 294...
350 
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
 294 
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
351 
		$(this).attr('href', urlOnglet);
 295 
		$(this).attr('href', urlOnglet);
352 
	});
 296 
	});
353 
}
 297 
}
Line 354... Line -...
354 
 
 - 
 
355 
function creerMenuOngletsFermes() {
 - 
 
356 
	$("#ongletEtPlus").click(function() {
 - 
 
357 
		afficherCacherMenuOnglets();
 - 
 
358 
	});
 - 
 
359
- 
 
360 
	$('.elementMenuModules').live('click', function() {
- 
 
361 
		var idOnglet = $(this).attr('rel');
 - 
 
362 
		var objet = tableauOnglets[idOnglet];
 - 
 
363 
		objet.afficherCacherModule();
 - 
 
364 
		$(this).toggleClass("elementMenuModulesSelectionne");
 - 
 
365
- 
 
366 
		// suppression de l'item correspondant dans le menu
 - 
 
367 
		$(this).remove();
 - 
 
368 
		nbOngletsInvisibles --;
 - 
 
369 
		// si tous les onglets sont affichés alors on cache le menu
 - 
 
370 
		if (nbOngletsInvisibles == 0) {
 - 
 
371 
			afficherCacherMenuOnglets();
 - 
 
372 
		}
 - 
 
373
- 
 
374 
		// enfin, on selectionne l'onglet sur lequel on a cliqué
 - 
 
375 
		$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
 - 
 
376 
	});
 - 
 
377
- 
 
378 
	$('#conteneurMenuOnglets').live("mouseleave", function() {
 - 
 
379 
		fermerMenuOnglets();
 - 
 
380 
	});
 - 
 
381 
}
 - 
 
382 
 
 298 
 
383 
function ajouterTitreSurvolOnglets() {
 299 
function ajouterTitreSurvolOnglets() {
384 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
 300 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
385 
	$('.lien-onglet').parent().each(function() {
 301 
	$('.lien-onglet').parent().each(function() {
386 
		$(this).attr("title",$(this).children("a").text());
 302 
		$(this).attr("title",$(this).children("a").text());
387 
	});
 303 
	});
Line 388... Line 304...
388 
}
304 
}
389 
 
 305 
 
390 
function gererLiensOuvertureOnglets() {
 306 
function gererLiensOuvertureOnglets() {
391 
	// chaque lien avec cette classe dans un bloc provoque l'ouverture de l'onglet
 307 
	// chaque lien avec cette classe dans un bloc provoque l'ouverture de l'onglet
392 
	// auquel le bloc est associé
 308 
	// auquel le bloc est associé
393 
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
 309 
	/*$('.lien_ouverture_onglet_parent').live('click', function(event) {
394 
		event.preventDefault();
310 
		event.preventDefault();
395 
		var parent = $(this).parent();
 311 
		var parent = $(this).parent();
396 
		// attention aux majuscules obligatoires dans la comparaison avec BODY
 312 
		// attention aux majuscules obligatoires dans la comparaison avec BODY
397 
		while (!parent.hasClass('module') && parent.get(0).tagName != 'BODY') {
 313 
		while (!parent.hasClass('module') && parent.get(0).tagName != 'BODY') {
Line 398... Line 314...
398 
			var parent = parent.parent();
 314 
			var parent = parent.parent();
399 
		}
 315 
		}
400
316
401 
		if (parent.get(0).tagName != 'BODY') {
 317 
		if (parent.get(0).tagName != 'BODY') {
402 
			parent.find('.lien-onglet-synthese').click();
 318 
			parent.find('.lien-onglet-synthese').click();
Line 403... Line 319...
403 
		}
 319 
		}
404 
	});
 320 
	});*/
405 
}
 321 
}
Line 576... Line 492...
576 
 
 492 
 
577 
//Initialisation
 493 
//Initialisation
578 
$(document).ready(function() {
 494 
$(document).ready(function() {
Line 579... Line -...
579 
	lierModulesEtOnglets();
 - 
 
580
- 
 
581 
	$('#ongletEtPlus').show();
 495 
	lierModulesEtOnglets();
582
496
583 
	/* mouvement des blocs */
 497 
	/* mouvement des blocs */
584 
	$(".colonne").sortable({
 498 
	$(".colonne").sortable({
585 
		connectWith: ".colonne",
 499 
		connectWith: ".colonne",
Line 607... Line 521...
607 
	});
 521 
	});
Line 608... Line 522...
608
522
609 
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
 523 
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
Line 610... Line -...
610 
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
 - 
 
611
524 
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
612 
	creerMenuOngletsFermes();
 525
613 
	afficherOngletsPourNiveau();
 526 
	afficherOngletsPourNiveau();
614 
	ajouterTitreSurvolOnglets();
 527 
	ajouterTitreSurvolOnglets();
Line 637... Line 550...
637 
function gererClicIllustrationsFiche() {
 550 
function gererClicIllustrationsFiche() {
638 
	$('.illustration_cel').live('click', function() {
 551 
	$('.illustration_cel').live('click', function() {
639 
		var url_image = $(this).attr('src');
 552 
		var url_image = $(this).attr('src');
640 
		var titre = $('.nomenclature').first().text();
 553 
		var titre = $('.nomenclature').first().text();
641 
		var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('title')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image);
 554 
		var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('title')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image);
642 
		window.open(url, titre, 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
 555 
		window.open(url, $(this).attr('title'), 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
643 
	});
556 
	});
Line 644... Line 557...
644
557
645 
	$('#synthese_repartition img').click(function() {
 558 
	$('#synthese_repartition img').click(function() {
646 
		var url = $(this).attr('src').replace('min','max');
 559 
		var url = $(this).attr('src').replace('min','max');
647 
		var url = url.replace('190x178','500x468');
 560 
		var url = url.replace('190x178','500x468');
648 
		ouvrirFenetreIllustrationFiche(url, '', 500, 500);
 561 
		ouvrirFenetreIllustrationFiche(url, '', 500, 500);
649 
	});
 562 
	});
Line 650... Line 563...
650 
}
 563 
}
651 
 
 564 
 
652 
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
 565 
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
653 
	var fenetre = window.open('_blank', titre,'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(largeur+17)+', height='+(hauteur+17));
 566 
	var fenetre = window.open('_blank', '','directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(largeur+17)+', height='+(hauteur+17));
654 
	var tmp = fenetre.document;
 567 
	var tmp = fenetre.document;
655 
	tmp.write('<html><head><title>'+titre+'</title>');
 568 
	tmp.write('<html><head><title>'+titre+'</title>');
656 
	tmp.write('</head><body>');
 569 
	tmp.write('</head><body>');