Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 211 | Rev 213 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 211 Rev 212
Line 41... Line 41...
41 
	}
 41 
	}
Line 42... Line 42...
42
42
43 
	.elementMenuModules:hover {
 43 
	.elementMenuModules:hover {
44 
		background-color: grey;
 44 
		background-color: grey;
- 
 
 45 
	}
- 
 
 46
- 
 
 47 
	.elementMenuModulesSelectionne {
- 
 
 48 
		background-color: #F6AF39;
- 
 
 49 
	}
45 
	}
 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}
Line 47... Line 52...
47 
</style>
 52 
</style>
48 
 
 53 
 
Line 116... Line 121...
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() {
 - 
 
121 
				$(contenu).toggle();
 - 
 
122 
				$(this).toggleClass("ui-icon-plusthick");
 - 
 
123 
				$(this).toggleClass("ui-icon-minusthick");
 125 
			$(lienToggle).click(function() {
124 
				$(objet.onglet).toggle();
 126 
				objet.afficherCacherModule();
Line 125... Line 127...
125 
			});
 127 
			});
126
128
127 
			this.portlet = module;
 129 
			this.portlet = module;
Line 147... Line 149...
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";
Line 149... Line 151...
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();
 - 
 
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);
 154 
					objet.afficherCacherModule();
Line 156... Line 155...
156 
				});
 155 
				});
157
156
Line 178... Line 177...
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 
		}
Line 184... Line 184...
184 
 
 184 
 
Line 185... Line 185...
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">';
- 
 
 193 
			for (idOnglet in ongletsOuverts) {
- 
 
 194 
				var classe = "elementMenuModules";
- 
 
 195 
				if($(idOnglet).is(':visible')) {
192 
			var htmlMenu = '<ul class="menuModules">';
 196 
					classe += " elementMenuModulesSelectionne";
193 
			for (idOnglet in ongletsOuverts) {
 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);
Line 217... Line 221...
217 
		});
 221 
		});
Line 218... Line 222...
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();
Line 223... Line 227...
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];
 - 
 
228 
			$(idOnglet).toggle();
 - 
 
229 
			$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
 231 
			var objet = ongletsOuverts[idOnglet];
230 
			$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
 232 
			objet.afficherCacherModule();
231 
			$(objet.portlet).find(".contenu").toggle();
 233 
			$(this).toggleClass("elementMenuModulesSelectionne");
232 
		})
 234 
		})
233 
	});
 235 
	});