Subversion Repositories Applications.reseau

Rev

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

Rev 22 Rev 23
Line 4... Line 4...
4 
 *
4 
 *
5 
 * Nécessite jQuery
 5 
 * Nécessite jQuery
6 
 *
6 
 *
7 
 * Utilisation :
 7 
 * Utilisation :
8 
 *	- prévoir un <div id="tb-navigation"> dans la page, qui accueillera la barre de navigation.
 8 
 *	- prévoir un <div id="tb-navigation"> dans la page, qui accueillera la barre de navigation.
9 
 *	- si ce <div> contient déjà quelque chose, son contenu sera reporté dans la zone <li id="contenu-source">
 9 
 *	- si ce <div> contient déjà quelque chose, son contenu sera reporté à la place de la zone ayant l'id "contenu-source"
10 
 *	  de la barre de navigation (si elle existe)
 10 
 *	  de la barre de navigation (si une telle zone existe)
11 
 *  - si ce <div> contient un attribut "data-courant" et si la valeur de cet attribut correspond à l'id d'un des éléments
 11 
 *  - si ce <div> contient un attribut "data-courant" et si la valeur de cet attribut correspond à l'id d'un des éléments
12 
 *    de navigation, alors cet élément aura la classe "active" (pour localiser la page courante dans les menus)
 12 
 *    de navigation, alors cet élément aura la classe "active" (pour localiser la page courante dans les menus)
13 
 *  - si ce <div> contient un attribut "data-squelette", alors le widget de navigation sera appelé avec le paramètre
 13 
 *  - si ce <div> contient un attribut "data-squelette", alors le widget de navigation sera appelé avec le paramètre
14 
 *    "?squelette=contenu-de-data-squelette"; se reporter à la documentation du widget:reseau:navigation
 14 
 *    "?squelette=contenu-de-data-squelette"; se reporter à la documentation du widget:reseau:navigation
15 
 */
 15 
 */
Line 18... Line 18...
18 
	var div = $('#tb-navigation');
 18 
	var div = $('#tb-navigation');
19 
	if (div) {
 19 
	if (div) {
20 
		var squelette = div.data('squelette'),
 20 
		var squelette = div.data('squelette'),
21 
			courant = div.data('courant'),
 21 
			courant = div.data('courant'),
22 
			contenu = div.html();
 22 
			contenu = div.html();
23 
		alert('Contenu actuel: ' + contenu);
 - 
 
24 
		alert('Courant: [' + courant + '], squelette: [' + squelette + ']');
 - 
 
Line 25... Line 23...
25 
 
 23 
 
26 
		// chargement de la barre
 24 
		// chargement de la barre
27 
		var url = 'http://www.tela-botanica.org/widget:reseau:navigation';
 25 
		var urlBarreNavigation = 'http://localhost/widget:reseau:navigation';
28 
		if (squelette) {
 26 
		if (squelette) {
29 
			url += '?squelette=' + squelette;
 27 
			urlBarreNavigation += '?squelette=' + squelette;
30 
		}
 28 
		}
31 
		htmlBarre = $.ajax({
 29 
		htmlBarre = $.ajax({
32 
			url: urlPortion,
 30 
			url: urlBarreNavigation,
33 
			type: 'get',
 31 
			type: 'get',
34 
			success: function(data) {
 32 
			success: function(data) {
35 
				div.html(data);
 33 
				div.html(data);
36 
				// activation de l'entrée de menu
 34 
				// activation de l'entrée de menu
Line 39... Line 37...
39 
					if (menuCourant) {
 37 
					if (menuCourant) {
40 
						menuCourant.addClass('active');
 38 
						menuCourant.addClass('active');
41 
					}
 39 
					}
42 
				}
 40 
				}
43 
				// remplacement de la zone contenu-source
 41 
				// remplacement de la zone contenu-source
44 
				var zoneSource = div.find('li#contenu-source');
 42 
				var zoneSource = div.find('#contenu-source');
45 
				if (zoneSource) {
 43 
				if (zoneSource) {
46 
					zoneSource.html(contenu);
 44 
					zoneSource.replaceWith(contenu);
47 
				}
 45 
				}
48 
			},
 46 
			},
49 
			error: function() {
 47 
			error: function() {
50 
				div.html('Erreur: impossible de charger la barre de navigation');
 48 
				div.html('Erreur: impossible de charger la barre de navigation');
51 
			}
 49 
			}
52 
		});
 50 
		});
53 
	} else {
 - 
 
54 
		alert('pas de div #tb-navigation');
 - 
 
55 
	}
 51 
	}
56 
});
 52 
});
57 

            53