Une méthode conditionnelle existe-t-elle ? Serait-elle utile ?

**SpaceFrog** · 14/02/2012, 13h59

Existe-t-il une methode conditionnnelle qui sur un boolean appliquerait ou non les methodes ou propriétés suivantes.

Pour expliquer la chose:

Actuellement pour un affichage conditionnnel, je passe par:

Code :

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

1
2
3
4
5
 
var bool=true;
 
if(bool){ $('#obj').show()}
else{$('#obj').hide()}

Je me demandais si il n'existerait pas une methode du genre :

Code :

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

1
2
3
 
var bool=true;
$('#obj').if(bool).show()

**SpaceFrog** · 14/02/2012, 16h05

En fait j'ai trouvé un pansement avec filter()

en effet filter accepte en paramètre une fonction qui retourne un boolean

Code :

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

1
2
3
4
5
6
bool=true
 
$(function(){
	$("#foo").filter(function(){return bool}).css('color','red')
 
	})

**danielhagnoul** · 14/02/2012, 20h02

Bonsoir

$.Callbacks() est plus complexe à apprendre et à manipuler que ton astuce, mais il offre aussi beaucoup plus de possibilités.

**NoSmoking** · 14/02/2012, 22h38

Bonsoir,
en restant plus trivial on peut utiliser cette notation

Code :

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

$('obj')[(bool ? 'show' : 'hide')]();

concernant $.Callbacks(), j'ai épuisé mon stock d'aspirine sur Construire et utiliser un plugin multitâches

**danielhagnoul** · 15/02/2012, 03h29

C'est un "truc" utilisable, mais uniquement pour des méthodes ayant des signatures identiques.

Officiellement, je ne sais pas de quoi tu parles, mais prépare la boîte d'aspirines, car je vais rendre disponible le zip avec la dernière version des codes.

**SpaceFrog** · 15/02/2012, 08h41

NoS ça marche que pour les id ton truc ?
Enfin je veux dire sans utiliser le eq(i) puis-je utiliser l'indice de la collection ?
$('.bar')[i] ??

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
 
<script type="text/javascript">
bool=false
$(function(){
	$(".bar")[(bool ? 'show' : 'hide')]()
	})
  </script>
  </head>
  <body>
  <div style="width:100px; height:100px;"> 
  	<div id="foo1" class="bar">kjhkj</div>
  	<div id="foo2" class="bar">kjhkj</div>
  </div>
  </body>
</html>

[edit]
Oups boulette dans mon code. En fait c'est tout bon
ça marche :

Code :

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

$(".bar")[0][(bool ? 'show' : 'hide')]()

et même

Code :

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

$(".bar:eq(0)")[(bool ? 'show' : 'hide')]()

**SpaceFrog** · 15/02/2012, 09h04

Code :

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

$(".bar")[0][(bool ? 'show' : 'hide')]()

Cela fonctionne pour des "toggle" (fonction et son inverse)
Qu'en est il pour appliquer une fonction unique?

Code :

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

1
2
3
4
bool=true
$(function(){
	$(".bar")[ function(){if(bool){ return 'hide' }}() ]()
	})

Fonctionne logiquement pour bool=true...
Je ne vois pas quoi retourner afin que l'indexe vide retourné ne produise pas une erreur... Je suis d'ailleurs sur que ce n'est pas la bonne piste

**Bovino** · 15/02/2012, 11h16

Tiens, il me semble pourtant que c'est toi qui avait évoqué fut un temps une astuce :

Code :

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

1
2
var bool = true;
bool && $('.bar').hide();

**SpaceFrog** · 15/02/2012, 11h26

Pffffffffffffffffffff....

Tellement englouti dans les methodes Jquery que j'en oublie les basiques js ...

Merci pour ce rappel Beef.

La seule réserve que j'émettrais c'est que cela ne permet pas le chainage. J'étais enfermé dans une optique de chainage qui ne semblerait possible qu'avec filter() ou un semi remorque d'aspirine et $.callbacks

**SpaceFrog** · 15/02/2012, 11h31

du coup il me vient une interrogation sur la syntaxe

Vu que ceci fonctionne

Code :

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

1
2
3
4
bool=true
$(function(){
	$(".bar").filter(function(){return bool}).hide()
	})

et que

Code :

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

alert(function(){return bool}())

alerte bien true ...

pourquoi ceci ne fonctionne pas ???

Code :

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

1
2
3
4
5
 
bool=true
$(function(){
	$(".bar").filter(bool).hide()
	})

**Bovino** · 15/02/2012, 11h43

Tout simplement parce que filter() n'accepte pas de booléen comme argument

**SpaceFrog** · 15/02/2012, 11h52

mais une fonction qui reteurne un boolean n'est pas un boolean au final ?????

**Bovino** · 15/02/2012, 11h54

Non : l'argument est alors une fonction qui doit retourner un booléen pour déterminer si l'élément en cours doit être conservé dans la collection ou non.

**SpaceFrog** · 16/02/2012, 15h20

Bon ! il veut une fonction ...

Code :

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

1
2
3
4
5
6
bool=true;
 
function condition(){
return bool;}
 
$('div').filter(condition).css({"border-color":"red"})

là comme ça il en a une !

Une méthode conditionnelle existe-t-elle ? Serait-elle utile ?

jQuery

Discussions similaires

Partager

Partager