Discussion :

[dubitoph]

Bonjour,

Ce code n'est pas appelé lorsque les éléments en question perdent le focus :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$([document]).on( 'blur', 'input.periodSeason',function(event) {
...
}

Or, lorsque je l'écris comme ceci, la fonction est bien appelée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$( ".periodSeason" ).blur(function() {
...
}

Du fait que certains de ces contrôles peuvent être construits via du javascript, je dois utiliser la première façon de faire.

Quelqu'un aurait une idée sur la manière dont il faut procéder?

Merci d'avance pour votre aide.

[Toufik83]

Salut,
remplace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$([document])

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(document)

[dubitoph]

Merci beaucoup pour ton aide.

Malheureusement, en faisant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(document).on( 'blur', 'input.periodSeason',function(event) {

, ça ne fonctionne pas non plus

[Toufik83]

il n'y a aucune raison pour que cela ne fonctionne pas, a moins que 'input.periodSeason' n'existe pas dans ta page.

tu mets bien ton code dans un $(document).ready() ?

[dubitoph]

Je viens de l'ajouter et ça donne donc ceci :

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
16
17
18
19
20
21
22
23
24
25
 
 
 
$(document).ready(function() {
    $(document).on( 'blur', 'input.periodSeason',function(event) {
 
    alert('ok');
 
    /*var seasons = document.getElementsByClassName('priceSeason');
 
    if (! jQuery.inArray( $(this).val(), seasons )) {
 
        collectionPrices = $ ( 'div.prices' );
 
        alert("Element non trouvé");
        
    }
    else {
 
        alert("Element trouvé");
 
    }*/
 
    });
});

Malheureusement, ça ne fonctionne pas.

Par contre, le code suivant fonctionne bien sur les contrôles construits au chargement de la page, mais pas sur les contrôles construits via du javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$( ".periodSeason" ).blur(function() {
    alert( "Handler for .blur() called." );
  });

[Toufik83]

il y a surement quelque chose dans ta page qui empêche le fonctionnement du code.
essai de faire un test simple (dans une autre page), et ouvre la dans le navigateur.

Edit : même si tu changes $(document) par $("body"), toujours la même chose?