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

Subversion Repositories eFlore/Applications.eflore-consultation

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