WebSVN – eFlore/Applications.eflore-consultation – Diff – /trunk/modules/fiche/squelettes/fiche_accueil.tpl.html


<h1>Fiche</h1>
<style>
	#zone_contenu_fiche {
		border:solid 1px #DDD;
		border-width:0px 1px 1px 1px;
		width:100%;
		min-height:400px;
		clear:left;
		
	}
	
	.module {margin: 0 1em 1em 0;}
	.module .titre{ margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; cursor:pointer;}
	.module .titre .ui-icon { float: right; }
	.module .contenu { padding: 0.4em; }
	
	.colonne {float:left; padding-bottom:100px; width:30%}
	
	.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
	.ui-sortable-placeholder * { visibility: hidden; }
	
	#zone_onglets ul li {list-style:none}
	.lienToggle {cursor:pointer}
	
	
	#dialog label, #dialog input { display:block; }
	#dialog label { margin-top: 0.5em; }
	#dialog input, #dialog textarea { width: 95%; }
	#zone_onglets { margin-top: 1em; padding-right: 5px; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px}
	#zone_onglets li {float:left}
	#zone_onglets li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
	#zone_onglets #ongletEtPlus { cursor: pointer; float:right;}
	
	.elementMenuModules {
		display:block; 
		border: 1px solid black; 
		width: 150px; 
		padding: 10px 10px 10px 25px; 
		margin:0px;
		cursor: pointer;
	}
	
	.elementMenuModules:hover {
		background-color: grey;
	}
	
	.elementMenuModulesSelectionne {
		background-color: #F6AF39;
	}
	
	.menuModules {left: 73%; position: absolute; border: 1px solid grey; margin: 0px; padding: 0px}
</style>
 
<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
	<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
		<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#fiche">Accueil</a></li>
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Illustrations</a></li>
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Répartition</a></li>
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Wiki</a></li>
		<li id="ongletEtPlus" class="ui-state-default ui-corner-top"><a href="#fiche">+</a></li>
	</ul>
	<span id="conteneurMenuOnglets"></span>
</div>
 
<div id="zone_contenu_fiche">
	<div class="colonne">
		<div id="illustrations" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
			<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Illustrations</h3>
			<span id="contenu-0" class="contenu">contenu-0</span>
		</div>
		
		<div id="repartition" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
			<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Répartition</h3>
			<span id="contenu-0" class="contenu">contenu-0</span>
		</div>
		
		<div id="wiki" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
			<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Wiki<span class="lienToggle"></span></h3>
			<span id="contenu-0" class="contenu">contenu-0</span>
		</div>
		
		
	</div>
	<div class="colonne"></div>
	<div class="colonne"></div>
	
	<br style="clear:left" />	
</div>
 
<script type="text/Javascript">
	var modules = Array();
	var ongletsOuverts = 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;
			
			var a = $(onglet).find("a");
			
			// Gestion du clic sur le lien 
			// Comme les liens sont mis en place par jqueryui tabs, il faut ajouter une surcouche pour 
			// déplacer vers la page du module
			$(a).click(function() {
				// TODO : Changer l'url par celle du module et enregistrer la configuration actuelle des onglets.
				//$(location).attr('href',"http://www.google.fr");
			});
			
			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();
 
 
 
				});
				
				$(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();
		}
 
	}
	
	function afficherCacherMenuOnglets() {
		if($("#conteneurMenuOnglets").html() != '') {
			$("#conteneurMenuOnglets").html('');
		} else {
			console.log(ongletsOuverts);
			var htmlMenu = '<ul class="menuModules">';
			for (idOnglet in ongletsOuverts) {
				var classe = "elementMenuModules";
				if($(idOnglet).is(':visible')) {
					classe += " elementMenuModulesSelectionne";
				}
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+ongletsOuverts[idOnglet].titre+'</li>';
			}
			htmlMenu += '</ul>';
			$("#conteneurMenuOnglets").html(htmlMenu);
			$("#conteneurMenuOnglets").toggle();
		}
	}
	
	//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();
			ongletsOuverts[identifiantOnglet] = module;
		});
		
		$( ".colonne" ).sortable({
			connectWith: ".colonne"
		});
 
		$( ".colonne" ).disableSelection();
		$('#zone_onglets').tabs();
		$("#ongletEtPlus").click(function() {
			afficherCacherMenuOnglets();
		});
		
		$('.elementMenuModules').live('click', function() {
			var idOnglet = $(this).attr('rel');
			var objet = ongletsOuverts[idOnglet];
			objet.afficherCacherModule();
 
 
			$(this).toggleClass("elementMenuModulesSelectionne");
		})
	});
</script>

Rev 211	Rev 212
1	`<h1>Fiche</h1>`	1	`<h1>Fiche</h1>`
2	`<style>`	2	`<style>`
3	`#zone_contenu_fiche {`	3	`#zone_contenu_fiche {`
4	`border:solid 1px #DDD;`	4	`border:solid 1px #DDD;`
5	`border-width:0px 1px 1px 1px;`	5	`border-width:0px 1px 1px 1px;`
6	`width:100%;`	6	`width:100%;`
7	`min-height:400px;`	7	`min-height:400px;`
8	`clear:left;`	8	`clear:left;`
9		9
10	`}`	10	`}`
11		11
12	`.module {margin: 0 1em 1em 0;}`	12	`.module {margin: 0 1em 1em 0;}`
13	`.module .titre{ margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; cursor:pointer;}`	13	`.module .titre{ margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; cursor:pointer;}`
14	`.module .titre .ui-icon { float: right; }`	14	`.module .titre .ui-icon { float: right; }`
15	`.module .contenu { padding: 0.4em; }`	15	`.module .contenu { padding: 0.4em; }`
16		16
17	`.colonne {float:left; padding-bottom:100px; width:30%}`	17	`.colonne {float:left; padding-bottom:100px; width:30%}`
18		18
19	`.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }`	19	`.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }`
20	`.ui-sortable-placeholder * { visibility: hidden; }`	20	`.ui-sortable-placeholder * { visibility: hidden; }`
21		21
22	`#zone_onglets ul li {list-style:none}`	22	`#zone_onglets ul li {list-style:none}`
23	`.lienToggle {cursor:pointer}`	23	`.lienToggle {cursor:pointer}`
24		24
25		25
26	`#dialog label, #dialog input { display:block; }`	26	`#dialog label, #dialog input { display:block; }`
27	`#dialog label { margin-top: 0.5em; }`	27	`#dialog label { margin-top: 0.5em; }`
28	`#dialog input, #dialog textarea { width: 95%; }`	28	`#dialog input, #dialog textarea { width: 95%; }`
29	`#zone_onglets { margin-top: 1em; padding-right: 5px; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px}`	29	`#zone_onglets { margin-top: 1em; padding-right: 5px; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px}`
30	`#zone_onglets li {float:left}`	30	`#zone_onglets li {float:left}`
31	`#zone_onglets li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }`	31	`#zone_onglets li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }`
32	`#zone_onglets #ongletEtPlus { cursor: pointer; float:right;}`	32	`#zone_onglets #ongletEtPlus { cursor: pointer; float:right;}`
33		33
34	`.elementMenuModules {`	34	`.elementMenuModules {`
35	`display:block;`	35	`display:block;`
36	`border: 1px solid black;`	36	`border: 1px solid black;`
37	`width: 150px;`	37	`width: 150px;`
38	`padding: 10px 10px 10px 25px;`	38	`padding: 10px 10px 10px 25px;`
39	`margin:0px;`	39	`margin:0px;`
40	`cursor: pointer;`	40	`cursor: pointer;`
41	`}`	41	`}`
42		42
43	`.elementMenuModules:hover {`	43	`.elementMenuModules:hover {`
44	`background-color: grey;`	44	`background-color: grey;`
45	`}`	45	`}`
-		46
-		47	`.elementMenuModulesSelectionne {`
-		48	`background-color: #F6AF39;`
-		49	`}`
-		50
46	`.menuModules {left: 73%; position: absolute; border: 1px solid grey; margin: 0px; padding: 0px}`	51	`.menuModules {left: 73%; position: absolute; border: 1px solid grey; margin: 0px; padding: 0px}`
47	`</style>`	52	`</style>`
48		53
49	`<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all">`	54	`<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all">`
50	`<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">`	55	`<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">`
51	`<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#fiche">Accueil</a></li>`	56	`<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#fiche">Accueil</a></li>`
52	`<li class="ui-state-default ui-corner-top"><a href="#fiche">Illustrations</a></li>`	57	`<li class="ui-state-default ui-corner-top"><a href="#fiche">Illustrations</a></li>`
53	`<li class="ui-state-default ui-corner-top"><a href="#fiche">Répartition</a></li>`	58	`<li class="ui-state-default ui-corner-top"><a href="#fiche">Répartition</a></li>`
54	`<li class="ui-state-default ui-corner-top"><a href="#fiche">Wiki</a></li>`	59	`<li class="ui-state-default ui-corner-top"><a href="#fiche">Wiki</a></li>`
55	`<li id="ongletEtPlus" class="ui-state-default ui-corner-top"><a href="#fiche">+</a></li>`	60	`<li id="ongletEtPlus" class="ui-state-default ui-corner-top"><a href="#fiche">+</a></li>`
56	`</ul>`	61	`</ul>`
57	`<span id="conteneurMenuOnglets"></span>`	62	`<span id="conteneurMenuOnglets"></span>`
58	`</div>`	63	`</div>`
59		64
60	`<div id="zone_contenu_fiche">`	65	`<div id="zone_contenu_fiche">`
61	`<div class="colonne">`	66	`<div class="colonne">`
62	`<div id="illustrations" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">`	67	`<div id="illustrations" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">`
63	`<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Illustrations</h3>`	68	`<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Illustrations</h3>`
64	`<span id="contenu-0" class="contenu">contenu-0</span>`	69	`<span id="contenu-0" class="contenu">contenu-0</span>`
65	`</div>`	70	`</div>`
66		71
67	`<div id="repartition" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">`	72	`<div id="repartition" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">`
68	`<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Répartition</h3>`	73	`<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Répartition</h3>`
69	`<span id="contenu-0" class="contenu">contenu-0</span>`	74	`<span id="contenu-0" class="contenu">contenu-0</span>`
70	`</div>`	75	`</div>`
71		76
72	`<div id="wiki" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">`	77	`<div id="wiki" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">`
73	`<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Wiki<span class="lienToggle"></span></h3>`	78	`<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Wiki<span class="lienToggle"></span></h3>`
74	`<span id="contenu-0" class="contenu">contenu-0</span>`	79	`<span id="contenu-0" class="contenu">contenu-0</span>`
75	`</div>`	80	`</div>`
76		81
77		82
78	`</div>`	83	`</div>`
79	`<div class="colonne"></div>`	84	`<div class="colonne"></div>`
80	`<div class="colonne"></div>`	85	`<div class="colonne"></div>`
81		86
82	`<br style="clear:left" />`	87	`<br style="clear:left" />`
83	`</div>`	88	`</div>`
84		89
85	`<script type="text/Javascript">`	90	`<script type="text/Javascript">`
86	`var modules = Array();`	91	`var modules = Array();`
87	`var ongletsOuverts = Array();`	92	`var ongletsOuverts = Array();`
88		93
89	`/** Classe Module`	94	`/** Classe Module`
90	`* Définit un module de type portlet`	95	`* Définit un module de type portlet`
91	`**/`	96	`**/`
92	`function Module(id, module, onglet, statique) {`	97	`function Module(id, module, onglet, statique) {`
93		98
94	`// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu`	99	`// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu`
95	`this.id = id;`	100	`this.id = id;`
96	`this.titre;`	101	`this.titre;`
97	`this.htmlResume;`	102	`this.htmlResume;`
98	`this.statique = statique;`	103	`this.statique = statique;`
99		104
100	`// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement`	105	`// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement`
101	`this.portlet = module;`	106	`this.portlet = module;`
102	`this.onglet;`	107	`this.onglet;`
103		108
104	`// creerPortlet`	109	`// creerPortlet`
105	`// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe`	110	`// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe`
106	`this.creerPortlet = function() {`	111	`this.creerPortlet = function() {`
107	`var objet = this;`	112	`var objet = this;`
108		113
109	`var titre = $(module).children('.titre');`	114	`var titre = $(module).children('.titre');`
110	`titre.className = 'titre ui-widget-header ui-corner-all';`	115	`titre.className = 'titre ui-widget-header ui-corner-all';`
111	`titre.id = 'titre-' + this.id;`	116	`titre.id = 'titre-' + this.id;`
112		117
113	`var contenu = $(module).children('.contenu');`	118	`var contenu = $(module).children('.contenu');`
114	`contenu.id = 'contenu-' + this.id;`	119	`contenu.id = 'contenu-' + this.id;`
115	`contenu.className ='contenu';`	120	`contenu.className ='contenu';`
116		121
117	`var lienToggle = document.createElement('span');`	122	`var lienToggle = document.createElement('span');`
118	`lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';`	123	`lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';`
119	`$(titre).append(lienToggle);`	124	`$(titre).append(lienToggle);`
120	`$(lienToggle).click(function() {`	125	`$(lienToggle).click(function() {`
121	`$(contenu).toggle();`	-
122	`$(this).toggleClass("ui-icon-plusthick");`	-
123	`$(this).toggleClass("ui-icon-minusthick");`	-
124	`$(objet.onglet).toggle();`	126	`objet.afficherCacherModule();`
125	`});`	127	`});`
126		128
127	`this.portlet = module;`	129	`this.portlet = module;`
128	`return module;`	130	`return module;`
129	`}`	131	`}`
130		132
131	`// creerOnglet`	133	`// creerOnglet`
132	`// Créer l'objet Onglet HTML`	134	`// Créer l'objet Onglet HTML`
133	`this.creerOnglet = function() {`	135	`this.creerOnglet = function() {`
134	`var objet = this;`	136	`var objet = this;`
135		137
136	`var a = $(onglet).find("a");`	138	`var a = $(onglet).find("a");`
137		139
138	`// Gestion du clic sur le lien`	140	`// Gestion du clic sur le lien`
139	`// Comme les liens sont mis en place par jqueryui tabs, il faut ajouter une surcouche pour`	141	`// Comme les liens sont mis en place par jqueryui tabs, il faut ajouter une surcouche pour`
140	`// déplacer vers la page du module`	142	`// déplacer vers la page du module`
141	`$(a).click(function() {`	143	`$(a).click(function() {`
142	`// TODO : Changer l'url par celle du module et enregistrer la configuration actuelle des onglets.`	144	`// TODO : Changer l'url par celle du module et enregistrer la configuration actuelle des onglets.`
143	`//$(location).attr('href',"http://www.google.fr");`	145	`//$(location).attr('href',"http://www.google.fr");`
144	`});`	146	`});`
145		147
146	`if (!statique) {`	148	`if (!statique) {`
147	`var span = document.createElement('span');`	149	`var span = document.createElement('span');`
148	`span.className = "ui-icon ui-icon-close";`	150	`span.className = "ui-icon ui-icon-close";`
149		151
150	`// Gestion de la fermeture de l'onglet`	152	`// Gestion de la fermeture de l'onglet`
151	`$(span).live( "click", function() {`	153	`$(span).live( "click", function() {`
152	`$(span).parent().toggle();`	154	`objet.afficherCacherModule();`
153	`$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");`	-
154	`$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");`	-
155	`$(objet.portlet).find(".contenu").toggle(false);`	-
156	`});`	155	`});`
157		156
158	`$(onglet).append(span);`	157	`$(onglet).append(span);`
159	`}`	158	`}`
160		159
161	`this.onglet = onglet;`	160	`this.onglet = onglet;`
162	`}`	161	`}`
163		162
164	`// Initialisation de l'objet`	163	`// Initialisation de l'objet`
165	`this.creerPortlet();`	164	`this.creerPortlet();`
166	`this.creerOnglet();`	165	`this.creerOnglet();`
167		166
168	`// Accesseurs de la classe`	167	`// Accesseurs de la classe`
169	`this.getOnglet = function() {`	168	`this.getOnglet = function() {`
170	`return this.onglet;`	169	`return this.onglet;`
171	`}`	170	`}`
172		171
173	`this.getPortlet = function() {`	172	`this.getPortlet = function() {`
174		173
175	`return this.portlet;`	174	`return this.portlet;`
176	`}`	175	`}`
177		176
178	`// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets`	177	`// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets`
179	`this.afficherCacherModule = function() {`	178	`this.afficherCacherModule = function() {`
180	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");`	179	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");`
181	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");`	180	`$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");`
182	`$(this.portlet).find(".contenu").toggle();`	181	`$(this.portlet).find(".contenu").toggle();`
-		182	`$(this.onglet).toggle();`
183	`}`	183	`}`
184		184
185	`}`	185	`}`
186		186
187	`function afficherMenuOnglets() {`	187	`function afficherCacherMenuOnglets() {`
188	`if($("#conteneurMenuOnglets").html() != '') {`	188	`if($("#conteneurMenuOnglets").html() != '') {`
189	`$("#conteneurMenuOnglets").html('');`	189	`$("#conteneurMenuOnglets").html('');`
190	`} else {`	190	`} else {`
191	`console.log(ongletsOuverts);`	191	`console.log(ongletsOuverts);`
192	`var htmlMenu = '<ul class="menuModules">';`	192	`var htmlMenu = '<ul class="menuModules">';`
193	`for (idOnglet in ongletsOuverts) {`	193	`for (idOnglet in ongletsOuverts) {`
-		194	`var classe = "elementMenuModules";`
-		195	`if($(idOnglet).is(':visible')) {`
-		196	`classe += " elementMenuModulesSelectionne";`
-		197	`}`
194	`htmlMenu += '<li class="elementMenuModules" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+ongletsOuverts[idOnglet].titre+'</li>';`	198	`htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+ongletsOuverts[idOnglet].titre+'</li>';`
195	`}`	199	`}`
196	`htmlMenu += '</ul>';`	200	`htmlMenu += '</ul>';`
197	`$("#conteneurMenuOnglets").html(htmlMenu);`	201	`$("#conteneurMenuOnglets").html(htmlMenu);`
198	`$("#conteneurMenuOnglets").toggle();`	202	`$("#conteneurMenuOnglets").toggle();`
199	`}`	203	`}`
200	`}`	204	`}`
201		205
202	`//Initialisation`	206	`//Initialisation`
203	`$(document).ready(function() {`	207	`$(document).ready(function() {`
204	`i = 1;`	208	`i = 1;`
205		209
206	`//Parcourir la totalité des modules générés et les lier grâce à la classe Module`	210	`//Parcourir la totalité des modules générés et les lier grâce à la classe Module`
207	`$(".module").each(function () {`	211	`$(".module").each(function () {`
208	`i++;`	212	`i++;`
209	`identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";`	213	`identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";`
210	`var module = new Module(i, this, $(identifiantOnglet));`	214	`var module = new Module(i, this, $(identifiantOnglet));`
211	`module.titre = $(this).children('h3').text();`	215	`module.titre = $(this).children('h3').text();`
212	`ongletsOuverts[identifiantOnglet] = module;`	216	`ongletsOuverts[identifiantOnglet] = module;`
213	`});`	217	`});`
214		218
215	`$( ".colonne" ).sortable({`	219	`$( ".colonne" ).sortable({`
216	`connectWith: ".colonne"`	220	`connectWith: ".colonne"`
217	`});`	221	`});`
218		222
219	`$( ".colonne" ).disableSelection();`	223	`$( ".colonne" ).disableSelection();`
220	`$('#zone_onglets').tabs();`	224	`$('#zone_onglets').tabs();`
221	`$("#ongletEtPlus").click(function() {`	225	`$("#ongletEtPlus").click(function() {`
222	`afficherMenuOnglets();`	226	`afficherCacherMenuOnglets();`
223	`});`	227	`});`
224		228
225	`$('.elementMenuModules').live('click', function() {`	229	`$('.elementMenuModules').live('click', function() {`
226	`var idOnglet = $(this).attr('rel');`	230	`var idOnglet = $(this).attr('rel');`
227	`var objet = ongletsOuverts[idOnglet];`	231	`var objet = ongletsOuverts[idOnglet];`
228	`$(idOnglet).toggle();`	232	`objet.afficherCacherModule();`
229	`$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");`	-
230	`$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");`	-
231	`$(objet.portlet).find(".contenu").toggle();`	233	`$(this).toggleClass("elementMenuModulesSelectionne");`
232	`})`	234	`})`
233	`});`	235	`});`
234	`</script>`	236	`</script>`

Subversion Repositories eFlore/Applications.eflore-consultation

(root)/trunk/modules/fiche/squelettes/fiche_accueil.tpl.html @ 213 – Rev 211 → 212