Détection de la textarea cliquée

Version imprimable

01/12/2008, 12h35
Christophe-Marie

Détection de la textarea cliquée

Bonjour,

J'ai du mal avec les addEventListener et j'aimerais bien un petit coup de main sur le sujet.

Ce que j'aimerais faire, c'est un script qui me dit sur quelle textarea l'utilisateur a le focus, pour déclencher un script à ce moment là. Avec la méthode getElementByTagName, j'arrive à lister toutes les textarea. J'imagine qu'il faut que j'ajoute un eventListener sur le focus de chaque zone avec ce parcours, mais comment faire?

Pourriez-vous me donner un exemple qui par exemple déclenche un alert(NomTextarea) à chaque fois qu'on focus dessus?

PS : si je ne suis pas assez précis, je reviendrais tout à l'heure pour donner le code que j'ai fait (qui ne marche pas) afin que vous me donniez des conseils....

Merci!
01/12/2008, 16h28
Christophe-Marie
Bon, voilà où j'en suis :

J'ai une page avec deux textareas et j'ai grosso modo deux lignes intéressantes dessus :
Code:

1 2 3 <script type="text/javascript" src="main.js"></script> </head> <body onLoad="main()">
Voici mon code javascript.
Code:

1 2 3 4 5 6 7 function main(){ var textareas,i; textareas = document.getElementsByTagName('textarea'); for (i in textareas){ textareas[i].innerHTML = 'lol'; } }
Pour l'instant, ça me remplit toutes mes textareas avec des 'lol'.
Ce que j'aimerais faire, c'est que lorsque je clique sur une textarea, ça la remplisse avec un 'lol' (ou bien que ça fasse un alert(nomDeLaTextarea)).

J'ai testé plein de trucs, mais je dois pas bien comprendre javascript parce que ça marche pas... :(
Une idée?

Code:

1 2 3 4 function main(zoneTexte){ zoneTexte.innerHTML = 'lol'; } }
et dasn le textarea:

Code:

onclick="main(this)"

Merci de ta réponse.

Mon petit problème, c'est qu'à part le

Code:

<body onLoad="main()">

, je ne m'autorise pas à modifier le html de la page. Je voudrais que tout soit dans le .js. En m'inspirant de ton code, j'ai essayé ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 function lolFill(){ this.innerHTML = 'lol'; } function main(){ var textareas,i; textareas = document.getElementsByTagName('textarea'); for (i in textareas){ textareas[i].onclick = "lolFill();"; } }
Mais ça n'a pas l'air de vouloir marcher...

Code:

1
2
3
4
5
6
7
8
9
10
11
function lolFill(obj){
    obj.innerHTML = 'lol';
}
 
function main(){
    var textareas,i;
    textareas = document.getElementsByTagName('textarea');
    for (i in textareas){
        textareas[i].onclick =function(){lolFill(this);};
    }
}

01/12/2008, 17h29
Christophe-Marie

Merci! ça marche...