480 |
jpm |
1 |
//+----------------------------------------------------------------------------------------------------------+
|
|
|
2 |
// Onglets et Portlets
|
391 |
aurelien |
3 |
/**
|
|
|
4 |
* Les variables suivantes ont été ajoutée par php
|
|
|
5 |
*
|
|
|
6 |
* var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
|
|
|
7 |
* var urlEditionSectionWikiTpl : url pour éditer une section du wiki
|
|
|
8 |
* var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
|
|
|
9 |
* var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
|
|
|
10 |
*
|
|
|
11 |
*/
|
|
|
12 |
|
|
|
13 |
/**
|
|
|
14 |
* Variables globales du script
|
|
|
15 |
*/
|
227 |
delphine |
16 |
var modules = Array();
|
|
|
17 |
var tableauOnglets = Array();
|
233 |
aurelien |
18 |
var nbOngletsInvisibles = 0;
|
480 |
jpm |
19 |
var ongletSyntheseCharge = true;
|
|
|
20 |
|
227 |
delphine |
21 |
/** Classe Module
|
|
|
22 |
* Définit un module de type portlet
|
|
|
23 |
**/
|
|
|
24 |
function Module(id, module, onglet, statique) {
|
|
|
25 |
|
|
|
26 |
// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
|
|
|
27 |
this.id = id;
|
|
|
28 |
this.titre;
|
|
|
29 |
this.htmlResume;
|
|
|
30 |
this.statique = statique;
|
|
|
31 |
|
|
|
32 |
// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement
|
|
|
33 |
this.portlet = module;
|
|
|
34 |
this.onglet;
|
|
|
35 |
|
|
|
36 |
// creerPortlet
|
|
|
37 |
// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
|
|
|
38 |
this.creerPortlet = function() {
|
|
|
39 |
var objet = this;
|
|
|
40 |
|
|
|
41 |
var titre = $(module).children('.titre');
|
|
|
42 |
titre.className = 'titre ui-widget-header ui-corner-all';
|
|
|
43 |
titre.id = 'titre-' + this.id;
|
242 |
aurelien |
44 |
|
|
|
45 |
var lienTitre = $(module).children('.titre').children('a');
|
|
|
46 |
lienTitre.attr('href','#'+this.id);
|
|
|
47 |
lienTitre.click(function() {
|
480 |
jpm |
48 |
if (objet.onglet.is(':visible')) {
|
242 |
aurelien |
49 |
$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
|
|
|
50 |
}
|
|
|
51 |
return false;
|
|
|
52 |
});
|
|
|
53 |
lienTitre.hover(function() {
|
480 |
jpm |
54 |
if (!objet.ongletEstAffiche()) {
|
242 |
aurelien |
55 |
$(this).css({"color":"white"});
|
|
|
56 |
} else {
|
|
|
57 |
$(this).css({"color":"#E78F08"});
|
|
|
58 |
}
|
|
|
59 |
});
|
|
|
60 |
|
|
|
61 |
lienTitre.mouseout(function() {
|
|
|
62 |
$(this).css({"color":"white"});
|
|
|
63 |
});
|
227 |
delphine |
64 |
|
|
|
65 |
var contenu = $(module).children('.contenu');
|
|
|
66 |
contenu.id = 'contenu-' + this.id;
|
|
|
67 |
contenu.className ='contenu';
|
|
|
68 |
|
|
|
69 |
var lienToggle = document.createElement('span');
|
|
|
70 |
lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
|
|
|
71 |
$(titre).append(lienToggle);
|
|
|
72 |
$(lienToggle).click(function() {
|
|
|
73 |
objet.afficherCacherModule();
|
|
|
74 |
});
|
|
|
75 |
|
|
|
76 |
this.portlet = module;
|
|
|
77 |
return module;
|
242 |
aurelien |
78 |
}
|
|
|
79 |
|
|
|
80 |
this.ongletEstAffiche = function() {
|
|
|
81 |
return $(this.onglet.selector).is(':visible');
|
|
|
82 |
}
|
227 |
delphine |
83 |
|
242 |
aurelien |
84 |
// Crée l'objet Onglet HTML
|
227 |
delphine |
85 |
this.creerOnglet = function() {
|
|
|
86 |
var objet = this;
|
|
|
87 |
|
|
|
88 |
if (!statique) {
|
|
|
89 |
var span = document.createElement('span');
|
|
|
90 |
span.className = "ui-icon ui-icon-close";
|
|
|
91 |
|
|
|
92 |
// Gestion de la fermeture de l'onglet
|
|
|
93 |
$(span).live( "click", function() {
|
|
|
94 |
objet.afficherCacherModule();
|
|
|
95 |
redimensionnerOnglets();
|
|
|
96 |
});
|
|
|
97 |
$(onglet).append(span);
|
|
|
98 |
}
|
|
|
99 |
this.onglet = onglet;
|
|
|
100 |
}
|
|
|
101 |
|
|
|
102 |
// Initialisation de l'objet
|
|
|
103 |
this.creerPortlet();
|
|
|
104 |
this.creerOnglet();
|
|
|
105 |
|
|
|
106 |
// Accesseurs de la classe
|
|
|
107 |
this.getOnglet = function() {
|
|
|
108 |
return this.onglet;
|
|
|
109 |
}
|
|
|
110 |
|
|
|
111 |
this.getPortlet = function() {
|
|
|
112 |
return this.portlet;
|
|
|
113 |
}
|
|
|
114 |
|
|
|
115 |
// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
|
|
|
116 |
this.afficherCacherModule = function() {
|
|
|
117 |
$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
|
|
|
118 |
$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
|
510 |
gduche |
119 |
$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
|
227 |
delphine |
120 |
$(this.portlet).find(".contenu").toggle();
|
|
|
121 |
$(this.onglet).toggle();
|
|
|
122 |
|
|
|
123 |
redimensionnerOnglets();
|
|
|
124 |
}
|
|
|
125 |
}
|
|
|
126 |
|
|
|
127 |
function afficherCacherMenuOnglets() {
|
480 |
jpm |
128 |
if ($("#conteneurMenuOnglets").html() != '') {
|
227 |
delphine |
129 |
$("#conteneurMenuOnglets").html('');
|
|
|
130 |
$('#lienOngletEtPlus').text('+');
|
|
|
131 |
} else {
|
|
|
132 |
var htmlMenu = '<ul class="menuModules">';
|
233 |
aurelien |
133 |
nbOngletsInvisibles = 0;
|
227 |
delphine |
134 |
for (idOnglet in tableauOnglets) {
|
|
|
135 |
var classe = "elementMenuModules";
|
480 |
jpm |
136 |
if (!$(idOnglet).is(':visible')) {
|
233 |
aurelien |
137 |
nbOngletsInvisibles++;
|
|
|
138 |
htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
|
227 |
delphine |
139 |
}
|
|
|
140 |
}
|
|
|
141 |
htmlMenu += '</ul>';
|
233 |
aurelien |
142 |
|
|
|
143 |
if (nbOngletsInvisibles > 0) {
|
|
|
144 |
$("#conteneurMenuOnglets").html(htmlMenu);
|
|
|
145 |
$("#conteneurMenuOnglets").toggle();
|
|
|
146 |
$('#lienOngletEtPlus').text('-');
|
|
|
147 |
}
|
227 |
delphine |
148 |
}
|
|
|
149 |
}
|
243 |
aurelien |
150 |
|
|
|
151 |
function fermerMenuOnglets() {
|
|
|
152 |
$("#conteneurMenuOnglets").html('');
|
|
|
153 |
$('#lienOngletEtPlus').text('+');
|
|
|
154 |
}
|
227 |
delphine |
155 |
|
|
|
156 |
function redimensionnerOnglets() {
|
|
|
157 |
// 570 px au max
|
233 |
aurelien |
158 |
// 18 px largeur croix
|
|
|
159 |
// 18 px largeur texte
|
|
|
160 |
// 36 px largeur totale
|
277 |
aurelien |
161 |
// 25 px largeur et +
|
227 |
delphine |
162 |
var liensVisibles = $('#zone_onglets > ul > li:visible > a');
|
|
|
163 |
var longueurLiens = 0;
|
|
|
164 |
liensVisibles.each(function() {
|
|
|
165 |
longueurLiens += $(this).width();
|
|
|
166 |
});
|
|
|
167 |
var nbOnglets = $('#zone_onglets > ul > li:visible').length;
|
591 |
gduche |
168 |
var longueurMax = 750 - (nbOnglets * 36);
|
480 |
jpm |
169 |
if (longueurLiens >= longueurMax || nbOnglets > 5) {
|
227 |
delphine |
170 |
$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
|
|
|
171 |
} else {
|
|
|
172 |
$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");
|
|
|
173 |
}
|
|
|
174 |
}
|
231 |
aurelien |
175 |
|
|
|
176 |
function selectionnerOngletSynthese() {
|
|
|
177 |
// Suppression des classes css qui mettent en surbrillance l'onglet actif
|
|
|
178 |
$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
|
|
|
179 |
$('#zone_onglets > ul > li').removeClass('ui-state-active');
|
227 |
delphine |
180 |
|
231 |
aurelien |
181 |
// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
|
|
|
182 |
$('#onglet_synthese').addClass('ui-tabs-selected');
|
|
|
183 |
$('#onglet_synthese').addClass('ui-state-active');
|
236 |
aurelien |
184 |
|
|
|
185 |
// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné
|
|
|
186 |
// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets
|
|
|
187 |
synchroniserOngletsOuvertsEtBlocs();
|
231 |
aurelien |
188 |
}
|
|
|
189 |
|
236 |
aurelien |
190 |
function synchroniserOngletsOuvertsEtBlocs() {
|
480 |
jpm |
191 |
for (indice in tableauOnglets) {
|
236 |
aurelien |
192 |
var ongletEnCours = tableauOnglets[indice];
|
480 |
jpm |
193 |
if (ongletEnCours.onglet != null) {
|
277 |
aurelien |
194 |
var ongletVisible = ongletEnCours.onglet.is(':visible');
|
|
|
195 |
$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
|
|
|
196 |
}
|
236 |
aurelien |
197 |
}
|
|
|
198 |
}
|
|
|
199 |
|
231 |
aurelien |
200 |
function deselectionnerOngletSynthese() {
|
|
|
201 |
// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
|
|
|
202 |
$('#onglet_synthese').removeClass('ui-tabs-selected');
|
|
|
203 |
$('#onglet_synthese').removeClass('ui-state-active');
|
|
|
204 |
}
|
233 |
aurelien |
205 |
|
480 |
jpm |
206 |
function getUrlVars() {
|
242 |
aurelien |
207 |
var vars = [], hash;
|
|
|
208 |
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
|
480 |
jpm |
209 |
for (var i = 0; i < hashes.length; i++) {
|
242 |
aurelien |
210 |
hash = hashes[i].split('=');
|
|
|
211 |
vars.push(hash[0]);
|
|
|
212 |
vars[hash[0]] = hash[1];
|
|
|
213 |
}
|
|
|
214 |
return vars;
|
|
|
215 |
}
|
|
|
216 |
|
233 |
aurelien |
217 |
function selectionnerOngletParDefautOuEnregistre() {
|
242 |
aurelien |
218 |
// Si un onglet est précisé dans l'url
|
|
|
219 |
// Récupération de l'adresse de l'onglet sélectionné
|
|
|
220 |
var urlVars = getUrlVars();
|
480 |
jpm |
221 |
if (urlVars['onglet'] == undefined) {
|
242 |
aurelien |
222 |
// Si pas d'onglet enregistré, selection du premier par défaut
|
|
|
223 |
// Si c'est l'onglet fiche, on le sélectionne artificiellement
|
|
|
224 |
selectionnerOngletSynthese();
|
|
|
225 |
$('.ui-tabs-panel').hide();
|
|
|
226 |
$('#synthese').show();
|
|
|
227 |
} else {
|
|
|
228 |
ongletSyntheseCharge = false;
|
|
|
229 |
}
|
334 |
aurelien |
230 |
var cookieOnglet = obtenirOngletCookiePourPage();
|
308 |
aurelien |
231 |
|
|
|
232 |
// On réouvre le dernier onglet consulté, à voir si on garde ça en prod, en tout cas c'est
|
|
|
233 |
// pratique pendant le développement
|
480 |
jpm |
234 |
if (cookieOnglet && cookieOnglet != 'ui-tabs-1') {
|
334 |
aurelien |
235 |
$('#zone_onglets').tabs("select", '#'+cookieOnglet);
|
308 |
aurelien |
236 |
} else {
|
|
|
237 |
selectionnerOngletSynthese();
|
|
|
238 |
$('.ui-tabs-panel').hide();
|
|
|
239 |
$('#synthese').show();
|
|
|
240 |
}
|
233 |
aurelien |
241 |
}
|
242 |
aurelien |
242 |
|
|
|
243 |
function afficherOngletsPourNiveau() {
|
|
|
244 |
/* affiche les onglets par default selon niveau*/
|
480 |
jpm |
245 |
for (indice in tableauOnglets) {
|
242 |
aurelien |
246 |
var ongletEnCours = tableauOnglets[indice];
|
277 |
aurelien |
247 |
titre_onglet = ongletEnCours.titre;
|
|
|
248 |
titre_onglet = $.trim(titre_onglet);
|
|
|
249 |
if (!Array.indexOf) {
|
|
|
250 |
Array.prototype.indexOf = function (obj, start) {
|
|
|
251 |
for (var i = (start || 0); i < this.length; i++) {
|
|
|
252 |
if (this[i] == obj) {
|
|
|
253 |
return i;
|
|
|
254 |
}
|
|
|
255 |
}
|
|
|
256 |
return -1;
|
|
|
257 |
}
|
|
|
258 |
}
|
|
|
259 |
if (ongletsDefaut.indexOf(titre_onglet) == -1) {
|
242 |
aurelien |
260 |
ongletEnCours.afficherCacherModule();
|
|
|
261 |
nbOngletsInvisibles++;
|
|
|
262 |
}
|
|
|
263 |
}
|
|
|
264 |
}
|
|
|
265 |
|
|
|
266 |
function surSelectionOnglet(event,ui) {
|
|
|
267 |
// Récupération de l'adresse de l'onglet sélectionné
|
|
|
268 |
var url = ui.tab.href;
|
|
|
269 |
// le fragment suivant le # dans l'url contient l'id de l'onglet
|
|
|
270 |
var fragmentsAncre = url.split('#');
|
317 |
aurelien |
271 |
fancyboxinitialise = false;
|
231 |
aurelien |
272 |
|
242 |
aurelien |
273 |
if (fragmentsAncre.length > 0) {
|
|
|
274 |
var ancre = fragmentsAncre[fragmentsAncre.length - 1];
|
|
|
275 |
// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
|
|
|
276 |
// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
|
|
|
277 |
if (ancre != 'etPlus') {
|
|
|
278 |
// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
|
|
|
279 |
// chargera son contenu dans l'espace approprié
|
|
|
280 |
if (ancre != 'ui-tabs-1') {
|
315 |
aurelien |
281 |
var panel = $(ui.panel);
|
|
|
282 |
if (panel.is(":empty")) {
|
|
|
283 |
panel.append("<div class='tab-chargement'>Chargement des informations...</div>")
|
|
|
284 |
}
|
|
|
285 |
|
242 |
aurelien |
286 |
deselectionnerOngletSynthese();
|
|
|
287 |
$('.ui-tabs-panel').show();
|
|
|
288 |
$('#zone_contenu_fiche').hide();
|
356 |
gduche |
289 |
|
334 |
aurelien |
290 |
enregistrerOngletCookiePourPage(ancre);
|
242 |
aurelien |
291 |
} else {
|
480 |
jpm |
292 |
if (ongletSyntheseCharge) {
|
242 |
aurelien |
293 |
// Si c'est l'onglet fiche, on le sélectionne artificiellement
|
|
|
294 |
selectionnerOngletSynthese();
|
|
|
295 |
$('.ui-tabs-panel').hide();
|
|
|
296 |
$('#zone_contenu_fiche').show();
|
334 |
aurelien |
297 |
|
|
|
298 |
enregistrerOngletCookiePourPage(ancre);
|
242 |
aurelien |
299 |
return false;
|
|
|
300 |
} else {
|
|
|
301 |
window.location = url;
|
|
|
302 |
}
|
|
|
303 |
}
|
|
|
304 |
}
|
|
|
305 |
}
|
|
|
306 |
return true;
|
|
|
307 |
}
|
|
|
308 |
|
334 |
aurelien |
309 |
function obtenirOngletCookiePourPage() {
|
|
|
310 |
var urlVars = getUrlVars();
|
|
|
311 |
var id_cookie = 'onglet_eflore';
|
480 |
jpm |
312 |
if (urlVars['num_nom']) {
|
334 |
aurelien |
313 |
id_cookie += '_'+urlVars['num_nom'];
|
480 |
jpm |
314 |
}
|
334 |
aurelien |
315 |
return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
|
|
|
316 |
}
|
|
|
317 |
|
|
|
318 |
function enregistrerOngletCookiePourPage(valeur) {
|
|
|
319 |
var urlVars = getUrlVars();
|
|
|
320 |
var id_cookie = 'onglet_eflore';
|
|
|
321 |
if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
|
|
|
322 |
id_cookie += '_'+urlVars['num_nom'];
|
|
|
323 |
}
|
|
|
324 |
$.cookie(id_cookie, valeur);
|
|
|
325 |
}
|
|
|
326 |
|
242 |
aurelien |
327 |
function lierModulesEtOnglets() {
|
|
|
328 |
var i = 1;
|
227 |
delphine |
329 |
|
|
|
330 |
//Parcourir la totalité des modules générés et les lier grâce à la classe Module
|
|
|
331 |
$(".module").each(function () {
|
|
|
332 |
i++;
|
|
|
333 |
identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
|
|
|
334 |
var module = new Module(i, this, $(identifiantOnglet));
|
242 |
aurelien |
335 |
var titre = $(this).children('h3').text();
|
|
|
336 |
module.titre = titre;
|
|
|
337 |
|
227 |
delphine |
338 |
tableauOnglets[identifiantOnglet] = module;
|
|
|
339 |
});
|
230 |
delphine |
340 |
$(".lien-onglet").each(function() {
|
506 |
jpm |
341 |
var urlOnglet = $(this).attr('href');
|
|
|
342 |
urlOnglet = urlOnglet.replace(/index\.php/, "service.php");
|
|
|
343 |
urlOnglet = urlOnglet.replace('action=fiche','action=onglet');
|
|
|
344 |
$(this).attr('href', urlOnglet);
|
238 |
delphine |
345 |
});
|
242 |
aurelien |
346 |
}
|
227 |
delphine |
347 |
|
242 |
aurelien |
348 |
function creerMenuOngletsFermes() {
|
227 |
delphine |
349 |
$("#ongletEtPlus").click(function() {
|
|
|
350 |
afficherCacherMenuOnglets();
|
|
|
351 |
});
|
243 |
aurelien |
352 |
|
242 |
aurelien |
353 |
$('.elementMenuModules').live('click', function() {
|
227 |
delphine |
354 |
var idOnglet = $(this).attr('rel');
|
|
|
355 |
var objet = tableauOnglets[idOnglet];
|
|
|
356 |
objet.afficherCacherModule();
|
|
|
357 |
$(this).toggleClass("elementMenuModulesSelectionne");
|
233 |
aurelien |
358 |
|
|
|
359 |
// suppression de l'item correspondant dans le menu
|
|
|
360 |
$(this).remove();
|
|
|
361 |
nbOngletsInvisibles --;
|
|
|
362 |
// si tous les onglets sont affichés alors on cache le menu
|
480 |
jpm |
363 |
if (nbOngletsInvisibles == 0) {
|
233 |
aurelien |
364 |
afficherCacherMenuOnglets();
|
|
|
365 |
}
|
396 |
aurelien |
366 |
|
|
|
367 |
// enfin, on selectionne l'onglet sur lequel on a cliqué
|
|
|
368 |
$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
|
227 |
delphine |
369 |
});
|
243 |
aurelien |
370 |
|
|
|
371 |
$('#conteneurMenuOnglets').live("mouseleave", function() {
|
|
|
372 |
fermerMenuOnglets();
|
|
|
373 |
});
|
242 |
aurelien |
374 |
}
|
|
|
375 |
|
|
|
376 |
function ajouterTitreSurvolOnglets() {
|
228 |
delphine |
377 |
/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
|
227 |
delphine |
378 |
$('.lien-onglet').parent().each(function() {
|
|
|
379 |
$(this).attr("title",$(this).children("a").text());
|
|
|
380 |
});
|
242 |
aurelien |
381 |
}
|
317 |
aurelien |
382 |
|
410 |
aurelien |
383 |
function gererLiensOuvertureOnglets() {
|
|
|
384 |
// chaque lien avec cette classe dans un bloc provoque l'ouverture de l'onglet
|
|
|
385 |
// auquel le bloc est associé
|
|
|
386 |
$('.lien_ouverture_onglet_parent').live('click', function(event) {
|
|
|
387 |
event.preventDefault();
|
|
|
388 |
var parent = $(this).parent();
|
|
|
389 |
// attention aux majuscules obligatoires dans la comparaison avec BODY
|
480 |
jpm |
390 |
while (!parent.hasClass('module') && parent.get(0).tagName != 'BODY') {
|
410 |
aurelien |
391 |
var parent = parent.parent();
|
|
|
392 |
}
|
|
|
393 |
|
480 |
jpm |
394 |
if (parent.get(0).tagName != 'BODY') {
|
410 |
aurelien |
395 |
parent.find('.lien-onglet-synthese').click();
|
|
|
396 |
}
|
|
|
397 |
});
|
|
|
398 |
}
|
|
|
399 |
|
480 |
jpm |
400 |
//+----------------------------------------------------------------------------------------------------------+
|
|
|
401 |
// Wikini Flora
|
|
|
402 |
var htmlWikiOriginal = '';
|
|
|
403 |
var objetContenuWiki = null;
|
|
|
404 |
|
391 |
aurelien |
405 |
function getTemplateFormulaireEditionWiki(page, section, texte) {
|
|
|
406 |
var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
|
|
|
407 |
var formulaire =
|
|
|
408 |
'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
|
|
|
409 |
'<div>'+
|
|
|
410 |
'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
|
|
|
411 |
'</div>'+
|
|
|
412 |
'<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
|
|
|
413 |
'<input type="submit" text="sauver" />'+
|
|
|
414 |
'<input class="bouton_annuler_edition" type="button" value="annuler" />';
|
|
|
415 |
'</form>';
|
|
|
416 |
return formulaire;
|
|
|
417 |
}
|
|
|
418 |
|
|
|
419 |
function getSection() {
|
407 |
aurelien |
420 |
return objetContenuWiki.attr("title");
|
391 |
aurelien |
421 |
}
|
|
|
422 |
|
|
|
423 |
function getPageWikiTaxon() {
|
|
|
424 |
return pageWikiTaxon;
|
|
|
425 |
}
|
|
|
426 |
|
|
|
427 |
function getUrlEditionPourPageEtSection(page, section) {
|
|
|
428 |
return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
|
|
|
429 |
}
|
|
|
430 |
|
|
|
431 |
function getUrlTextePourPageSectionBrute(page, section) {
|
|
|
432 |
return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
|
|
|
433 |
}
|
|
|
434 |
|
|
|
435 |
function getUrlTextePourPageSectionFormatee(page, section) {
|
|
|
436 |
return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
|
|
|
437 |
}
|
|
|
438 |
|
|
|
439 |
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
|
407 |
aurelien |
440 |
objetContenuWiki = objet_contenu;
|
453 |
aurelien |
441 |
var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
|
391 |
aurelien |
442 |
htmlWikiOriginal = objet_contenu.html();
|
|
|
443 |
$.getJSON(adresse, function(data) {
|
407 |
aurelien |
444 |
objetContenuWiki.html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
|
391 |
aurelien |
445 |
});
|
|
|
446 |
}
|
|
|
447 |
|
|
|
448 |
function gererEvenementsWiki() {
|
400 |
aurelien |
449 |
//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
|
|
|
450 |
$('.contenu_editable').live('dblclick',function(event) {
|
|
|
451 |
remplacerContenuWikiParFormulaireEdition($(this).children('.editable_sur_clic'));
|
391 |
aurelien |
452 |
});
|
|
|
453 |
|
|
|
454 |
$('#formulaire_edition_wiki').live('submit',function(event) {
|
|
|
455 |
event.preventDefault();
|
|
|
456 |
var valeurs = $(this).serialize();
|
|
|
457 |
$.post($(this).attr('action'), valeurs, function(data) {
|
|
|
458 |
var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
|
|
|
459 |
$.getJSON(adresse, function(data) {
|
407 |
aurelien |
460 |
objetContenuWiki.html(data.texte);
|
391 |
aurelien |
461 |
});
|
|
|
462 |
});
|
|
|
463 |
});
|
|
|
464 |
|
|
|
465 |
$('.bouton_annuler_edition').live('click', function(event) {
|
|
|
466 |
event.preventDefault();
|
407 |
aurelien |
467 |
objetContenuWiki.html(htmlWikiOriginal);
|
391 |
aurelien |
468 |
});
|
638 |
aurelien |
469 |
|
|
|
470 |
rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
|
391 |
aurelien |
471 |
}
|
|
|
472 |
|
480 |
jpm |
473 |
//+----------------------------------------------------------------------------------------------------------+
|
638 |
aurelien |
474 |
//Affichage dans une nouvelle fenetre
|
|
|
475 |
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
|
|
|
476 |
$(selecteur).find('a').live('click', function(event) {
|
|
|
477 |
window.open($(this).attr('href'));
|
|
|
478 |
event.preventDefault();
|
|
|
479 |
return false;
|
|
|
480 |
});
|
|
|
481 |
}
|
|
|
482 |
|
|
|
483 |
//+----------------------------------------------------------------------------------------------------------+
|
480 |
jpm |
484 |
// Plier / déplier
|
474 |
aurelien |
485 |
function plierTout() {
|
|
|
486 |
$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
|
|
|
487 |
$('.plus').css('display', 'none');
|
|
|
488 |
}
|
|
|
489 |
|
|
|
490 |
function deplierTout() {
|
|
|
491 |
$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
|
|
|
492 |
$('.plus').css('display', 'inline');
|
|
|
493 |
}
|
|
|
494 |
|
|
|
495 |
function gestionBiblio(parent) {
|
|
|
496 |
parent.children('.nom').each(function () {
|
|
|
497 |
html = $(this).html();
|
|
|
498 |
posCrochetGauche = html.indexOf('[');
|
|
|
499 |
if (posCrochetGauche > 0) {
|
|
|
500 |
nom = html.substr(0, posCrochetGauche);
|
|
|
501 |
biblio = html.substr(posCrochetGauche, html.length);
|
|
|
502 |
$(this).html(nom);
|
|
|
503 |
|
|
|
504 |
imagettePlus = document.createElement('div');
|
|
|
505 |
$(imagettePlus).addClass('imagettePlus');
|
|
|
506 |
$(this).prepend($(imagettePlus));
|
|
|
507 |
|
|
|
508 |
plus = document.createElement('span');
|
|
|
509 |
$(plus).addClass('plus');
|
|
|
510 |
$(plus).html(biblio);
|
|
|
511 |
$(plus).hide();
|
|
|
512 |
|
|
|
513 |
$(this).click(function() {
|
|
|
514 |
if (!$(this).children('.plus').is(':visible')) {
|
|
|
515 |
$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
|
|
|
516 |
$(this).children('.plus').css('display', 'inline');
|
|
|
517 |
} else {
|
|
|
518 |
$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
|
|
|
519 |
$(this).children('.plus').css('display', 'none');
|
|
|
520 |
}
|
|
|
521 |
});
|
|
|
522 |
$(this).append($(plus));
|
|
|
523 |
}
|
|
|
524 |
});
|
|
|
525 |
}
|
|
|
526 |
|
|
|
527 |
function gererEvenementsPliage() {
|
|
|
528 |
$('.lien_tout_deplier').live('click', function() {
|
|
|
529 |
deplierTout();
|
|
|
530 |
});
|
|
|
531 |
$('.lien_tout_plier').live('click', function() {
|
|
|
532 |
plierTout();
|
|
|
533 |
});
|
|
|
534 |
gestionBiblio(document);
|
|
|
535 |
}
|
|
|
536 |
|
480 |
jpm |
537 |
//+----------------------------------------------------------------------------------------------------------+
|
626 |
mathilde |
538 |
// ancienne fonction CEL
|
480 |
jpm |
539 |
function ouvrirPopUpImgCel(event) {
|
|
|
540 |
event.preventDefault();
|
|
|
541 |
window.open($(this).attr('href'), "Photo "+$(this).children("img").attr("alt"),
|
626 |
mathilde |
542 |
'height= 750, width= 630, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=yes, status=no');
|
480 |
jpm |
543 |
}
|
|
|
544 |
|
626 |
mathilde |
545 |
|
|
|
546 |
//Pop Up images
|
|
|
547 |
function ouvrirPopUpImg(event) {
|
|
|
548 |
event.preventDefault();
|
|
|
549 |
window.open($(this).attr('href'),"Photo "+$(this).children("img").attr("alt"),
|
|
|
550 |
'height='+ event.data.h +', width='+ event.data.w +', top='+ event.data.t +', left='+ event.data.l
|
|
|
551 |
+', toolbar='+ event.data.toolbar +', menubar='+ event.data.menubar +', location='
|
|
|
552 |
+ event.data.location +', resizable='+ event.data.resizable +', scrollbars='+ event.data.scrollbars
|
|
|
553 |
+', status='+ event.data.status );
|
|
|
554 |
}
|
|
|
555 |
|
480 |
jpm |
556 |
//+----------------------------------------------------------------------------------------------------------+
|
761 |
aurelien |
557 |
// Message de chargement pour les graphique écologie
|
|
|
558 |
function gererChargementGraphiqueEcologie() {
|
|
|
559 |
$('.ecologie_svg').addClass('chargement');
|
|
|
560 |
}
|
|
|
561 |
//+----------------------------------------------------------------------------------------------------------+
|
480 |
jpm |
562 |
// Initialisation
|
317 |
aurelien |
563 |
var fancyboxinitialise = false;
|
626 |
mathilde |
564 |
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100,
|
|
|
565 |
toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
|
317 |
aurelien |
566 |
|
626 |
mathilde |
567 |
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100,
|
|
|
568 |
toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
|
|
|
569 |
|
242 |
aurelien |
570 |
//Initialisation
|
|
|
571 |
$(document).ready(function() {
|
|
|
572 |
lierModulesEtOnglets();
|
|
|
573 |
|
357 |
gduche |
574 |
$('#ongletEtPlus').show();
|
|
|
575 |
|
242 |
aurelien |
576 |
/* mouvement des blocs */
|
506 |
jpm |
577 |
$(".colonne").sortable({
|
242 |
aurelien |
578 |
connectWith: ".colonne",
|
|
|
579 |
handle: $(".module").children('h3') // mouvement seulement sur les titres
|
|
|
580 |
});
|
|
|
581 |
|
506 |
jpm |
582 |
$(".colonne").disableSelection();
|
242 |
aurelien |
583 |
|
|
|
584 |
$('#zone_onglets').tabs({
|
|
|
585 |
add: function(event, ui) {
|
|
|
586 |
redimensionnerOnglets();
|
|
|
587 |
},
|
|
|
588 |
remove: function(event, ui) {
|
|
|
589 |
redimensionnerOnglets();
|
|
|
590 |
},
|
|
|
591 |
select: function(event, ui) {
|
|
|
592 |
return surSelectionOnglet(event,ui)
|
|
|
593 |
}
|
|
|
594 |
});
|
356 |
gduche |
595 |
// TODO : devrait être .on() à la place de live()
|
277 |
aurelien |
596 |
$('.lien_popup').live('click',function(event) {
|
|
|
597 |
event.preventDefault();
|
|
|
598 |
$.fancybox(this,{
|
|
|
599 |
autoDimensions:false,
|
321 |
aurelien |
600 |
width:580
|
277 |
aurelien |
601 |
});
|
|
|
602 |
});
|
|
|
603 |
|
626 |
mathilde |
604 |
$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
|
|
|
605 |
$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
|
|
|
606 |
|
242 |
aurelien |
607 |
creerMenuOngletsFermes();
|
|
|
608 |
afficherOngletsPourNiveau();
|
|
|
609 |
ajouterTitreSurvolOnglets();
|
227 |
delphine |
610 |
redimensionnerOnglets();
|
233 |
aurelien |
611 |
selectionnerOngletParDefautOuEnregistre();
|
356 |
gduche |
612 |
|
|
|
613 |
$('.ui-icon-close').click(function() {
|
|
|
614 |
estOngletActif = $(this).parent().hasClass('ui-state-active');
|
|
|
615 |
if (estOngletActif) {
|
|
|
616 |
//L'onglet que l'on veut fermet est celui qui est ouvert, on va donc le masquer et afficher celui d'accueil
|
|
|
617 |
$("#zone_onglets").tabs('select', 0);
|
|
|
618 |
}
|
|
|
619 |
});
|
391 |
aurelien |
620 |
|
410 |
aurelien |
621 |
gererLiensOuvertureOnglets();
|
391 |
aurelien |
622 |
gererEvenementsWiki();
|
474 |
aurelien |
623 |
gererEvenementsPliage();
|
324 |
gduche |
624 |
});
|
|
|
625 |
|
|
|
626 |
$(document).ajaxStop(function() {
|
761 |
aurelien |
627 |
gererChargementGraphiqueEcologie();
|
324 |
gduche |
628 |
if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
|
480 |
jpm |
629 |
$('.svg').each(function() {
|
|
|
630 |
alt = $(this).attr('alt');
|
|
|
631 |
img = document.createElement('img');
|
|
|
632 |
img.src = alt;
|
|
|
633 |
$(this).replaceWith(img);
|
|
|
634 |
});
|
324 |
gduche |
635 |
}
|
227 |
delphine |
636 |
});
|