Une méthode conditionnelle existe-t-elle ? Serait-elle utile ? [Résolu]

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 !

14/02/2012, 20h02	#3
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonsoir $.Callbacks() est plus complexe à apprendre et à manipuler que ton astuce, mais il offre aussi beaucoup plus de possibilités. __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

14/02/2012, 22h38	#4
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 952 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 952 Points : 4 786 Points : 4 786	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
	10

15/02/2012, 03h29	#5
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	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. __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

15/02/2012, 11h26	#9
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 079 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 079 Points : 45 213 Points : 45 213	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/02/2012, 11h43	#11
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 786 Points : 35 786	Tout simplement parce que filter() n'accepte pas de booléen comme argument __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

15/02/2012, 11h52	#12
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 079 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 079 Points : 45 213 Points : 45 213	mais une fonction qui reteurne un boolean n'est pas un boolean au final ????? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/02/2012, 11h54	#13
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 786 Points : 35 786	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. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email