Bonjour,

J'ai récupéré une barre de menu en js pour l'adapter sur mon site. Elle fonctionne très bien mais je souhaite la modifier. J'ai commencé le js il y peut de temps et je n'arrive n'arrive pas encore à faire se que je veux

Actuellement, à l'état initial, le premier bouton de la barre (ex: accueil) est encadrer (ce qui correspond au blob.animate dans le code si j'ai bien compris).
Lorsque l'on parcours un autre bouton avec la souris, le cadre se déplace vers le bouton en question et si l'on clic dessus, la page php correspondante se charge.

Mais une fois la page php chargée, le cadre qui entourait le bouton sur lequel on vient de cliqué retourne par défaut sur le bouton 1 de ma barre.

Ce que je souhaite, c'est que le cadre reste sur la page courante consultée par l'utilisateur.

J'ai essayé de bidouiller le code suivant pendant des heures mais je n'y arrive pas. Merci à quiconque voudrait bien m'aider

voici le code de la fonction js :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
(function($) {
 
	$.fn.nav = function(options) {
 
		options = $.extend({
			overlap : 20,
			speed : 500,
			reset : 1500,
			color : '#0b2b61',
			easing : 'easeOutExpo'
		}, options);
 
		return this.each(function() {
 
		 	var nav = $(this),
		 		currentPageItem = $('#selected', nav),
		 		blob,
		 		reset;
 
		 	$('<li id="blob"></li>').css({
		 		width : currentPageItem.outerWidth(),
		 		height : currentPageItem.outerHeight() + options.overlap,
		 		left : currentPageItem.position().left,
		 		top : currentPageItem.position().top - options.overlap / 2,
		 		backgroundColor : options.color
		 	}).appendTo(this);
 
		 	blob = $('#blob', nav);
 
			$('li:not(#blob)', nav).hover(function() {
				// mouse over
				clearTimeout(reset);
				blob.animate(
					{
						left : $(this).position().left,
						width : $(this).width()
					},
					{
						duration : options.speed,
						easing : options.easing,
						queue : false
					}
				);
			}, function() {
				// mouse out	
				reset = setTimeout(function() {
					blob.animate({
						width : currentPageItem.outerWidth(),
						left : currentPageItem.position().left
					}, options.speed)
				}, options.reset);
 
			});
 
 
		}); // end each
 
	};
 
})(jQuery);