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 lienTitre = $(module).children('.titre').children('a');
		lienTitre.attr('href','#'+this.id);
		lienTitre.click(function() {
			if(objet.onglet.is(':visible')) {
 
				$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
			}
			return false;
		});
		lienTitre.hover(function() {
			if(!objet.ongletEstAffiche()) {
				$(this).css({"color":"white"});
			} else {
				$(this).css({"color":"#E78F08"});
			}
		}); 
		
		lienTitre.mouseout(function() {
			$(this).css({"color":"white"});
		});
 
		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;	
	}
	
	this.ongletEstAffiche = function() {
		return $(this.onglet.selector).is(':visible');
	}
 
	// Crée 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 fermerMenuOnglets() {
	$("#conteneurMenuOnglets").html('');
	$('#lienOngletEtPlus').text('+');
}
	
function redimensionnerOnglets() {
	// 570 px au max
	// 18 px largeur croix 
	// 18 px largeur texte 
	// 36 px largeur totale
	// 25 px largeur et +
	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 =  505 - (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];
		if(ongletEnCours.onglet != null) {
			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 getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}
 
var ongletSyntheseCharge = true;
function selectionnerOngletParDefautOuEnregistre() {
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
	//
	// Si un onglet est précisé dans l'url
	// Récupération de l'adresse de l'onglet sélectionné
	var urlVars = getUrlVars();
	if(urlVars['onglet'] == undefined) { 	
		// Si pas d'onglet enregistré, selection du premier par défaut
		// Si c'est l'onglet fiche, on le sélectionne artificiellement
		selectionnerOngletSynthese();
		$('.ui-tabs-panel').hide();
		$('#synthese').show();
	} else {
		ongletSyntheseCharge = false;
	}
}
 
function afficherOngletsPourNiveau() {
	/* affiche les onglets par default selon niveau*/
	for(indice in tableauOnglets) {
		var ongletEnCours = tableauOnglets[indice];
		titre_onglet = ongletEnCours.titre;
		titre_onglet = $.trim(titre_onglet);
		if (!Array.indexOf) {
			  Array.prototype.indexOf = function (obj, start) {
			    for (var i = (start || 0); i < this.length; i++) {
			      if (this[i] == obj) {
			        return i;
			      }
			    }
			    return -1;
			  }
			}
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
			ongletEnCours.afficherCacherModule();	
			nbOngletsInvisibles++;
		}
	}
}
 
function surSelectionOnglet(event,ui) {
	// Récupération de l'adresse de l'onglet sélectionné
	var url = ui.tab.href;
	// le fragment suivant le # dans l'url contient l'id de l'onglet
	var fragmentsAncre = url.split('#');
	
	if (fragmentsAncre.length > 0) {
		var ancre = fragmentsAncre[fragmentsAncre.length - 1];
		// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
		// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
		if (ancre != 'etPlus') {
			// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
			// chargera son contenu dans l'espace approprié
			// affichage des icones de fermeture d'onglet si on vient d'en changer
			$('.ui-icon-close').css({visibility: "visible"});
			if (ancre != 'ui-tabs-1') {
				deselectionnerOngletSynthese();
				$('.ui-tabs-panel').show();
				$('#zone_contenu_fiche').hide();
				// on cache la croix pour ne pas fermer l'onglet actuellement consulté
				$(ui.tab).nextAll().css({visibility: "hidden"});
			} else {
				if(ongletSyntheseCharge) {
					// Si c'est l'onglet fiche, on le sélectionne artificiellement
					selectionnerOngletSynthese();
					$('.ui-tabs-panel').hide();
					$('#zone_contenu_fiche').show();
					return false;
				} else {
					window.location = url;
				}
			}
		}
	}
 
	return true;
}
 
function lierModulesEtOnglets() {
	var 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));
		var titre = $(this).children('h3').text();
		module.titre = titre;
		
		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);
	});
}
 
function creerMenuOngletsFermes() {
	$("#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
		if(nbOngletsInvisibles == 0) {
			afficherCacherMenuOnglets();
		}
	});
		
	$('#conteneurMenuOnglets').live("mouseleave", function() {
		fermerMenuOnglets();
	});
}
 
function ajouterTitreSurvolOnglets() {
	/* 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());
	});
} 
	
//Initialisation
$(document).ready(function() {
 
	lierModulesEtOnglets();
	
	/* 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) {	
			return surSelectionOnglet(event,ui)
		}
	});
	
	$('.lien_popup').live('click',function(event) {
		event.preventDefault();
		$.fancybox(this,{
			autoDimensions:false,
			width:580,
			height:'auto'
		});
	});
	
	creerMenuOngletsFermes();
	afficherOngletsPourNiveau();
	ajouterTitreSurvolOnglets();
	redimensionnerOnglets();
	selectionnerOngletParDefautOuEnregistre();
	
});

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

Subversion Repositories eFlore/Applications.eflore-consultation

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