Discussion :

[ShinNoMegami]

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

[RomainVALERI]

Que veux -tu obtenir exactement : que les ajouts successifs se fassent dans le même <div id="recuperer"> plutot que d'en recréer un autre a chaque fois ?
Et aussi : ou est appelée ta fonction addElement ?

[Bovino]

Un id DOIT être unique dans la page

[ShinNoMegami]

Merci beaucoup de vos réponses.

Ma fonction AddElement est appelé lors de l'ajout d'un marqueur sur une carte (c'est un peu complexe, mais ça marche, donc on va s'en passé).

Il existe un seul div avec un id=recuperer.
Le textarea, son id =recuperer2.

J'arrive à récupérer les données et les afficher dans le div id = recuperer.
Cependant, quand je "transferts" le contenu du div dans le textarea, j'ai des <div id=recuperer> qui s'ajoutent autour de mes valeurs ^^'

[RomainVALERI]

Oui ^^ car tes div s'imbriquent :

Code javascript :

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

ni.appendChild(newdiv);

(étant donné que ni fait référence à ton div présent à l'origine et que newDiv vient d'être créé avec le même id, ce qui donne :

Code html :

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

1
2
<div id="recuperer"><div id="recuperer"></div></div>

en gras = ton div de départ

[ShinNoMegami]

Oh... J'y ai pensé, mais quand je supprime les lignes de code, plus rien de marche >.<

Edit : Ou quand je remplace le "div" par " ".