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 != 'ui-tabs-0') {
						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 – Rev 236 → 238

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