select comportement different suite a l'ajout de code

Version imprimable

Bonjour,

Suite a l'ajout du code ci-dessous, le comportement de mes select est un peu different...

Quand je clique dessus, il ne s'ouvre pas tout de suite mais apparait juste selectionne, et je dois recliquer pour qu'il s'ouvre... comment ca se fait ?

J'ai essaye en commentant ce code et le comportement normal des select (s'ouvrir au premier clic) est revenu...

Qu'est-ce qui interfere dans mon code exactement ? Ca semble vraiment etre ce bout de code qui cree ce probleme...

Merci
A+

Code:

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
    // Manage behaviors of form's fields
    var fieldsForm = $(':input[type="text"],textarea,select').filter(function() { return $(this).parents("#content").length });
    fieldsForm.focus
    (
        function()
        {  
            $(this).addClass("ui-state-highlight");           
        }
    );
    fieldsForm.blur
    (
        function()
        {  
            $(this).removeClass("ui-state-highlight");  
        }
    );
 
    fieldsForm.change
    (
         function(objEvent)
         {
            if($(this).val()=='' || $(this).val()=='%')
            {
                $(this).removeClass("clicked");  
            }
            else
            {
                $(this).addClass("clicked");  
            }
         }
     );
 
     fieldsForm.each( function() {if($(this).val()=='' || $(this).val()=='%')
    {
        $(this).removeClass("clicked");  
    }
    else
    {
        $(this).addClass("clicked");  
    }});

PS : le probleme apparait sous IE et pas sous FF apparemment..

24/03/2010, 23h18
danielhagnoul
Bonsoir.

Effectivement, ce code change le comportement par défaut de toutes les zones de saisie (input) de type texte, de toutes les zones de textes (textarea) et de toutes les listes de sélection (select).

Il est très facile de continuer à l'utiliser, lorsqu'il est nécessaire, et de préserver les éléments qui n'en ont pas besoin en leur attribuant une classe et en modifiant légèrement le code, exemple :
Code:

1 2 3 4 5 $(':input[type="text"],textarea,select').not(".maClasse").filter(function(){ // code }); <input class="maClasse" type="text" value="Hello World !"/>
25/03/2010, 00h35
italiasky

Mais donc je ne peux pas réussir à avoir le comportement que je souhaite sans avoir ce comportement bizarre sous IE ?