WebSVN – eFlore/Applications.eflore-consultation – Diff – /trunk/presentations/scripts/fiche-synthese.js


var modules = Array();
var tableauOnglets = Array();
 
var nbOngletsInvisibles = 0;
	
/** Classe Module
* Définit un module de type portlet
**/
function Module(id, module, onglet, statique) {
 
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
	this.id = id;
	this.titre;
	this.htmlResume;
	this.statique = statique;
 
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
	this.portlet = module;
	this.onglet;
 
	// creerPortlet 
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
	this.creerPortlet = function() {
		var objet = this;
 
		var titre = $(module).children('.titre');
		titre.className = 'titre ui-widget-header ui-corner-all';
		titre.id = 'titre-' + this.id;
 
		var contenu = $(module).children('.contenu');
		contenu.id = 'contenu-' + this.id;
		contenu.className ='contenu';
 
		var lienToggle = document.createElement('span');
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
		$(titre).append(lienToggle);
		$(lienToggle).click(function() {
			objet.afficherCacherModule();
		});
 
		this.portlet = module;
		return module;	
	}	
 
	// creerOnglet
	// Créer l'objet Onglet HTML
	this.creerOnglet = function() {
		var objet = this;
 
		if (!statique) {
			var span = document.createElement('span');
			span.className = "ui-icon ui-icon-close";
		
			// Gestion de la fermeture de l'onglet
			$(span).live( "click", function() {
				objet.afficherCacherModule();
				redimensionnerOnglets();
			});
			$(onglet).append(span);
		}
		this.onglet = onglet;
	}
		
	// Initialisation de l'objet
	this.creerPortlet();
	this.creerOnglet();
	
	// Accesseurs de la classe
	this.getOnglet = function() {
		return this.onglet;	
	}
	
	this.getPortlet = function() {
		return this.portlet;
	}
	
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
	this.afficherCacherModule = function() { 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
		$(this.portlet).find(".contenu").toggle();
		$(this.onglet).toggle();
		
		redimensionnerOnglets();
	}
}
 
function afficherCacherMenuOnglets() {
	if($("#conteneurMenuOnglets").html() != '') {
		$("#conteneurMenuOnglets").html('');
		$('#lienOngletEtPlus').text('+');
	} else {
		var htmlMenu = '<ul class="menuModules">';
		nbOngletsInvisibles = 0;
		for (idOnglet in tableauOnglets) {
			var classe = "elementMenuModules";
			if(!$(idOnglet).is(':visible')) {
				nbOngletsInvisibles++;
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
			}
		}
		htmlMenu += '</ul>';
		
		if (nbOngletsInvisibles > 0) { 
			$("#conteneurMenuOnglets").html(htmlMenu);
			$("#conteneurMenuOnglets").toggle();
			$('#lienOngletEtPlus').text('-');
		}
	}
}
	
function redimensionnerOnglets() {
	// 570 px au max
	// 18 px largeur croix 
	// 18 px largeur texte 
	// 36 px largeur totale
	var liensVisibles = $('#zone_onglets > ul > li:visible > a');
	var longueurLiens = 0;
	liensVisibles.each(function() {
		longueurLiens += $(this).width();
	});
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
	var longueurMax =  535 - (nbOnglets * 36);
	if(longueurLiens >= longueurMax || nbOnglets > 5) { 
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
	} else {
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");	
	}
}
 
function selectionnerOngletSynthese() {
	// Suppression des classes css qui mettent en surbrillance l'onglet actif
	$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
	
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
	$('#onglet_synthese').addClass('ui-tabs-selected');
	$('#onglet_synthese').addClass('ui-state-active'); 
	
	// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné
	// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets
	synchroniserOngletsOuvertsEtBlocs();
}
 
function synchroniserOngletsOuvertsEtBlocs() {
	for(indice in tableauOnglets) {
		var ongletEnCours = tableauOnglets[indice];
		var ongletVisible = ongletEnCours.onglet.is(':visible');
		$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
	}
}
 
function deselectionnerOngletSynthese() {
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
	$('#onglet_synthese').removeClass('ui-tabs-selected');
	$('#onglet_synthese').removeClass('ui-state-active'); 
}
 
function selectionnerOngletParDefautOuEnregistre() {
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
	//
	// Si pas d'onglet enregistré, selection du premier par défaut
	// Si c'est l'onglet fiche, on le sélectionne artificiellement
	selectionnerOngletSynthese();
	$('.ui-tabs-panel').hide();
	$('#synthese').show();
}
	
//Initialisation
$(document).ready(function() {
	i = 1;
	
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
	$(".module").each(function () {
		i++;
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
		var module = new Module(i, this, $(identifiantOnglet));
		module.titre = $(this).children('h3').text();
		tableauOnglets[identifiantOnglet] = module;
	});
	$(".lien-onglet").each(function() {
		var adresse_onglet = $(this).attr('href');
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
		$(this).attr('href', adresse_contenu_onglet);
	});
	
	/* mouvement des blocs */
	$( ".colonne" ).sortable({
		connectWith: ".colonne",
		handle: $(".module").children('h3') // mouvement seulement sur les titres
	});
 
	$( ".colonne" ).disableSelection();
	
	$('#zone_onglets').tabs({
		add: function(event, ui) {
			redimensionnerOnglets();
		},
		remove: function(event, ui) {
			redimensionnerOnglets();
		},
		select: function(event, ui) {	
			// Récupération de l'adresse de l'onglet sélectionné
			var url = ui.tab.href;
			// le fragment suivant le # dans l'url contient l'id de l'onglet
			var fragmentsAncre = url.split('#');
			
			if (fragmentsAncre.length > 0) {
				var ancre = fragmentsAncre[fragmentsAncre.length - 1];
				// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
				// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
				if (ancre != 'etPlus') {
					// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
					// chargera son contenu dans l'espace approprié
					// affichage des icones de fermeture d'onglet si on vient d'en changer
					$('.ui-icon-close').css({visibility: "visible"});
					if (ancre != 'ui-tabs-1') {
						deselectionnerOngletSynthese();
						$('.ui-tabs-panel').show();
						$('#zone_contenu_fiche').hide();
						// on cache la croix pour ne pas fermer l'onglet actuellement consulté
						$(ui.tab).nextAll().css({visibility: "hidden"});
					} else {
						// Si c'est l'onglet fiche, on le sélectionne artificiellement
						selectionnerOngletSynthese();
						$('.ui-tabs-panel').hide();
						$('#zone_contenu_fiche').show();
						return false;
					}
				}
			}
 
			return true;
		}
	});
	
	$("#ongletEtPlus").click(function() {
		afficherCacherMenuOnglets();
	});
		
	$('.elementMenuModules').live('click', function() {
		
		var idOnglet = $(this).attr('rel');
		var objet = tableauOnglets[idOnglet];
		objet.afficherCacherModule();
		$(this).toggleClass("elementMenuModulesSelectionne");
		
		// suppression de l'item correspondant dans le menu
		$(this).remove();
		nbOngletsInvisibles --;
		// si tous les onglets sont affichés alors on cache le menu
		console.log(nbOngletsInvisibles);
		if(nbOngletsInvisibles == 0) {
			afficherCacherMenuOnglets();
		}
	});
	
	/* affiche les onglets par default selon niveau*/
	for(indice in tableauOnglets) {
		var ongletEnCours = tableauOnglets[indice];
		if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
			ongletEnCours.afficherCacherModule();	
			nbOngletsInvisibles++;
		}
	}
	
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
	$('.lien-onglet').parent().each(function() {
		$(this).attr("title",$(this).children("a").text());
	});
		
	redimensionnerOnglets();
	selectionnerOngletParDefautOuEnregistre();
});

Subversion Repositories eFlore/Applications.eflore-consultation

(root)/trunk/presentations/scripts/fiche-synthese.js – Rev 240 → 241

Rev 240		Rev 241
1	`var modules = Array();`	1	`var modules = Array();`
2	`var tableauOnglets = Array();`	2	`var tableauOnglets = Array();`
3		3
4	`var nbOngletsInvisibles = 0;`	4	`var nbOngletsInvisibles = 0;`
5		5
6	`/** Classe Module`	6	`/** Classe Module`
7	`* Définit un module de type portlet`	7	`* Définit un module de type portlet`
8	`**/`	8	`**/`
9	`function Module(id, module, onglet, statique) {`	9	`function Module(id, module, onglet, statique) {`
10		10
11	`// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu`	11	`// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu`
12	`this.id = id;`	12	`this.id = id;`
13	`this.titre;`	13	`this.titre;`
14	`this.htmlResume;`	14	`this.htmlResume;`
15	`this.statique = statique;`	15	`this.statique = statique;`
16		16
17	`// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement`	17	`// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement`
18	`this.portlet = module;`	18	`this.portlet = module;`
19	`this.onglet;`	19	`this.onglet;`
20		20
21	`// creerPortlet`	21	`// creerPortlet`
22	`// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe`	22	`// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe`
23	`this.creerPortlet = function() {`	23	`this.creerPortlet = function() {`
24	`var objet = this;`	24	`var objet = this;`
25		25
26	`var titre = $(module).children('.titre');`	26	`var titre = $(module).children('.titre');`
27	`titre.className = 'titre ui-widget-header ui-corner-all';`	27	`titre.className = 'titre ui-widget-header ui-corner-all';`
28	`titre.id = 'titre-' + this.id;`	28	`titre.id = 'titre-' + this.id;`
29		29
30	`var contenu = $(module).children('.contenu');`	30	`var contenu = $(module).children('.contenu');`
31	`contenu.id = 'contenu-' + this.id;`	31	`contenu.id = 'contenu-' + this.id;`
32	`contenu.className ='contenu';`	32	`contenu.className ='contenu';`
33		33
34	`var lienToggle = document.createElement('span');`	34	`var lienToggle = document.createElement('span');`
35	`lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';`	35	`lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';`
36	`$(titre).append(lienToggle);`	36	`$(titre).append(lienToggle);`
37	`$(lienToggle).click(function() {`	37	`$(lienToggle).click(function() {`
38	`objet.afficherCacherModule();`	38	`objet.afficherCacherModule();`
39	`});`	39	`});`
40		40
41	`this.portlet = module;`	41	`this.portlet = module;`
42	`return module;`	42	`return module;`
43	`}`	43	`}`
44		44
45	`// creerOnglet`	45	`// creerOnglet`
46	`// Créer l'objet Onglet HTML`	46	`// Créer l'objet Onglet HTML`
47	`this.creerOnglet = function() {`	47	`this.creerOnglet = function() {`
48	`var objet = this;`	48	`var objet = this;`
49		49
50	`if (!statique) {`	50	`if (!statique) {`
51	`var span = document.createElement('span');`	51	`var span = document.createElement('span');`
52	`span.className = "ui-icon ui-icon-close";`	52	`span.className = "ui-icon ui-icon-close";`
53		53
54	`// Gestion de la fermeture de l'onglet`	54	`// Gestion de la fermeture de l'onglet`
55	`$(span).live( "click", function() {`	55	`$(span).live( "click", function() {`
56	`objet.afficherCacherModule();`	56	`objet.afficherCacherModule();`
57	`redimensionnerOnglets();`	57	`redimensionnerOnglets();`
58	`});`	58	`});`
59	`$(onglet).append(span);`	59	`$(onglet).append(span);`
60	`}`	60	`}`
61	`this.onglet = onglet;`	61	`this.onglet = onglet;`
62	`}`	62	`}`
63		63
64	`// Initialisation de l'objet`	64	`// Initialisation de l'objet`
65	`this.creerPortlet();`	65	`this.creerPortlet();`
66	`this.creerOnglet();`	66	`this.creerOnglet();`
67		67
68	`// Accesseurs de la classe`	68	`// Accesseurs de la classe`
69	`this.getOnglet = function() {`	69	`this.getOnglet = function() {`
70	`return this.onglet;`	70	`return this.onglet;`
71	`}`	71	`}`
72		72
73	`this.getPortlet = function() {`	73	`this.getPortlet = function() {`
74	`return this.portlet;`	74	`return this.portlet;`
75	`}`	75	`}`
76		76
77	`// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets`	77	`// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets`
78	`this.afficherCacherModule = function() {`	78	`this.afficherCacherModule = function() {`
79	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");`	79	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");`
80	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");`	80	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");`
81	`$(this.portlet).find(".contenu").toggle();`	81	`$(this.portlet).find(".contenu").toggle();`
82	`$(this.onglet).toggle();`	82	`$(this.onglet).toggle();`
83		83
84	`redimensionnerOnglets();`	84	`redimensionnerOnglets();`
85	`}`	85	`}`
86	`}`	86	`}`
87		87
88	`function afficherCacherMenuOnglets() {`	88	`function afficherCacherMenuOnglets() {`
89	`if($("#conteneurMenuOnglets").html() != '') {`	89	`if($("#conteneurMenuOnglets").html() != '') {`
90	`$("#conteneurMenuOnglets").html('');`	90	`$("#conteneurMenuOnglets").html('');`
91	`$('#lienOngletEtPlus').text('+');`	91	`$('#lienOngletEtPlus').text('+');`
92	`} else {`	92	`} else {`
93	`var htmlMenu = '<ul class="menuModules">';`	93	`var htmlMenu = '<ul class="menuModules">';`
94	`nbOngletsInvisibles = 0;`	94	`nbOngletsInvisibles = 0;`
95	`for (idOnglet in tableauOnglets) {`	95	`for (idOnglet in tableauOnglets) {`
96	`var classe = "elementMenuModules";`	96	`var classe = "elementMenuModules";`
97	`if(!$(idOnglet).is(':visible')) {`	97	`if(!$(idOnglet).is(':visible')) {`
98	`nbOngletsInvisibles++;`	98	`nbOngletsInvisibles++;`
99	`htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';`	99	`htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';`
100	`}`	100	`}`
101	`}`	101	`}`
102	`htmlMenu += '</ul>';`	102	`htmlMenu += '</ul>';`
103		103
104	`if (nbOngletsInvisibles > 0) {`	104	`if (nbOngletsInvisibles > 0) {`
105	`$("#conteneurMenuOnglets").html(htmlMenu);`	105	`$("#conteneurMenuOnglets").html(htmlMenu);`
106	`$("#conteneurMenuOnglets").toggle();`	106	`$("#conteneurMenuOnglets").toggle();`
107	`$('#lienOngletEtPlus').text('-');`	107	`$('#lienOngletEtPlus').text('-');`
108	`}`	108	`}`
109	`}`	109	`}`
110	`}`	110	`}`
111		111
112	`function redimensionnerOnglets() {`	112	`function redimensionnerOnglets() {`
113	`// 570 px au max`	113	`// 570 px au max`
114	`// 18 px largeur croix`	114	`// 18 px largeur croix`
115	`// 18 px largeur texte`	115	`// 18 px largeur texte`
116	`// 36 px largeur totale`	116	`// 36 px largeur totale`
117	`var liensVisibles = $('#zone_onglets > ul > li:visible > a');`	117	`var liensVisibles = $('#zone_onglets > ul > li:visible > a');`
118	`var longueurLiens = 0;`	118	`var longueurLiens = 0;`
119	`liensVisibles.each(function() {`	119	`liensVisibles.each(function() {`
120	`longueurLiens += $(this).width();`	120	`longueurLiens += $(this).width();`
121	`});`	121	`});`
122	`var nbOnglets = $('#zone_onglets > ul > li:visible').length;`	122	`var nbOnglets = $('#zone_onglets > ul > li:visible').length;`
123	`var longueurMax = 535 - (nbOnglets * 36);`	123	`var longueurMax = 535 - (nbOnglets * 36);`
124	`if(longueurLiens >= longueurMax \|\| nbOnglets > 5) {`	124	`if(longueurLiens >= longueurMax \|\| nbOnglets > 5) {`
125	`$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);`	125	`$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);`
126	`} else {`	126	`} else {`
127	`$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");`	127	`$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");`
128	`}`	128	`}`
129	`}`	129	`}`
130		130
131	`function selectionnerOngletSynthese() {`	131	`function selectionnerOngletSynthese() {`
132	`// Suppression des classes css qui mettent en surbrillance l'onglet actif`	132	`// Suppression des classes css qui mettent en surbrillance l'onglet actif`
133	`$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');`	133	`$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');`
134	`$('#zone_onglets > ul > li').removeClass('ui-state-active');`	134	`$('#zone_onglets > ul > li').removeClass('ui-state-active');`
135		135
136	`// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"`	136	`// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"`
137	`$('#onglet_synthese').addClass('ui-tabs-selected');`	137	`$('#onglet_synthese').addClass('ui-tabs-selected');`
138	`$('#onglet_synthese').addClass('ui-state-active');`	138	`$('#onglet_synthese').addClass('ui-state-active');`
139		139
140	`// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné`	140	`// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné`
141	`// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets`	141	`// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets`
142	`synchroniserOngletsOuvertsEtBlocs();`	142	`synchroniserOngletsOuvertsEtBlocs();`
143	`}`	143	`}`
144		144
145	`function synchroniserOngletsOuvertsEtBlocs() {`	145	`function synchroniserOngletsOuvertsEtBlocs() {`
146	`for(indice in tableauOnglets) {`	146	`for(indice in tableauOnglets) {`
147	`var ongletEnCours = tableauOnglets[indice];`	147	`var ongletEnCours = tableauOnglets[indice];`
148	`var ongletVisible = ongletEnCours.onglet.is(':visible');`	148	`var ongletVisible = ongletEnCours.onglet.is(':visible');`
149	`$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);`	149	`$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);`
150	`}`	150	`}`
151	`}`	151	`}`
152		152
153	`function deselectionnerOngletSynthese() {`	153	`function deselectionnerOngletSynthese() {`
154	`// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil`	154	`// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil`
155	`$('#onglet_synthese').removeClass('ui-tabs-selected');`	155	`$('#onglet_synthese').removeClass('ui-tabs-selected');`
156	`$('#onglet_synthese').removeClass('ui-state-active');`	156	`$('#onglet_synthese').removeClass('ui-state-active');`
157	`}`	157	`}`
158		158
159	`function selectionnerOngletParDefautOuEnregistre() {`	159	`function selectionnerOngletParDefautOuEnregistre() {`
160	`//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré`	160	`//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré`
161	`//`	161	`//`
162	`// Si pas d'onglet enregistré, selection du premier par défaut`	162	`// Si pas d'onglet enregistré, selection du premier par défaut`
163	`// Si c'est l'onglet fiche, on le sélectionne artificiellement`	163	`// Si c'est l'onglet fiche, on le sélectionne artificiellement`
164	`selectionnerOngletSynthese();`	164	`selectionnerOngletSynthese();`
165	`$('.ui-tabs-panel').hide();`	165	`$('.ui-tabs-panel').hide();`
166	`$('#synthese').show();`	166	`$('#synthese').show();`
167	`}`	167	`}`
168		168
169	`//Initialisation`	169	`//Initialisation`
170	`$(document).ready(function() {`	170	`$(document).ready(function() {`
171	`i = 1;`	171	`i = 1;`
172		172
173	`//Parcourir la totalité des modules générés et les lier grâce à la classe Module`	173	`//Parcourir la totalité des modules générés et les lier grâce à la classe Module`
174	`$(".module").each(function () {`	174	`$(".module").each(function () {`
175	`i++;`	175	`i++;`
176	`identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";`	176	`identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";`
177	`var module = new Module(i, this, $(identifiantOnglet));`	177	`var module = new Module(i, this, $(identifiantOnglet));`
178	`module.titre = $(this).children('h3').text();`	178	`module.titre = $(this).children('h3').text();`
179	`tableauOnglets[identifiantOnglet] = module;`	179	`tableauOnglets[identifiantOnglet] = module;`
180	`});`	180	`});`
181	`$(".lien-onglet").each(function() {`	181	`$(".lien-onglet").each(function() {`
182	`var adresse_onglet = $(this).attr('href');`	182	`var adresse_onglet = $(this).attr('href');`
183	`var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');`	183	`var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');`
184	`$(this).attr('href', adresse_contenu_onglet);`	184	`$(this).attr('href', adresse_contenu_onglet);`
185	`});`	185	`});`
186		186
187	`/* mouvement des blocs */`	187	`/* mouvement des blocs */`
188	`$( ".colonne" ).sortable({`	188	`$( ".colonne" ).sortable({`
189	`connectWith: ".colonne",`	189	`connectWith: ".colonne",`
190	`handle: $(".module").children('h3') // mouvement seulement sur les titres`	190	`handle: $(".module").children('h3') // mouvement seulement sur les titres`
191	`});`	191	`});`
192		192
193	`$( ".colonne" ).disableSelection();`	193	`$( ".colonne" ).disableSelection();`
194		194
195	`$('#zone_onglets').tabs({`	195	`$('#zone_onglets').tabs({`
196	`add: function(event, ui) {`	196	`add: function(event, ui) {`
197	`redimensionnerOnglets();`	197	`redimensionnerOnglets();`
198	`},`	198	`},`
199	`remove: function(event, ui) {`	199	`remove: function(event, ui) {`
200	`redimensionnerOnglets();`	200	`redimensionnerOnglets();`
201	`},`	201	`},`
202	`select: function(event, ui) {`	202	`select: function(event, ui) {`
203	`// Récupération de l'adresse de l'onglet sélectionné`	203	`// Récupération de l'adresse de l'onglet sélectionné`
204	`var url = ui.tab.href;`	204	`var url = ui.tab.href;`
205	`// le fragment suivant le # dans l'url contient l'id de l'onglet`	205	`// le fragment suivant le # dans l'url contient l'id de l'onglet`
206	`var fragmentsAncre = url.split('#');`	206	`var fragmentsAncre = url.split('#');`
207		207
208	`if (fragmentsAncre.length > 0) {`	208	`if (fragmentsAncre.length > 0) {`
209	`var ancre = fragmentsAncre[fragmentsAncre.length - 1];`	209	`var ancre = fragmentsAncre[fragmentsAncre.length - 1];`
210	`// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu`	210	`// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu`
211	`// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese`	211	`// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese`
212	`if (ancre != 'etPlus') {`	212	`if (ancre != 'etPlus') {`
213	`// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin`	213	`// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin`
214	`// chargera son contenu dans l'espace approprié`	214	`// chargera son contenu dans l'espace approprié`
215	`// affichage des icones de fermeture d'onglet si on vient d'en changer`	215	`// affichage des icones de fermeture d'onglet si on vient d'en changer`
216	`$('.ui-icon-close').show();`	216	`$('.ui-icon-close').css({visibility: "visible"});`
217	`if (ancre != 'ui-tabs-1') {`	217	`if (ancre != 'ui-tabs-1') {`
218	`deselectionnerOngletSynthese();`	218	`deselectionnerOngletSynthese();`
219	`$('.ui-tabs-panel').show();`	219	`$('.ui-tabs-panel').show();`
220	`$('#zone_contenu_fiche').hide();`	220	`$('#zone_contenu_fiche').hide();`
221	`// on cache la croix pour ne pas fermer l'onglet actuellement consulté`	221	`// on cache la croix pour ne pas fermer l'onglet actuellement consulté`
222	`$(ui.tab).nextAll().hide();`	222	`$(ui.tab).nextAll().css({visibility: "hidden"});`
223	`} else {`	223	`} else {`
224	`// Si c'est l'onglet fiche, on le sélectionne artificiellement`	224	`// Si c'est l'onglet fiche, on le sélectionne artificiellement`
225	`selectionnerOngletSynthese();`	225	`selectionnerOngletSynthese();`
226	`$('.ui-tabs-panel').hide();`	226	`$('.ui-tabs-panel').hide();`
227	`$('#zone_contenu_fiche').show();`	227	`$('#zone_contenu_fiche').show();`
228	`return false;`	228	`return false;`
229	`}`	229	`}`
230	`}`	230	`}`
231	`}`	231	`}`
232		232
233	`return true;`	233	`return true;`
234	`}`	234	`}`
235	`});`	235	`});`
236		236
237	`$("#ongletEtPlus").click(function() {`	237	`$("#ongletEtPlus").click(function() {`
238	`afficherCacherMenuOnglets();`	238	`afficherCacherMenuOnglets();`
239	`});`	239	`});`
240		240
241	`$('.elementMenuModules').live('click', function() {`	241	`$('.elementMenuModules').live('click', function() {`
242		242
243	`var idOnglet = $(this).attr('rel');`	243	`var idOnglet = $(this).attr('rel');`
244	`var objet = tableauOnglets[idOnglet];`	244	`var objet = tableauOnglets[idOnglet];`
245	`objet.afficherCacherModule();`	245	`objet.afficherCacherModule();`
246	`$(this).toggleClass("elementMenuModulesSelectionne");`	246	`$(this).toggleClass("elementMenuModulesSelectionne");`
247		247
248	`// suppression de l'item correspondant dans le menu`	248	`// suppression de l'item correspondant dans le menu`
249	`$(this).remove();`	249	`$(this).remove();`
250	`nbOngletsInvisibles --;`	250	`nbOngletsInvisibles --;`
251	`// si tous les onglets sont affichés alors on cache le menu`	251	`// si tous les onglets sont affichés alors on cache le menu`
252	`console.log(nbOngletsInvisibles);`	252	`console.log(nbOngletsInvisibles);`
253	`if(nbOngletsInvisibles == 0) {`	253	`if(nbOngletsInvisibles == 0) {`
254	`afficherCacherMenuOnglets();`	254	`afficherCacherMenuOnglets();`
255	`}`	255	`}`
256	`});`	256	`});`
257		257
258	`/* affiche les onglets par default selon niveau*/`	258	`/* affiche les onglets par default selon niveau*/`
259	`for(indice in tableauOnglets) {`	259	`for(indice in tableauOnglets) {`
260	`var ongletEnCours = tableauOnglets[indice];`	260	`var ongletEnCours = tableauOnglets[indice];`
261	`if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {`	261	`if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {`
262	`ongletEnCours.afficherCacherModule();`	262	`ongletEnCours.afficherCacherModule();`
263	`nbOngletsInvisibles++;`	263	`nbOngletsInvisibles++;`
264	`}`	264	`}`
265	`}`	265	`}`
266		266
267	`/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/`	267	`/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/`
268	`$('.lien-onglet').parent().each(function() {`	268	`$('.lien-onglet').parent().each(function() {`
269	`$(this).attr("title",$(this).children("a").text());`	269	`$(this).attr("title",$(this).children("a").text());`
270	`});`	270	`});`
271		271
272	`redimensionnerOnglets();`	272	`redimensionnerOnglets();`
273	`selectionnerOngletParDefautOuEnregistre();`	273	`selectionnerOngletParDefautOuEnregistre();`
274	`});`	274	`});`