Discussion :

[italiasky]

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 :

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
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..

[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 :

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

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

[italiasky]

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