Passage variable fonction Javascript

Version imprimable

Bonjour,

Je cherche à passer une variable dans une fonction javascript qui est elle-même dans une autre fonction.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
$(function() {
    for (j=0;j<1000;j++) {
        $( "#dateDebutValidite_ajouterPage" + j ).datepicker({
            numberOfMonths: 2,
            dateFormat: "dd/mm/yy",
            showButtonPanel: true,
            onClose: function( selectedDate,j ) {     
 
                    $( "#dateFinValidite_ajouterPage" + j ).datepicker( "option", "minDate", selectedDate );  
 
            }
        });    
    }
});

Le problème est que la deuxieme fonction ne reconnait pas la variable j !!??

Qqun a-t-il une idée?

Merci,

02/12/2015, 15h49
Sebastien14

Bonjour,

Je crois que tu te compliques la vie pour rien. Pourquoi faire une boucle dans ce cas la ?
Tu peux simplement attribuer une classe et faire les modifications pour cette classe.
La tu boucles sur 1000 alors si tu n'as que deux éléments c'est une perte de temps.
02/12/2015, 16h08
arlemcities

En fait, j'utilise l'API de jQuery car je ne connais pas grand chose en Javascript!
Et quand tu me parle de classe, je suis perdu !!!

Peux-tu me donner plus d'explication?

Merci,
02/12/2015, 16h17
Sebastien14

et bien je te parle de classe css, tous tes éléments auraient la même classe class="taclasse"
et ensuite dans ton jquery tu fais $('.taclasse').datepicker.....
02/12/2015, 16h28
arlemcities

Si je mets la même classe, ça ne marchera pas ...

Je t'explique le contexte:
J'affiche un menu deroulant via une fonction récursive.
Toutes les rubriques du menu ont un datepicker.
C'est pour ça que j'incrémente mes datepickers.

Si je ne le fais pas, seul la toute première rubrique a un datepicker qui marche ...

Par exemple, rubrique1 a un datepicker1 ... rubrique 299 a un datepicker299 ... d'où la boucle dans la fonction javascript.
03/12/2015, 08h49
Sebastien14
Je crois que que tu ne maîtrise pas encore jquery, le sélecteur sur une classe ne sélectionne pas que le premier élément de la classe mais tout les éléments

Si j'ai
Code:

1 2 3 <div class="test" id="1">Test</div> <div class="test">Bonjour</div> <div class="test">ESSAI</div>
Et que j'ai dans le javascript

Code:

$('.test').hide();

Cela ne va pas cacher uniquement le premier div mais bien tout mes divs.
Pour ton datepicker cela doit être pareil.
04/12/2015, 16h16
arlemcities

Après 2 jours de tentatives, je nage beaucoup!

Je ne vois pas du tout comment faire!
04/12/2015, 16h37
arlemcities

Au final j'ai compris ... l'incrementation sur le datePicker ne servait à rien!!

Merci à vous,
04/12/2015, 16h41
arlemcities

Ah bah non ... si j'enleve l'incrementation, le datepicker n'apparait plus!!
08/12/2015, 12h11
Sebastien14

As tu adapté ton script correctement ? Tu pourrais le remettre avec les modifications que tu as apportées.

Oui, j'ai réussi !!!
J'ai du utiliser la librairie moment.js pour changer le format de la date du datepicker!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
$(function() {   
        $( ".dateDebutValidite_ajouterPage" ).datepicker({
            numberOfMonths: 2,
            dateFormat: "dd/mm/yy",
            showButtonPanel: true,
            onClose: function( selectedDate ) { 
                var minDate = moment(selectedDate, "DD/MM/YYYY").toDate();
                $(this).parent().next().find(".dateFinValidite_ajouterPage").datepicker("option", "minDate", minDate);                         
            }
        });
 
        $( ".dateFinValidite_ajouterPage" ).datepicker({
            numberOfMonths: 2,
            dateFormat: "dd/mm/yy",
            showButtonPanel: true,
            onClose: function( selectedDate ) {  
                var maxDate = moment(selectedDate, "DD/MM/YYYY").toDate();
                $(this).parent().prev().find(".dateDebutValidite_ajouterPage").datepicker("option", "maxDate", maxDate);                  
            }
        });  
});

08/12/2015, 12h29
Sebastien14

Pense à mettre le sujet en résolu.