Transfere texte <p> vers un textarea

**glove** · 23/04/2009, 15h47

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

Code :

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

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 :

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

<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

**SpaceFrog** · 23/04/2009, 16h00

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

**glove** · 23/04/2009, 16h26

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

Code :

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

<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

**Bovino** · 23/04/2009, 16h30

Ben utilise le value plutôt que le innerHTML.

**SpaceFrog** · 23/04/2009, 16h36

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 :

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

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>

**glove** · 23/04/2009, 16h45

Merci beaucoup c'est génial

J'aimerai bien comprendre cette partie de ton code :

Code :

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

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

**Bovino** · 23/04/2009, 16h49

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

Transfere texte <p> vers un textarea

JavaScript

Vue hybride

Discussions similaires

Partager

Partager