Bonjour !

Je souhaite récupérer le contenu d'un div et le mettre dans un textarea.
Mon code marche, cependant, j'ai un défaut qui m'embête énormément.
En effet, à chaque nouvelle ligne, il m'ouvre une balise <div>. Quand je tente de modifier le code pour mettre un saut de ligne ou un espace, ça ne marche pas ...

Défaut :
<div id="recuperer">1;45.30580259943578;0.50537109375;</div><div id="recuperer">2;41.934976500546604;9.16259765625;</div><div id="recuperer">3;40.27952566881291;-3.40576171875;</div>

Mon code :

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
 
function addElement(lat,lng) {
var ni = document.getElementById("recuperer");
 
var newdiv = document.createElement("div");
var divIdName = "recuperer";
newdiv.setAttribute("id",divIdName);
num++;
newdiv.innerHTML = num +";" + lat + ";"+  lng + ";";
ni.appendChild(newdiv);
	/* Cache le contenu du div id=recuperer */
document.getElementById("recuperer").style.display = "none";
	/* Transfert le contenu du div dans le textarea */
document.getElementById("recuperer2").innerHTML = document.getElementById("recuperer").innerHTML;		  
 
}
Dans ma page web :

Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$textarea='
 
<div class="formulaire_titre">Récupérer les coordonnées:</div>
<div style="width: 600px;   margin-left : auto; margin-right : auto; text-align:center;">
<form method="post">
<textarea id ="recuperer2" name="recuperer2" value="recuperer2" cols="67" rows="6"></textarea><br />
<input type="Submit" value="OK">
</form>
</div>
<p><b>Numéro marqueur; latitude; longitude;</b></p>
 
<div id="recuperer" class="recuperer" style="width: 600px;   margin-left : auto; margin-right : auto; text-align:center;">
</div>';
 
echo $textarea;

Merci d'avance si vous pouvez m'aider ...