Discussion :

[Invité]

Bonjour,

Je viens d'intégrer un système qui me permet d'organiser les éléments de mon menu via drag and drop.
Vous trouverez la source sur ce site : Nestable Menu

Bien que cela fonctionne en l'état, je constat que dés l'ouverture de la page, le script de mise a jour s’exécute alors qu'aucune action n'a été faite.

Comment faire pour déclencher la fonction "updateOutput" uniquement lorsqu'un changement a été effectué ?

Merci de votre aide

[SpaceFrog]

sans voir ton code ....

Attend je passe une annonce vite fait

Developpez recherche voyants devin et autres extralucides
Mission:
Deviner les codes non postés afin de solutionner les posts des membres...
Salaire: Bénévolat

Là ! y'a plus qu'à attendre ...

[Invité]

Je pensais que le lien vers la source suffisant puisque que c'est la même chose.
Ceci dit voici le code qui je l’espère vous permettra de m'aider.

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
$(document).ready(function()
{
	/* The output is ment to update the nestableMenu-output textarea
	 * So this could probably be rewritten a bit to only run the menu_updatesort function onchange
	*/
 
	var updateOutput = function(e)
	{
		var list   = e.length ? e : $(e.target),
		output = list.data('output');
		if (window.JSON) {
			output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
			menu_updatesort(window.JSON.stringify(list.nestable('serialize')));
		} else {
			output.val('Attention : Le support JSON n\'est pas pris en charge.');
		}
	};
	// Active Nestable
	$('#nestableMenu').nestable().on('change', updateOutput);
	// Sortie initiales des données sérialisées.
	updateOutput($('#nestableMenu').data('output', $('#nestableMenu-output')));
	$('#nestable-menu').on('click', function(e)
	{
		var target = $(e.target),
		action = target.data('action');
		if (action === 'expand-all') {
			$('.dd').nestable('expandAll');
		}
		if (action === 'collapse-all') {
			$('.dd').nestable('collapseAll');
		}
	});
});

[SpaceFrog]

simple question de déroulement, tu es passé à coté de l'utilité de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	$(document).ready(function()

le ready se lance lorsque tous les éléments de la page sont instanciés
et DANS ton ready je vois :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// Sortie initiales des données sérialisées.
		updateOutput($('#nestableMenu').data('output', $('#nestableMenu-output')));

il semblerait que cette ligne fasse la mise a jour ?

[Invité]

en effet cela semble faire la mise à jour.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// Sortie initiales des données sérialisées.
updateOutput($('#nestableMenu').data('output', $('#nestableMenu-output')));

et ceci affiche dans une div le message provenant du fichier ou se trouve le script de mise à jour.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#nestableMenu-output')

Mais comment faire pour déclencher la mise a jour uniquement s'il y a modification.

Dsl, mais je ne suis pas très a laisse avec le JS et Jquery.

[SpaceFrog]

essaye juste de commenter la ligne ???