Comment recopier le contenu d'1 TEXTAREA dans 1 tableau(TABLE)

Invité · 30/10/2006, 14h01

Bonjout, allons droit au ---------> but !!!

J'ai écris une page, et dans celle-ci il y'a un FORM qui contient un TEXTAREA, un IFRAME* (cadre interne, que je n'affiche pas grâce à style="DISPLAY: none"), un INPUT de type "BUTTON" et un tableau TABLE. Ce que j'aimerais c'est, EN APPUYANT sur le BUTTON, eh bien tout ce qui se trouve dans le TEXTAREA (son VALUE) soit RECOPIé dans le tableau TABLE, c'est la fonction transfert() qui s'en occupe.

*Pourquoi un IFRAME ? Tout simplement pour que je puisse obtenir le code source HTML de la page qui s'y trouve et le placer dans le TEXTAREA, c'est la fonction moncadre() qui s'en occupe.

Le problème est que le recopiage du contenu du TEXTAREA dans le tableau ne marche pas !!

Est-ce que j'ai été assez clair comme de l'eau de roche ?

Voici 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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>WYSIWYG</title>
 
<SCRIPT language="javascript" type="text/javascript">
<!--
 
function moncadre()
{
 
     document.all.big.value = page.document.documentElement.outerHTML;
 
}
 
function transfert()
{
 
      document.all.leTD.value = document.all.big.value;
 
}
 
 
//-->
</SCRIPT>
 
</head>
 
<body bgcolor="#00009B" onload="moncadre()">
 
<form method="POST">
 
    <table border="0" width="100%" id="table1" cellspacing="0">
		<tr>
			<td>
                 <p align="center">
	                  <textarea id="big" rows="44" name="S1" cols="120" style="background-color: #FFCD9B"></textarea>
	             </p>
	        </td>
		</tr>
		<tr>
			<td>
		          <iframe id="page" name="I1" src="index.htm" width="92" height="73" style="DISPLAY: none">
 
                  </iframe>
            		<input type="button" value="Bouton" name="B1" onclick=transfert()></td>
		</tr>
		<tr>
			<td>
		          <table border="5" width="100%" id="table2" height="153" style="color: #FFFFFF">
					<tr>
						<td id="leTD" valign="top">&nbsp;</td>
					</tr>
				 </table>
            </td>
		</tr>
	</table>
</form>
 
</body>
 
</html>

**denisC** · 30/10/2006, 14h10

Envoyé par jamaliss

Le problème est que le recopiage du contenu du TEXTAREA dans le tableau ne marche pas !!

Tu n'étais pas loin :

Code js :

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

1
2
 
      document.all.leTD.innerHTML = document.all.big.value;

**FremyCompany** · 30/10/2006, 14h22

document.all = de la merde...

utilise plutot document.getElementById, getElementsByName, getElementsByTagName...

Invité · 30/10/2006, 14h36

Merci DenisC, ça a marché!

Invité · 30/10/2006, 14h57

Mais en fait, ce n'est pas ce que je voulait exactement!
Ce que je voulais c'est RECOPIER le contenu du TEXTAREA(le code source de la page index.html) dans le tableau. Là ce n'est pas le cas, car ça m'a donné/affiché le résultat du code source, il a interprété le code et non réaffiché ! essayez par vous-meme et vous verrez.

Si vous avez une solution ça serait gentil.

**FremyCompany** · 30/10/2006, 15h07

Corrige avec cette méthode la alors

Code :

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

td.appendChild(texteArea.cloneNode(true));

**denisC** · 30/10/2006, 15h11

Envoyé par jamaliss

Mais en fait, ce n'est pas ce que je voulait exactement!
Ce que je voulais c'est RECOPIER le contenu du TEXTAREA(le code source de la page index.html) dans le tableau. Là ce n'est pas le cas, car ça m'a donné/affiché le résultat du code source, il a interprété le code et non réaffiché ! essayez par vous-meme et vous verrez.

Si vous avez une solution ça serait gentil.

Code js :

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

1
2
3
 
node = document.getElementById('iddetontd');
node.appendChild(document.createTextNode(document.all.big.value));

Ca doit le faire

Invité · 30/10/2006, 15h27

holé doucement là, qu'est ce que je dois écrire ?

ça :

Code :

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

td.appendChild(texteArea.cloneNode(true));

ou ça:

Code :

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

1
2
node = document.getElementById('iddetontd');
node.appendChild(document.createTextNode(document.all.big.value));

et à la place de quoi ?

**FremyCompany** · 30/10/2006, 15h32

teste les deux et compare à ce que tu voulais faire

Invité · 30/10/2006, 16h06

ok ça a marché merci ! Je pourrais vous poser une question par la suite, adios!

Comment recopier le contenu d'1 TEXTAREA dans 1 tableau(TABLE)

JavaScript

Discussions similaires

Partager

Partager