Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 241 | Rev 243 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 241 Rev 242
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
- 
 
 30 
		var lienTitre = $(module).children('.titre').children('a');
- 
 
 31 
		lienTitre.attr('href','#'+this.id);
- 
 
 32 
		lienTitre.click(function() {
- 
 
 33 
			if(objet.onglet.is(':visible')) {
- 
 
 34 
				console.log(objet.onglet);
- 
 
 35 
				$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
- 
 
 36 
			}
- 
 
 37 
			return false;
- 
 
 38 
		});
- 
 
 39 
		lienTitre.hover(function() {
- 
 
 40 
			if(!objet.ongletEstAffiche()) {
- 
 
 41 
				$(this).css({"color":"white"});
- 
 
 42 
			} else {
- 
 
 43 
				$(this).css({"color":"#E78F08"});
- 
 
 44 
			}
- 
 
 45 
		});
- 
 
 46
- 
 
 47 
		lienTitre.mouseout(function() {
- 
 
 48 
			$(this).css({"color":"white"});
- 
 
 49 
		});
29 
 
 50 
 
30 
		var contenu = $(module).children('.contenu');
 51 
		var contenu = $(module).children('.contenu');
31 
		contenu.id = 'contenu-' + this.id;
 52 
		contenu.id = 'contenu-' + this.id;
32 
		contenu.className ='contenu';
 53 
		contenu.className ='contenu';
33 
 
 54 
 
34 
		var lienToggle = document.createElement('span');
 55 
		var lienToggle = document.createElement('span');
35 
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
 56 
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
36 
		$(titre).append(lienToggle);
 57 
		$(titre).append(lienToggle);
37 
		$(lienToggle).click(function() {
 58 
		$(lienToggle).click(function() {
38 
			objet.afficherCacherModule();
 59 
			objet.afficherCacherModule();
39 
		});
 60 
		});
40 
 
 61 
 
41 
		this.portlet = module;
 62 
		this.portlet = module;
42 
		return module;
63 
		return module;
43 
	}
64 
	}
- 
 
 65
- 
 
 66 
	this.ongletEstAffiche = function() {
- 
 
 67 
		return $(this.onglet.selector).is(':visible');
- 
 
 68 
	}
44 
 
 - 
 
45 
	// creerOnglet
 69 
 
46 
	// Créer l'objet Onglet HTML
 70 
	// Crée l'objet Onglet HTML
47 
	this.creerOnglet = function() {
 71 
	this.creerOnglet = function() {
48 
		var objet = this;
 72 
		var objet = this;
49 
 
 73 
 
50 
		if (!statique) {
 74 
		if (!statique) {
51 
			var span = document.createElement('span');
 75 
			var span = document.createElement('span');
52 
			span.className = "ui-icon ui-icon-close";
 76 
			span.className = "ui-icon ui-icon-close";
53
77
54 
			// Gestion de la fermeture de l'onglet
 78 
			// Gestion de la fermeture de l'onglet
55 
			$(span).live( "click", function() {
 79 
			$(span).live( "click", function() {
56 
				objet.afficherCacherModule();
 80 
				objet.afficherCacherModule();
57 
				redimensionnerOnglets();
 81 
				redimensionnerOnglets();
58 
			});
 82 
			});
59 
			$(onglet).append(span);
 83 
			$(onglet).append(span);
60 
		}
 84 
		}
61 
		this.onglet = onglet;
 85 
		this.onglet = onglet;
62 
	}
 86 
	}
63
87
64 
	// Initialisation de l'objet
 88 
	// Initialisation de l'objet
65 
	this.creerPortlet();
 89 
	this.creerPortlet();
66 
	this.creerOnglet();
 90 
	this.creerOnglet();
67
91
68 
	// Accesseurs de la classe
 92 
	// Accesseurs de la classe
69 
	this.getOnglet = function() {
 93 
	this.getOnglet = function() {
70 
		return this.onglet;
94 
		return this.onglet;
71 
	}
 95 
	}
72
96
73 
	this.getPortlet = function() {
 97 
	this.getPortlet = function() {
74 
		return this.portlet;
 98 
		return this.portlet;
75 
	}
 99 
	}
76
100
77 
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
 101 
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
78 
	this.afficherCacherModule = function() {
102 
	this.afficherCacherModule = function() {
79 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
 103 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
80 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
 104 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
81 
		$(this.portlet).find(".contenu").toggle();
 105 
		$(this.portlet).find(".contenu").toggle();
82 
		$(this.onglet).toggle();
 106 
		$(this.onglet).toggle();
83
107
84 
		redimensionnerOnglets();
 108 
		redimensionnerOnglets();
85 
	}
 109 
	}
86 
}
 110 
}
87 
 
 111 
 
88 
function afficherCacherMenuOnglets() {
 112 
function afficherCacherMenuOnglets() {
89 
	if($("#conteneurMenuOnglets").html() != '') {
 113 
	if($("#conteneurMenuOnglets").html() != '') {
90 
		$("#conteneurMenuOnglets").html('');
 114 
		$("#conteneurMenuOnglets").html('');
91 
		$('#lienOngletEtPlus').text('+');
 115 
		$('#lienOngletEtPlus').text('+');
92 
	} else {
 116 
	} else {
93 
		var htmlMenu = '<ul class="menuModules">';
 117 
		var htmlMenu = '<ul class="menuModules">';
94 
		nbOngletsInvisibles = 0;
 118 
		nbOngletsInvisibles = 0;
95 
		for (idOnglet in tableauOnglets) {
 119 
		for (idOnglet in tableauOnglets) {
96 
			var classe = "elementMenuModules";
 120 
			var classe = "elementMenuModules";
97 
			if(!$(idOnglet).is(':visible')) {
 121 
			if(!$(idOnglet).is(':visible')) {
98 
				nbOngletsInvisibles++;
 122 
				nbOngletsInvisibles++;
99 
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
 123 
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
100 
			}
 124 
			}
101 
		}
 125 
		}
102 
		htmlMenu += '</ul>';
 126 
		htmlMenu += '</ul>';
103
127
104 
		if (nbOngletsInvisibles > 0) {
128 
		if (nbOngletsInvisibles > 0) {
105 
			$("#conteneurMenuOnglets").html(htmlMenu);
 129 
			$("#conteneurMenuOnglets").html(htmlMenu);
106 
			$("#conteneurMenuOnglets").toggle();
 130 
			$("#conteneurMenuOnglets").toggle();
107 
			$('#lienOngletEtPlus').text('-');
 131 
			$('#lienOngletEtPlus').text('-');
108 
		}
 132 
		}
109 
	}
 133 
	}
110 
}
 134 
}
111
135
112 
function redimensionnerOnglets() {
 136 
function redimensionnerOnglets() {
113 
	// 570 px au max
 137 
	// 570 px au max
114 
	// 18 px largeur croix
138 
	// 18 px largeur croix
115 
	// 18 px largeur texte
139 
	// 18 px largeur texte
116 
	// 36 px largeur totale
 140 
	// 36 px largeur totale
117 
	var liensVisibles = $('#zone_onglets > ul > li:visible > a');
 141 
	var liensVisibles = $('#zone_onglets > ul > li:visible > a');
118 
	var longueurLiens = 0;
 142 
	var longueurLiens = 0;
119 
	liensVisibles.each(function() {
 143 
	liensVisibles.each(function() {
120 
		longueurLiens += $(this).width();
 144 
		longueurLiens += $(this).width();
121 
	});
 145 
	});
122 
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
 146 
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
123 
	var longueurMax =  535 - (nbOnglets * 36);
 147 
	var longueurMax =  535 - (nbOnglets * 36);
124 
	if(longueurLiens >= longueurMax || nbOnglets > 5) {
148 
	if(longueurLiens >= longueurMax || nbOnglets > 5) {
125 
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
 149 
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
126 
	} else {
 150 
	} else {
127 
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
151 
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
128 
	}
 152 
	}
129 
}
 153 
}
130 
 
 154 
 
131 
function selectionnerOngletSynthese() {
 155 
function selectionnerOngletSynthese() {
132 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif
 156 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif
133 
	$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
 157 
	$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
134 
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
 158 
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
135
159
136 
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
 160 
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
137 
	$('#onglet_synthese').addClass('ui-tabs-selected');
 161 
	$('#onglet_synthese').addClass('ui-tabs-selected');
138 
	$('#onglet_synthese').addClass('ui-state-active');
162 
	$('#onglet_synthese').addClass('ui-state-active');
139
163
140 
	// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné
 164 
	// 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
 165 
	// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets
142 
	synchroniserOngletsOuvertsEtBlocs();
 166 
	synchroniserOngletsOuvertsEtBlocs();
143 
}
 167 
}
144 
 
 168 
 
145 
function synchroniserOngletsOuvertsEtBlocs() {
 169 
function synchroniserOngletsOuvertsEtBlocs() {
146 
	for(indice in tableauOnglets) {
 170 
	for(indice in tableauOnglets) {
147 
		var ongletEnCours = tableauOnglets[indice];
 171 
		var ongletEnCours = tableauOnglets[indice];
148 
		var ongletVisible = ongletEnCours.onglet.is(':visible');
 172 
		var ongletVisible = ongletEnCours.onglet.is(':visible');
149 
		$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
 173 
		$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
150 
	}
 174 
	}
151 
}
 175 
}
152 
 
 176 
 
153 
function deselectionnerOngletSynthese() {
 177 
function deselectionnerOngletSynthese() {
154 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
 178 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
155 
	$('#onglet_synthese').removeClass('ui-tabs-selected');
 179 
	$('#onglet_synthese').removeClass('ui-tabs-selected');
156 
	$('#onglet_synthese').removeClass('ui-state-active');
180 
	$('#onglet_synthese').removeClass('ui-state-active');
157 
}
 181 
}
- 
 
 182 
 
- 
 
 183 
function getUrlVars()
- 
 
 184 
{
- 
 
 185 
    var vars = [], hash;
- 
 
 186 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
- 
 
 187 
    for(var i = 0; i < hashes.length; i++)
- 
 
 188 
    {
- 
 
 189 
        hash = hashes[i].split('=');
- 
 
 190 
        vars.push(hash[0]);
- 
 
 191 
        vars[hash[0]] = hash[1];
- 
 
 192 
    }
- 
 
 193 
    return vars;
- 
 
 194 
}
- 
 
 195 
 
158 
 
 196 
var ongletSyntheseCharge = true;
159 
function selectionnerOngletParDefautOuEnregistre() {
 197 
function selectionnerOngletParDefautOuEnregistre() {
160 
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
 198 
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
161 
	//
 199 
	//
- 
 
 200 
	// Si un onglet est précisé dans l'url
- 
 
 201 
	// Récupération de l'adresse de l'onglet sélectionné
- 
 
 202 
	var urlVars = getUrlVars();
- 
 
 203 
	if(urlVars['onglet'] == undefined) {
162 
	// Si pas d'onglet enregistré, selection du premier par défaut
 204 
		// Si pas d'onglet enregistré, selection du premier par défaut
163 
	// Si c'est l'onglet fiche, on le sélectionne artificiellement
 205 
		// Si c'est l'onglet fiche, on le sélectionne artificiellement
164 
	selectionnerOngletSynthese();
 206 
		selectionnerOngletSynthese();
165 
	$('.ui-tabs-panel').hide();
 207 
		$('.ui-tabs-panel').hide();
166 
	$('#synthese').show();
 208 
		$('#synthese').show();
- 
 
 209 
	} else {
- 
 
 210 
		ongletSyntheseCharge = false;
- 
 
 211 
	}
167 
}
 212 
}
168
213 
 
- 
 
 214 
function afficherOngletsPourNiveau() {
- 
 
 215 
	/* affiche les onglets par default selon niveau*/
- 
 
 216 
	for(indice in tableauOnglets) {
- 
 
 217 
		var ongletEnCours = tableauOnglets[indice];
- 
 
 218 
		if (ongletsDefaut.indexOf(jQuery.trim(ongletEnCours.titre)) == -1) {
- 
 
 219 
			ongletEnCours.afficherCacherModule();
- 
 
 220 
			nbOngletsInvisibles++;
- 
 
 221 
		}
- 
 
 222 
	}
- 
 
 223 
}
- 
 
 224 
 
- 
 
 225 
function surSelectionOnglet(event,ui) {
- 
 
 226 
	// Récupération de l'adresse de l'onglet sélectionné
- 
 
 227 
	var url = ui.tab.href;
- 
 
 228 
	// le fragment suivant le # dans l'url contient l'id de l'onglet
- 
 
 229 
	var fragmentsAncre = url.split('#');
- 
 
 230
- 
 
 231 
	if (fragmentsAncre.length > 0) {
- 
 
 232 
		var ancre = fragmentsAncre[fragmentsAncre.length - 1];
- 
 
 233 
		// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
- 
 
 234 
		// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
- 
 
 235 
		if (ancre != 'etPlus') {
- 
 
 236 
			// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
- 
 
 237 
			// chargera son contenu dans l'espace approprié
- 
 
 238 
			// affichage des icones de fermeture d'onglet si on vient d'en changer
- 
 
 239 
			$('.ui-icon-close').css({visibility: "visible"});
- 
 
 240 
			if (ancre != 'ui-tabs-1') {
- 
 
 241 
				deselectionnerOngletSynthese();
- 
 
 242 
				$('.ui-tabs-panel').show();
- 
 
 243 
				$('#zone_contenu_fiche').hide();
- 
 
 244 
				// on cache la croix pour ne pas fermer l'onglet actuellement consulté
- 
 
 245 
				$(ui.tab).nextAll().css({visibility: "hidden"});
- 
 
 246 
			} else {
- 
 
 247 
				if(ongletSyntheseCharge) {
- 
 
 248 
					// Si c'est l'onglet fiche, on le sélectionne artificiellement
- 
 
 249 
					selectionnerOngletSynthese();
- 
 
 250 
					$('.ui-tabs-panel').hide();
- 
 
 251 
					$('#zone_contenu_fiche').show();
169 
//Initialisation
 252 
					return false;
- 
 
 253 
				} else {
- 
 
 254 
					window.location = url;
- 
 
 255 
				}
- 
 
 256 
			}
- 
 
 257 
		}
- 
 
 258 
	}
- 
 
 259 
 
- 
 
 260 
	return true;
- 
 
 261 
}
- 
 
 262 
 
170 
$(document).ready(function() {
 263 
function lierModulesEtOnglets() {
171 
	i = 1;
 264 
	var i = 1;
172
265
173 
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
 266 
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
174 
	$(".module").each(function () {
 267 
	$(".module").each(function () {
175 
		i++;
 268 
		i++;
176 
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
 269 
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
177 
		var module = new Module(i, this, $(identifiantOnglet));
 270 
		var module = new Module(i, this, $(identifiantOnglet));
178 
		module.titre = $(this).children('h3').text();
 271 
		var titre = $(this).children('h3').text();
- 
 
 272 
		module.titre = titre;
- 
 
 273
179 
		tableauOnglets[identifiantOnglet] = module;
 274 
		tableauOnglets[identifiantOnglet] = module;
180 
	});
 275 
	});
181 
	$(".lien-onglet").each(function() {
 276 
	$(".lien-onglet").each(function() {
182 
		var adresse_onglet = $(this).attr('href');
 277 
		var adresse_onglet = $(this).attr('href');
183 
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
 278 
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
184 
		$(this).attr('href', adresse_contenu_onglet);
 279 
		$(this).attr('href', adresse_contenu_onglet);
185 
	});
 280 
	});
186
281 
}
187 
	/* mouvement des blocs */
 - 
 
188 
	$( ".colonne" ).sortable({
 - 
 
189 
		connectWith: ".colonne",
 - 
 
190 
		handle: $(".module").children('h3') // mouvement seulement sur les titres
 - 
 
191 
	});
 - 
 
192 
 
 - 
 
193 
	$( ".colonne" ).disableSelection();
 - 
 
194
- 
 
195 
	$('#zone_onglets').tabs({
 - 
 
196 
		add: function(event, ui) {
 - 
 
197 
			redimensionnerOnglets();
 - 
 
198 
		},
 - 
 
199 
		remove: function(event, ui) {
 - 
 
200 
			redimensionnerOnglets();
 - 
 
201 
		},
 - 
 
202 
		select: function(event, ui) {
- 
 
203 
			// Récupération de l'adresse de l'onglet sélectionné
 - 
 
204 
			var url = ui.tab.href;
 - 
 
205 
			// le fragment suivant le # dans l'url contient l'id de l'onglet
 - 
 
206 
			var fragmentsAncre = url.split('#');
 - 
 
207
- 
 
208 
			if (fragmentsAncre.length > 0) {
 - 
 
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
 - 
 
211 
				// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
 - 
 
212 
				if (ancre != 'etPlus') {
 - 
 
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é
 - 
 
215 
					// affichage des icones de fermeture d'onglet si on vient d'en changer
 - 
 
216 
					$('.ui-icon-close').css({visibility: "visible"});
 - 
 
217 
					if (ancre != 'ui-tabs-1') {
 - 
 
218 
						deselectionnerOngletSynthese();
 - 
 
219 
						$('.ui-tabs-panel').show();
 - 
 
220 
						$('#zone_contenu_fiche').hide();
 - 
 
221 
						// on cache la croix pour ne pas fermer l'onglet actuellement consulté
 - 
 
222 
						$(ui.tab).nextAll().css({visibility: "hidden"});
 - 
 
223 
					} else {
 - 
 
224 
						// Si c'est l'onglet fiche, on le sélectionne artificiellement
 - 
 
225 
						selectionnerOngletSynthese();
 - 
 
226 
						$('.ui-tabs-panel').hide();
 - 
 
227 
						$('#zone_contenu_fiche').show();
 - 
 
228 
						return false;
 - 
 
229 
					}
 - 
 
230 
				}
 - 
 
231 
			}
 - 
 
232 
 
 282 
 
233 
			return true;
 - 
 
234 
		}
 - 
 
235 
	});
 - 
 
236
283 
function creerMenuOngletsFermes() {
237 
	$("#ongletEtPlus").click(function() {
 284 
	$("#ongletEtPlus").click(function() {
238 
		afficherCacherMenuOnglets();
 285 
		afficherCacherMenuOnglets();
239 
	});
 286 
	});
240
287
241 
	$('.elementMenuModules').live('click', function() {
 - 
 
242
288 
	$('.elementMenuModules').live('click', function() {
243 
		var idOnglet = $(this).attr('rel');
 289 
		var idOnglet = $(this).attr('rel');
244 
		var objet = tableauOnglets[idOnglet];
 290 
		var objet = tableauOnglets[idOnglet];
245 
		objet.afficherCacherModule();
 291 
		objet.afficherCacherModule();
246 
		$(this).toggleClass("elementMenuModulesSelectionne");
 292 
		$(this).toggleClass("elementMenuModulesSelectionne");
247
293
248 
		// suppression de l'item correspondant dans le menu
 294 
		// suppression de l'item correspondant dans le menu
249 
		$(this).remove();
 295 
		$(this).remove();
250 
		nbOngletsInvisibles --;
 296 
		nbOngletsInvisibles --;
251 
		// si tous les onglets sont affichés alors on cache le menu
 297 
		// si tous les onglets sont affichés alors on cache le menu
252 
		console.log(nbOngletsInvisibles);
 - 
 
253 
		if(nbOngletsInvisibles == 0) {
 298 
		if(nbOngletsInvisibles == 0) {
254 
			afficherCacherMenuOnglets();
 299 
			afficherCacherMenuOnglets();
255 
		}
 300 
		}
256 
	});
 301 
	});
257
- 
 
258 
	/* affiche les onglets par default selon niveau*/
 - 
 
259 
	for(indice in tableauOnglets) {
 - 
 
260 
		var ongletEnCours = tableauOnglets[indice];
 - 
 
261 
		if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
 - 
 
262 
			ongletEnCours.afficherCacherModule();
- 
 
263 
			nbOngletsInvisibles++;
 - 
 
264 
		}
 - 
 
265 
	}
 302 
}
266
303 
 
- 
 
 304 
function ajouterTitreSurvolOnglets() {
267 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
 305 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
268 
	$('.lien-onglet').parent().each(function() {
 306 
	$('.lien-onglet').parent().each(function() {
269 
		$(this).attr("title",$(this).children("a").text());
 307 
		$(this).attr("title",$(this).children("a").text());
270 
	});
 308 
	});
- 
 
 309 
}
271
310
- 
 
 311 
//Initialisation
- 
 
 312 
$(document).ready(function() {
- 
 
 313 
 
- 
 
 314 
	lierModulesEtOnglets();
- 
 
 315
- 
 
 316 
	/* mouvement des blocs */
- 
 
 317 
	$( ".colonne" ).sortable({
- 
 
 318 
		connectWith: ".colonne",
- 
 
 319 
		handle: $(".module").children('h3') // mouvement seulement sur les titres
- 
 
 320 
	});
- 
 
 321 
 
- 
 
 322 
	$( ".colonne" ).disableSelection();
- 
 
 323
- 
 
 324 
	$('#zone_onglets').tabs({
- 
 
 325 
		add: function(event, ui) {
- 
 
 326 
			redimensionnerOnglets();
- 
 
 327 
		},
- 
 
 328 
		remove: function(event, ui) {
- 
 
 329 
			redimensionnerOnglets();
- 
 
 330 
		},
- 
 
 331 
		select: function(event, ui) {
- 
 
 332 
			return surSelectionOnglet(event,ui)
- 
 
 333 
		}
- 
 
 334 
	});
- 
 
 335
- 
 
 336 
	creerMenuOngletsFermes();
- 
 
 337 
	afficherOngletsPourNiveau();
- 
 
 338 
	ajouterTitreSurvolOnglets();
272 
	redimensionnerOnglets();
 339 
	redimensionnerOnglets();
273 
	selectionnerOngletParDefautOuEnregistre();
 340 
	selectionnerOngletParDefautOuEnregistre();
- 
 
 341
274 
});
 342 
});
275 

            343