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
	$('#zone_onglets').tabs( "select" , 0);
}
	
//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é
					if (ancre != 'fiche') {
						deselectionnerOngletSynthese();
						$('.ui-tabs-panel').show();
						$('#synthese').hide();
					} else {
						// Si c'est l'onglet fiche, on le sélectionne artificiellement
						selectionnerOngletSynthese();
						$('.ui-tabs-panel').hide();
						$('#synthese').show();
					}
				}
			}
 
	        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 @ 1584 – Rev 233 → 236

Rev 233		Rev 236
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
-		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`
-		142	`synchroniserOngletsOuvertsEtBlocs();`
-		143	`}`
-		144
-		145	`function synchroniserOngletsOuvertsEtBlocs() {`
-		146	`for(indice in tableauOnglets) {`
-		147	`var ongletEnCours = tableauOnglets[indice];`
-		148	`var ongletVisible = ongletEnCours.onglet.is(':visible');`
-		149	`$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);`
-		150	`}`
139	`}`	151	`}`
140		152
141	`function deselectionnerOngletSynthese() {`	153	`function deselectionnerOngletSynthese() {`
142	`// 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`
143	`$('#onglet_synthese').removeClass('ui-tabs-selected');`	155	`$('#onglet_synthese').removeClass('ui-tabs-selected');`
144	`$('#onglet_synthese').removeClass('ui-state-active');`	156	`$('#onglet_synthese').removeClass('ui-state-active');`
145	`}`	157	`}`
146		158
147	`function selectionnerOngletParDefautOuEnregistre() {`	159	`function selectionnerOngletParDefautOuEnregistre() {`
148	`//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é`
149	`//`	161	`//`
150	`// Si pas d'onglet enregistré, selection du premier par défaut`	162	`// Si pas d'onglet enregistré, selection du premier par défaut`
151	`$('#zone_onglets').tabs( "select" , 0);`	163	`$('#zone_onglets').tabs( "select" , 0);`
152	`}`	164	`}`
153		165
154	`//Initialisation`	166	`//Initialisation`
155	`$(document).ready(function() {`	167	`$(document).ready(function() {`
156	`i = 1;`	168	`i = 1;`
157		169
158	`//Parcourir la totalité des modules générés et les lier grâce à la classe Module`	170	`//Parcourir la totalité des modules générés et les lier grâce à la classe Module`
159	`$(".module").each(function () {`	171	`$(".module").each(function () {`
160	`i++;`	172	`i++;`
161	`identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";`	173	`identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";`
162	`var module = new Module(i, this, $(identifiantOnglet));`	174	`var module = new Module(i, this, $(identifiantOnglet));`
163	`module.titre = $(this).children('h3').text();`	175	`module.titre = $(this).children('h3').text();`
164	`tableauOnglets[identifiantOnglet] = module;`	176	`tableauOnglets[identifiantOnglet] = module;`
165	`});`	177	`});`
166	`$(".lien-onglet").each(function() {`	178	`$(".lien-onglet").each(function() {`
167	`var adresse_onglet = $(this).attr('href');`	179	`var adresse_onglet = $(this).attr('href');`
168	`var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');`	180	`var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');`
169	`$(this).attr('href', adresse_contenu_onglet);`	181	`$(this).attr('href', adresse_contenu_onglet);`
170	`});`	182	`});`
171	`/* mouvement des blocs */`	183	`/* mouvement des blocs */`
172	`$( ".colonne" ).sortable({`	184	`$( ".colonne" ).sortable({`
173	`connectWith: ".colonne",`	185	`connectWith: ".colonne",`
174	`handle: $(".module").children('h3') // mouvement seulement sur les titres`	186	`handle: $(".module").children('h3') // mouvement seulement sur les titres`
175	`});`	187	`});`
176		188
177	`$( ".colonne" ).disableSelection();`	189	`$( ".colonne" ).disableSelection();`
178		190
179	`$('#zone_onglets').tabs({`	191	`$('#zone_onglets').tabs({`
180	`add: function(event, ui) {`	192	`add: function(event, ui) {`
181	`redimensionnerOnglets();`	193	`redimensionnerOnglets();`
182	`},`	194	`},`
183	`remove: function(event, ui) {`	195	`remove: function(event, ui) {`
184	`redimensionnerOnglets();`	196	`redimensionnerOnglets();`
185	`},`	197	`},`
186	`select: function(event, ui) {`	198	`select: function(event, ui) {`
187	`// Récupération de l'adresse de l'onglet sélectionné`	199	`// Récupération de l'adresse de l'onglet sélectionné`
188	`var url = ui.tab.href;`	200	`var url = ui.tab.href;`
189	`// le fragment suivant le # dans l'url contient l'id de l'onglet`	201	`// le fragment suivant le # dans l'url contient l'id de l'onglet`
190	`var fragmentsAncre = url.split('#');`	202	`var fragmentsAncre = url.split('#');`
191		203
192	`if (fragmentsAncre.length > 0) {`	204	`if (fragmentsAncre.length > 0) {`
193	`var ancre = fragmentsAncre[fragmentsAncre.length - 1];`	205	`var ancre = fragmentsAncre[fragmentsAncre.length - 1];`
194	`// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu`	206	`// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu`
195	`// TODo: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese`	207	`// TODo: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese`
196	`if (ancre != 'etPlus') {`	208	`if (ancre != 'etPlus') {`
197	`// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin`	209	`// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin`
198	`// chargera son contenu dans l'espace approprié`	210	`// chargera son contenu dans l'espace approprié`
199	`if (ancre != 'fiche') {`	211	`if (ancre != 'fiche') {`
200	`deselectionnerOngletSynthese();`	212	`deselectionnerOngletSynthese();`
201	`$('.ui-tabs-panel').show();`	213	`$('.ui-tabs-panel').show();`
202	`$('#synthese').hide();`	214	`$('#synthese').hide();`
203	`} else {`	215	`} else {`
204	`// Si c'est l'onglet fiche, on le sélectionne artificiellement`	216	`// Si c'est l'onglet fiche, on le sélectionne artificiellement`
205	`selectionnerOngletSynthese();`	217	`selectionnerOngletSynthese();`
206	`$('.ui-tabs-panel').hide();`	218	`$('.ui-tabs-panel').hide();`
207	`$('#synthese').show();`	219	`$('#synthese').show();`
208	`}`	220	`}`
209	`}`	221	`}`
210	`}`	222	`}`
211		223
212	`return true;`	224	`return true;`
213	`}`	225	`}`
214	`});`	226	`});`
215		227
216	`$("#ongletEtPlus").click(function() {`	228	`$("#ongletEtPlus").click(function() {`
217	`afficherCacherMenuOnglets();`	229	`afficherCacherMenuOnglets();`
218	`});`	230	`});`
219		231
220	`$('.elementMenuModules').live('click', function() {`	232	`$('.elementMenuModules').live('click', function() {`
221		233
222	`var idOnglet = $(this).attr('rel');`	234	`var idOnglet = $(this).attr('rel');`
223	`var objet = tableauOnglets[idOnglet];`	235	`var objet = tableauOnglets[idOnglet];`
224	`objet.afficherCacherModule();`	236	`objet.afficherCacherModule();`
225	`$(this).toggleClass("elementMenuModulesSelectionne");`	237	`$(this).toggleClass("elementMenuModulesSelectionne");`
226		238
227	`// suppression de l'item correspondant dans le menu`	239	`// suppression de l'item correspondant dans le menu`
228	`$(this).remove();`	240	`$(this).remove();`
229	`nbOngletsInvisibles --;`	241	`nbOngletsInvisibles --;`
230	`// si tous les onglets sont affichés alors on cache le menu`	242	`// si tous les onglets sont affichés alors on cache le menu`
231	`console.log(nbOngletsInvisibles);`	243	`console.log(nbOngletsInvisibles);`
232	`if(nbOngletsInvisibles == 0) {`	244	`if(nbOngletsInvisibles == 0) {`
233	`afficherCacherMenuOnglets();`	245	`afficherCacherMenuOnglets();`
234	`}`	246	`}`
235	`});`	247	`});`
236		248
237	`/* affiche les onglets par default selon niveau*/`	249	`/* affiche les onglets par default selon niveau*/`
238	`for(indice in tableauOnglets) {`	250	`for(indice in tableauOnglets) {`
239	`var ongletEnCours = tableauOnglets[indice];`	251	`var ongletEnCours = tableauOnglets[indice];`
240	`if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {`	252	`if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {`
241	`ongletEnCours.afficherCacherModule();`	253	`ongletEnCours.afficherCacherModule();`
242	`nbOngletsInvisibles++;`	254	`nbOngletsInvisibles++;`
243	`}`	255	`}`
244	`}`	256	`}`
245		257
246	`/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/`	258	`/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/`
247	`$('.lien-onglet').parent().each(function() {`	259	`$('.lien-onglet').parent().each(function() {`
248	`$(this).attr("title",$(this).children("a").text());`	260	`$(this).attr("title",$(this).children("a").text());`
249	`});`	261	`});`
250		262
251	`redimensionnerOnglets();`	263	`redimensionnerOnglets();`
252	`selectionnerOngletParDefautOuEnregistre();`	264	`selectionnerOngletParDefautOuEnregistre();`
253	`});`	265	`});`