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

Version imprimable

14/02/2012, 13h59
SpaceFrog

Une méthode conditionnelle existe-t-elle ? Serait-elle utile ?
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:

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:

1 2 3 var bool=true; $('#obj').if(bool).show()
14/02/2012, 16h05
SpaceFrog
En fait j'ai trouvé un pansement avec filter()

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

1 2 3 4 5 6 bool=true $(function(){ $("#foo").filter(function(){return bool}).css('color','red') })
14/02/2012, 20h02
danielhagnoul

Bonsoir

$.Callbacks() est plus complexe à apprendre et à manipuler que ton astuce, mais il offre aussi beaucoup plus de possibilités.
14/02/2012, 22h38
NoSmoking

Bonsoir,
en restant plus trivial on peut utiliser cette notation

Code:

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

concernant $.Callbacks(), j'ai épuisé mon stock d'aspirine sur Construire et utiliser un plugin multitâches :mouarf:
15/02/2012, 03h29
danielhagnoul

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. :whistle:

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:

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:

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

et même

Code:

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

15/02/2012, 09h04
SpaceFrog
Code:

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

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

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
15/02/2012, 11h16
Bovino
Tiens, il me semble pourtant que c'est toi qui avait évoqué fut un temps une astuce :
Code:

1 2 var bool = true; bool && $('.bar').hide();
;)
15/02/2012, 11h26
SpaceFrog

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
15/02/2012, 11h31
SpaceFrog
du coup il me vient une interrogation sur la syntaxe

Vu que ceci fonctionne
Code:

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

Code:

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

alerte bien true ...

pourquoi ceci ne fonctionne pas ???
Code:

1 2 3 4 5 bool=true $(function(){ $(".bar").filter(bool).hide() })
15/02/2012, 11h43
Bovino

Tout simplement parce que filter() n'accepte pas de booléen comme argument :aie:
15/02/2012, 11h52
SpaceFrog

mais une fonction qui reteurne un boolean n'est pas un boolean au final ?????
15/02/2012, 11h54
Bovino

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.

Bon ! il veut une fonction ...
Code:

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 !