input et defaultValue onfocus / onlblur

[SpaceFrog]

Bonjour,

J'ergonomise un formulaire de logion:

Code :

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 :

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 :

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 :

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 :

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 :

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 ?