Discussion :

[Invité(e)]

Bonjour à tous,
Ce que je vais vous demander est un peu compliqué mais j'espère que je serais clair. Premièrement je voudrais récupèrer le contenu d'une div (que du texte) et ensuite mettre ce texte dans une zone de texte de formulaire. Je voudrais ensuite que l'on puisse modifier le texte et une fois que l'on clic sur OK cela modifie le texte dans la div. Voila j'espère qu'il y a des solutions. Merci

[buzzkaido]

La propriété div.innerHTML renvoit le contenu d'une div.

Le contenu complet, donc si tu as des balises dedans, elles y sont aussi.

Tu peux faire :

Code :

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

1
2
3
4
5
6
7
8
9
function divVersTexte()
{
   document.getElementById("monChampTexte").value = document.getElementById("maDiv").innerHTML;
}
 
function divVersTexte()
{
   document.getElementById("maDiv").innerHTML = document.getElementById("monChampTexte").value;
}

Pas testé, mais ça doit marcher.

En tout cas, rien de compliqué dans tout ça.

Mefie-toi juste, si tu entre des balises dans le champ texte, elles seront interpretées dans le DIV. Pour eviter ça tu peux :

- soit filtrer les balises dans la valeur entrée (facile avec une expression reguliere)
- soit utiliser un textarea en readonly plutot qu'un div