Transfere texte <p> vers un textarea

Version imprimable

Bonjour
Je tente (sans réussite) de faire la chose suivante :
Sur une page ou il y a des textes entre paragraphe <p> :
Code:

1 2 3 4 5 6 7 8 <div id="texte"> <p id="texte1" onclick="document.getElementById('leMessage').;" >wwwwwwwwwwwwyu rtz zieryyrytzi ruyziyre uyrizyer eruyui eriutyiier eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p> <p id="texte2" onclick="document.getElementById('leMessage')" >wwwwwwwwwwwwyu rtz zieryyrytzi ruyziyre uyrizyer eruyui eriutyiier eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p> <p id="texte3" onclick="document.getElementById('leMessage').;" >wwwwwwwwwwwwyu rtz zieryyrytzi ruyziyre uyrizyer eruyui eriutyiier eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p> <p id="texte4" onclick="document.getElementById('leMessage').;" >wwwwwwwwwwwwyu rtz zieryyrytzi ruyziyre uyrizyer eruyui eriutyiier eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p> </div>
Lorsque l'utilisateur clique sur un de ses paragraphes ils vont s'inscrire dans le textarea d'un formulaire :

Code:

<label for="leMessage">Le Message :</label><br /><textarea name="leMessage" id="leMessage" rows="38" cols="40" ><?php if (isset($_SESSION['leMessage'])) echo $_SESSION['leMessage']; ?></textarea>

J'ai essayé plusieurs choses dont innerhtml sans succés.
L'un d'entre vous pourrait-il me mettre sur la piste ?
Merci

23/04/2009, 15h00
SpaceFrog

un textarea a une value
attention toutes fois car pour IE le innerHTML et le value marchent de paire, modifier l'une implique la modification automatique de l'autre, ce n'est pas me cas sous firefox pour lequel il faut penser à modifier l'un quand on modifie l'autre ...
23/04/2009, 15h26
glove

Merci
Pour le innerhtml sous IE j'arrive à faire à peu prêt ce que je souhaitais :

Code:

<p id="texte1" onclick="document.getElementById('leMessage').innerHTML += this.innerHTML;" >uuuuu ueryu rtzzieryyrytzi ruyziyre uyrizyer eruyui eriutyiier eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p>

C'est bon cela inscrit bien les paragraphes dans le textarea du formulaire.

Mais pour changer le value du formulaire pour que ça marche sous firefox comme tu le dit , je ne trouve pas comment faire, il faut se servir de la DOM ?
Merci
23/04/2009, 15h30
Bovino

:roll:
Ben utilise le value plutôt que le innerHTML.

testé sous IE et FFX
fonctionne sasn souci si tu n'as pas besoin d'utiliser par la suite le innerHTML du textArea et que tu te cantonnes à en utiliser la value :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type='text/javascript'>
function transfer(obj){
  document.getElementById('leMessage').value+=obj.innerHTML;
  }
</script>
</head>
 
<body >
<div id="texte">
 
<p id="texte1" onclick="transfer(this)" >uuuuu ueryu rtzzieryyrytzi ruyziyre uyrizyer eruyui eriutyiier  eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p>
<p id="texte2" onclick="transfer(this)" >uuuuu ueryu rtzzieryyrytzi ruyziyre uyrizyer eruyui eriutyiier  eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p>
<p id="texte3" onclick="transfer(this)" >uuuuu ueryu rtzzieryyrytzi ruyziyre uyrizyer eruyui eriutyiier  eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p>
<p id="texte4" onclick="transfer(this)" >uuuuu ueryu rtzzieryyrytzi ruyziyre uyrizyer eruyui eriutyiier  eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p>
<p id="texte5" onclick="transfer(this)" >uuuuu ueryu rtzzieryyrytzi ruyziyre uyrizyer eruyui eriutyiier  eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p>
<p id="texte6" onclick="transfer(this)" >uuuuu ueryu rtzzieryyrytzi ruyziyre uyrizyer eruyui eriutyiier  eruiyt reruhyz eriuyt eruiyo eury eriuh eruiy ierueryt </p>
 
</div>
 
 
<label for="leMessage">Le Message :</label><br /><textarea name="leMessage" id="leMessage" rows="38" cols="40" ></textarea>
</body>
 
</html>

23/04/2009, 15h45
glove
Merci beaucoup c'est génial :D

J'aimerai bien comprendre cette partie de ton code :
Code:

1 2 3 4 5 <script type='text/javascript'> function transfer(obj){ document.getElementById('leMessage').value+=obj.innerHTML; } </script>
Ce "obj." c'est quoi au juste.
Encore merci
23/04/2009, 15h49
Bovino

C'est le nom que tu donnes au paramètre passé à ta fonction...
Dans ton cas, l'élément HTML sur lequel tu as cliqué.
23/04/2009, 15h53
glove

Merci:king: