Détection de la textarea cliquée

**Christophe-Marie** · 01/12/2008, 12h35

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!

**Christophe-Marie** · 01/12/2008, 16h28

Bon, voilà où j'en suis :

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

Code :

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

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

Voici mon code javascript.

Code :

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

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?

**SpaceFrog** · 01/12/2008, 16h35

Code :

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

1
2
3
4
function main(zoneTexte){
           zoneTexte.innerHTML = 'lol';
    }
}

et dasn le textarea:

Code :

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

onclick="main(this)"

**Christophe-Marie** · 01/12/2008, 16h50

Merci de ta réponse.

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

Code :

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

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

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

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

**SpaceFrog** · 01/12/2008, 16h55

Code :

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

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);};
    }
}

**Christophe-Marie** · 01/12/2008, 17h29

Merci! ça marche...

Détection de la textarea cliquée

JavaScript

Discussions similaires

Partager

Partager