Discussion :

[SpaceFrog]

Bonjour,

J'ergonomise un formulaire de logion:

Code :

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

1
2
3
4
      $("#login").focus(function(){ 
			            $(this).val( ($(this).val()=="identifiant")?"":$(this).val() )
				    }).blur(function(){ $(this).val( ($(this).val()=="")?"identifiant":$(this).val() )
								});

l'input se vide sur le focus si son val n'est pas la valeur par defaut et reprend la valeur par defaut sur le blur si il est vide

Le question est comment généraliser ce comportement à partir de la valeur par defaut de l'input, au lieu de dupliquer le code pour chaque input et sa valeur par defaut.

[SpaceFrog]

Code :

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

1
2
3
4
       $("#login, #pwd").focus(function(){
				$(this).val( ($(this).val()==this.defaultValue)?"":$(this).val() )
				    }).blur(function(){ $(this).val( ($(this).val()=="")?this.defaultValue:$(this).val() )
								});

j'avoue ne pas comprendre la portée du this à cet endroit !!!

et pourquoi refuse-t-il le

Code :

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

eq(0).defalutValue

[Bovino]

Tu travailles sur une collection d'objets jQuery, par sur une collection d'objets HTML, les propriétés de l'objet HTML ne sont donc pas accessibles...

Selon moi, tu ferais mieux d'ajouter les defaultValue à l'objet au chargement :

Code :

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

1
2
3
4
5
6
$('ta_collection').each(function(){
    $(this).defaultValue = $(this).val();
    $(this).blur(function(){
        if($(this).val() == $(this).defaultValue){...}
    });
});

[NoSmoking]

ces 2 méthodes semblent marcher

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$("input").each(function(){
  $(this).focus(function(){
    if(this.value == this.defaultValue){
      this.value = '';
    }
  })
  $(this).blur(function(){
    if(this.value == ''){
      this.value = this.defaultValue;
    }
  })
});

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$("input")
  .focus(function(){
    if( this.value === this.defaultValue) {
      this.value = '';
    }
  })
  .blur(function() {
    if( this.value === ''){
      this.value = this.defaultValue;
    }
  });

[SpaceFrog]

ce n'est pas tant le souci de le faire marcher ou pas ...
ça fonctionne !

le truc c'est le pourquoi du this à cet endroit là
et pourquoi un eq(0) ne permet pas d'atteindre la propriété du DOM de l'objet ?