Boucler sur une suite d'input de même class [Résolu]

[arthuro45]

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"}); 
             }
          }

[SpaceFrog]

Au chargement de la page

ce qui se traduit comment dans ton code ?

[arthuro45]

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.

[SpaceFrog]

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

[arthuro45]

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"}); 
             }
          }
}

[SpaceFrog]

heu un id doit être unique sur la page
ça ne semble pas etre les cas ??? vu que tu boucles

[arthuro45]

.input_cmd est une classe, je pensais que tous les input pouvaient avoir le même ??

[SpaceFrog]

oui mais là

Code :

$("#validerCde").

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

[arthuro45]

Code :

$("#validerCde").

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

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

oui

[SpaceFrog]

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

[arthuro45]

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 ?

[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")
}

[arthuro45]

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();
...

[Arnaud F.]

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();
...

[arthuro45]

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.

[arthuro45]

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")
    });
}

[SpaceFrog]

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

[arthuro45]

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 :

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

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