Boucler sur une suite d'input de même class

Version imprimable

Bonjour,

J'ai une suite d'input dans une tableau html qui ont tous la même class : input_cmd.
Au chargement de la page je cherche à dire : Si parmi tous les input certains ont une valeur différente de null alors je montre un bouton et inversement.
J'ai tenté avec un each mais l'imbrication de mon code me semble douteuse.
J'ai l'impression de ne pas savoir tester les valeurs du tableau "tab".

Mon code test qui ne produit rien :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var tab=new Array(); var i = ""; $('.input_cmd').each(function(){ tab.push($(this).val()); }); for(var count=0; i<tab.length; i++) { if(tab!="") { $("#validerCde").css({"visibility": "visible"}); } else { $("#validerCde").css({"visibility": "hidden"}); } }

09/03/2011, 14h52
SpaceFrog

Citation:

Au chargement de la page

ce qui se traduit comment dans ton code ?
09/03/2011, 14h58
arthuro45

Citation:

ce qui se traduit comment dans ton code ?

Tu veux parler de l'événement déclencheur ?
Le problème se situe pour 2 actions, l'une au 1er chargement de la page et l'autre quand une requête Ajax est exécutée. Il faudrait que la fonction s'exécute à ces 2 moments.

ben mets ce script dans une fonction
appelle la une première fois sur le document ready :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function truc(){
var tab=new Array();
var i = "";
     $('.input_cmd').each(function(){
        tab.push($(this).val());
     });
         for(var count=0; i<tab.length; i++) {
             if(tab!="") { 
                              $("#validerCde").css({"visibility": "visible"}); 
             }
             else { 
                              $("#validerCde").css({"visibility": "hidden"}); 
             }
          }
}

Code:

1
2
3
4
$(function(){
 truc();
...
}

et ensuite dans ton success

Cette fonction te semble fonctionner ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function truc(){
var tab=new Array();
var i = "";
     $('.input_cmd').each(function(){
        tab.push($(this).val());
     });
         for(var count=0; i<tab.length; i++) {
             if(tab!="") { 
                              $("#validerCde").css({"visibility": "visible"}); 
             }
             else { 
                              $("#validerCde").css({"visibility": "hidden"}); 
             }
          }
}

09/03/2011, 15h37
SpaceFrog

heu un id doit être unique sur la page
ça ne semble pas etre les cas ??? vu que tu boucles
09/03/2011, 15h40
arthuro45

.input_cmd est une classe, je pensais que tous les input pouvaient avoir le même ??
09/03/2011, 15h51
SpaceFrog

oui mais là

Code:

$("#validerCde").

tu attribue le style toujours au même élément ?
09/03/2011, 15h55
arthuro45

Code:

$("#validerCde").

Ce bouton n'existe qu'une seule fois dans dans la page.

Citation:

tu attribue le style toujours au même élément ?

oui
09/03/2011, 16h03
SpaceFrog

? a quoi bon boucler pour modifier le style ????
09/03/2011, 16h05
arthuro45

Citation:

a quoi bon boucler pour modifier le style ????

Si je trouve un input avec une valeur je modifie le style.

Je chercher à boucler sur les input pas le bouton. Je m'y prend...mal :aie: ?
09/03/2011, 16h18
SpaceFrog
Oui mais là tu appliques le style à chaque fois, tu pourrais incrémenter une variable dans ta boucle et appliquer les style après une seule fois en dehors de la boucles ...

mais bon avec jquery pas besoin de boucle
avec la puissance des selecteurs il te suffit de recupérer la longueur d'une collection
Code:

1 2 3 function foo(){ alert(($('.input_cmd[value=""]').length!=$('.input_cmd').length)?"il y a au moins une valeur renseignée":"tous les champs sont vides") }

Citation:

avec la puissance des selecteurs il te suffit de recupérer la longueur d'une collection

Effectivement c'est plus simple qu'une boucle.
Le bouton est bien masqué au chargement de la page (tous les input sont vident), mais reste masqué quand je saisi une valeur dans un input, plus moyen de revoir le bouton.
Code:

1 2 3 4 5 6 7 8 function foo(){ $('.input_cmd[value=""]').length!=$('.input_cmd').length ?$("#validerCde").css({"visibility": "visible"}):$("#validerCde").css({"visibility": "hidden"}); } $("document").ready(function() { foo(); ...

Bonjour,

il faut rajouter la gestion du clic sur tes input_cmd pour voir ton ID masqué réapparaître, c'est tout ce qui manque ici.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function foo(){
    $("#validerCde").css({"visibility":     
        ($('.input_cmd[value=""]').length!=$('.input_cmd').length 
         ? "visible"
         : "hidden")
    });
}
 
$('.input_cmd').click(function() {
    $("#validerCde").css({"visibility": "visible"});
});
 
$("document").ready(function()  {
foo();
...

Citation:

il faut rajouter la gestion du clic sur tes input_cmd pour voir ton ID masqué réapparaître, c'est tout ce qui manque ici.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function foo(){ $("#validerCde").css({"visibility": ($('.input_cmd[value=""]').length!=$('.input_cmd').length ? "visible" : "hidden") }); } $("document").ready(function() { foo(); $('.input_cmd').keyup(function() { foo(); }) ...
J'ai adapté à mon besoin et ça fonctionne. Merci pour ton aide.

Je reviens rapidement sur cette fonction qui fonctionne sous ie6 mais pas sous ie8 ni firefox pour une raison inconnue :
Code:

1 2 3 4 5 6 7 function affMasqBtn(){ $("#validerCde").css({"visibility": ($('.input_cmd[value=""]').length!=$('.input_cmd').length ? "visible" : "hidden") }); }

11/03/2011, 08h46
SpaceFrog

le visibility est il initialisé avant au niveau de tes .input_cmd
11/03/2011, 08h51
arthuro45

Citation:

le visibility est il initialisé avant au niveau de tes .input_cmd

Oui

Code:

if($stockApresLivraison==0){ $disable = "style='visibility: hidden'"; } else { $disable = ''; }

Code:

<input type="text" '.$disable.' name="'.$row['ascart'].'-'.$row['asdese'].'" value="" class="input_cmd" />

Edit :

Citation:

le visibility est il initialisé avant au niveau de tes .input_cmd

En fait non, le css de .input_cmd ne contient pas visibility.