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


var modules = Array();
var tableauOnglets = Array();
	
/** 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">';
		for (idOnglet in tableauOnglets) {
			var classe = "elementMenuModules";
			if($(idOnglet).is(':visible')) {
				classe += " elementMenuModulesSelectionne";
			}
			htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
		}
		htmlMenu += '</ul>';
		$("#conteneurMenuOnglets").html(htmlMenu);
		$("#conteneurMenuOnglets").toggle();
		$('#lienOngletEtPlus').text('-');
	}
}
	
function redimensionnerOnglets() {
	// 570 px au max
	// 18 largeur croix 
	// 18 largeur texte 
	// 36 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'); 
}
 
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'); 
}
	
//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");
	});
	
	/* affiche les onglets par default selon niveau*/
	for(indice in tableauOnglets) {
		var ongletEnCours = tableauOnglets[indice];
		if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
			ongletEnCours.afficherCacherModule();	
		}
	}
	
	/* 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();
});

Subversion Repositories eFlore/Applications.eflore-consultation

(root)/trunk/presentations/scripts/fiche-synthese.js @ 231 – Rev 231 → 232

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