Discussion :

[seb-65]

Bonjour,

Je voudrais pouvoir insérer un IF/ELSE pour ouvrir un menu différent suivant une condition.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$("#element").contextMenu({
	if ( mavar != 'test') {
		menu: 'menu1'
	} else {
		menu: 'menu2'
	}
	},
	function(el) {
 
	}
);

Le if n'est pas accepté dans la partie contextMenu({ },

Quelle est la bonne syntaxe ?

Merci

[SpaceFrog]

contextMenu est un plugin, ce n'est donc pas du "natif" jquery

il prend en paramètre un objet json ...

le but est de retourner une valeur differente poru un item du json
Toute la problématique se trouve dans le "retourner"

On pourrait imaginer une fonction anonyme

Code :

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

1
2
3
4
5
6
7
8
9
$("#element").contextMenu({ menu : function(){
	if ( mavar != 'test') { 	return: 'menu1'}
	else { return 'menu2'} 
	 },
	function(el) {
 
	}
     }
);

Mais c'est a mon avis moins lisible qu'un opérateur ternaire

Code :

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

1
2
3
4
5
$("#element").contextMenu({ menu: ( mavar != 'test')?'menu1':'menu2',
	function(el) {
 
	}
);

[seb-65]

Bonsoir SpaceFrog,

Merci pour ton aide !

Le premier exemple ne fonctionne pas, le second oui.

Je préfère partir sur l'exemple 1 car je peux être amener à rajouter un comparateur à l'intérieur de mavar.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
if ( mavar != 'test') {
	if (mavar2 == 'A') {
		return 'menu1'
	} else {
		return 'menu'
	}
} else {
	return: 'menuXXX'
}

Comment faire pour que ton exemple 1 fonctionne (celui-ci ne me retourne pas le menu contextuel, car j'ai l'impression qu'il ne rentre pas dans la function()) ??

Merci

[SpaceFrog]

Oui désolé petite erreur de syntaxe dans le premier code un : en trop et un } manquant

Code :

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

1
2
3
4
5
6
7
8
 
$("#element").contextMenu({ menu : function(){
	if ( mavar != 'test') { return 'menu1'}
	else { return 'menu2'} 
	 }},
	function(el) {
 
	});

Et pour des tests multiples autant utiliser un switch

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
 
$("#element").contextMenu({ menu : function(){
	ret='default';
        switch ( true ) {
            case (mavar== 'foo') :  ret= 'menu1';
                                    break;
 
            case (mavar== 'bar') :  ret= 'menu2';
                                    break;
 
                                    }                                        
	return ret;
        }}, 
	function(el) {
 
	}
     });