Contenu d'un div => un textarea

Version imprimable

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:

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:

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

20/03/2009, 09h29
RomainVALERI

deux questions pour répondre à la tienne ^^

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 ?
20/03/2009, 09h34
Bovino

Un id DOIT être unique dans la page :roll:
20/03/2009, 09h47
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 ^^'
20/03/2009, 09h53
RomainVALERI
Oui ^^ car tes div s'imbriquent :

Code:

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:

1 2 <div id="recuperer"><div id="recuperer"></div></div>
en gras = ton div de départ
20/03/2009, 09h54
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 " ".
20/03/2009, 10h05
RomainVALERI

Essaie de créer plutot un noeud texte que tu insères dans le div "récupérer", plutot que de recréer un div...
(simple piste à tester/améliorer, je n'ai pas plus de temps ce matin dsl ^^)

Code:

var newdiv = document.createTextNode(num +";" + lat + ";"+ lng + ";");
20/03/2009, 10h14
ShinNoMegami

Oki, merci beaucoup en tout cas, je test ça <3

J'ai du mal écrire quelque chose, l'idée est bonne, mais j'y arrive pas u_u ...

Code:

1
2
3
4
5
6
7
var ni = document.getElementById("recuperer");
num++;
var newtext = document.createTextNode(num + ";" + lat + ";"+  lng + ";");
var divIdName = "recuperer";
newdiv.setAttribute("id",divIdName);
//newdiv.innerHTML = num +";" + lat + ";"+  lng + ";";
ni.appendChild(newtext);

20/03/2009, 10h51
RomainVALERI

Citation:

Envoyé par ShinNoMegami

J'ai du mal écrire quelque chose, l'idée est bonne, mais j'y arrive pas u_u ...

Code:

newdiv.setAttribute("id",divIdName);

rechercher/remplacer est ton ami :aie: (un grand classique, on fait tous ça de temps en temps je te rassure ^^)

edit : heu...j'avais dit j'ai pas le temps ce matin... qu'est-ce que je fous là moi ? :roll: :oops:

Mdr^^ J'en profite alors!

Citation:

rechercher/remplacer est ton ami

Code:

1
2
3
4
5
6
 
Contenu_div = document.getElementById("recuperer").innerHTML;
 
	/* Transfert le contenu du div dans le textarea */
Contenu_div.Replace("<div id="recuperer">"," ");;
document.getElementById("recuperer2").innerHTML = Contenu_div;

20/03/2009, 13h32
RomainVALERI

Heu.... non :aie:

Je voulais simplement dire : en faisant la modification que je te suggérais avec createTextNode au lieu de createElement("div"), tu as oublié de remplacer newdiv par newtext dans la ligne que j'ai citée ^^

Oh ! ... Je test^^

Edit :
J'ai du faire une bourde quelque part ^^'

Code:

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");
num++;
var newtext = document.createTextNode(num + ";" + lat + ";"+  lng + ";");
var divIdName = "recuperer";
newtext.setAttribute("id",divIdName);
 
ni.appendChild(newdiv);
 
Contenu_div = document.getElementById("recuperer").innerHTML;
 
	/* Transfert le contenu du div dans le textarea */
document.getElementById("recuperer2").innerHTML = Contenu_div;
 
}

23/03/2009, 10h15
RomainVALERI
Oui ^^
On ne peut pas donner d'atribut à un noeud texte comme tu le fais ici :
Code:

1 2 newtext.setAttribute("id",divIdName); // a supprimer
et on n'en a d'ailleurs plus besoin ici car le div dans lequel on fait l'insertion a déjà son id "recuperer"
23/03/2009, 10h19
ShinNoMegami

Oki pour l'id =D

...

Mon dieu ça marche ... *Happy*

Merci merci merci du fond du coeur !! (k)
23/03/2009, 10h25
RomainVALERI

Si je peux me permettre une dernière remarque... ^^

Face aux différents problèmes successifs soulevés par ce morceau de code, tu ne donnais jamais les messages d'erreur ou autres informations de débuggage utiles : sur quel navigateur(s) testes-tu tes pages, et avec quel(s) débugger(s) intégré(s) ?

Si tu n'en utilises aucun, ces deux là sont efficaces : (entre autres bien sûr)
pour FF : Firebug
pour IE : Debugbar
(si jamais tu n'en avais pas encore installé, ça va te sauver la vie :aie:)

A+ et bon dev a toi ^^
23/03/2009, 10h31
ShinNoMegami

Oh... Désolée, je n'ai pas facilité la tâche =x

Je n'avais pas d'erreur qui s'affichait, à proprement dit, juste que mon programme principal (qui affiche des icônes sur une carte) ne fonctionnait plus...

J'utilise FF, je vais voir pour Firebug =)
Merci encore ~