jquery pourquoi ça ne marche pas?

Question

$(document).ready(function() 
{ 
    $('#comment textarea').click(function() 
    { 
     if (this.value == this.'Post a comment') 
     { 
      this.value = ''; 
     } 
    }); 

    $('#comment textarea').blur(function() 
    { 
     if (this.value == '') 
     { 
      this.value = this.'Post a comment'; 
     } 
    }); 
}); 

J'ai ce bit de script coincé sur un fichier php. Cependant, il ne fonctionne pas. La valeur par défaut de textarea est Poster un commentaire. Ce script devrait changer la valeur de textarea à null sur le clic, puis sur le flou le changer pour poster un commentaire.

Answer 1

Le code followig devrait fonctionner:

 $(document).ready(function() { 
     $('#comment textarea').click(
      function() { 
       if (this.value == 'Post a comment') { 
        this.value = ''; 
       } 
      } 
     ); 
     $('#comment textarea').blur(
      function() { 
       if (this.value == '') { 
        this.value = 'Post a comment'; 
       } 
      } 
     ); 
    }); 

Answer 2

En tant que zerkms, this.'Post a comment' n'a pas de sens.

Il vous donnera ...

Uncaught SyntaxError: Unexpected string

Vous probablement dire la chaîne 'Post a comment'.

En outre, this est l'élément DOM natif, vous devez l'ajouter à $() pour en faire un objet jQuery.

Answer 3

ce code, je pense devrait fonctionner (si vous utilisez jQuery):

$(document).ready(function() { 
    $('#comment textarea').click(
    function() { 
    if ($(this).val() == 'Post a comment') { 
    $(this).val(''); 
    } 
    } 
    ); 
    $('#comment textarea').blur(
    function() { 
    if ($(this).val() == '') { 
    $(this).val('Post a comment'); 
    } 
    } 
    ); 
    }); 

Answer 4

Vous pouvez faire beaucoup plus agréable en utilisant en ajoutant placeholder="Post a comment" à votre <textarea>. Bien que cela ne soit pas supporté par certains navigateurs plus anciens, il fonctionne bien dans les navigateurs modernes et n'a pas besoin de scripts.

Démo: http://jsfiddle.net/ThiefMaster/vVxrp/