Formular in Tabelle schreiben...

[Shardur]

Hallo ich schon wieder...

also... ich habe ein formular:

Name: blablabla
Text: blublublu

diesen inhalt will ich in eine Tabelle schreiben...

ohne datenbank hintergrund bitte...

solle dann so aussehen:

<table>
<th>Name</th>
<th>Text</th>

<tr>
<td>blablabla</td>
<td>blublublu</td>
</tr>
</table>

geht das irgend wie mit cgi script oder JS ?...

gruß

Shardur

 

[Ben Ben]

du kannst an die Stelle an die die Tabele soll ein div legen, dessen Inhalt du per JS änderst. D.h. du liest die Felder aus dem Formular z.b. mit document.formularname.formularfeldname.value aus und baust darum den HTML-Code. Diesen schreibs du dann an die Stelle des erwähnten divs.

z.B. so

dein javascript im header:

var ns6 = document.getElementById&&!document.all;
var ie     = document.all; 

function show_text( meinDIV )
{ 
 var meineTabelle = '<table border="0"><tr><td><strong>test</strong</td></tr>';
       meineTabelle += '<tr><td>' + document.meinForm.testtext.value + '</td></tr></table>';

 if (ie) eval("document.all."+meinDIV).innerHTML          = meineTabelle; 
 else if (ns6) document.getElementById(meinDIV).innerHTML = meineTabelle; 
} 
 
function reset_text( meinDIV )
{ 
 if (ie) eval("document.all."+meinDIV).innerHTML          = 'AUSGANGS HTML DE DANN WIEDER IM DIV STEHEN SOLL'; 
 else if (ns6) document.getElementById(meinDIV).innerHTML = 'AUSGANGS HTML DE DANN WIEDER IM DIV STEHEN SOLL';
}

dann hast dudein form z.b. so

<form name="meinForm>
 <input type="text" name="testtext">
 <input type="submit"" onClick="showText('divName')"> <input type="reset" onClick="reset_text('divName')">
</form>

gut nun noch irgendwo das div in dem sich später die Tabelle befinden soll:

<span id="divName">AUSGANGSTEXT VOR ANZEIGEN DER TABELLE</span>

es läuft dann so ab:
der user schreibt was in das Formular. Das span ist bis dato noch leer oder mit dem Inhalt der Vorher schon drinsteht.
Dann klickt er auf ABsenden. Dies rufit die Funktion show_text auf und überigt dieser den Namen des Spans was geändert werden soll. Hier wird der Inhalt des Formulars ausgelesen und ins Div geschrieben.
Mit Reset wird dann reset_text aufgerufen, ebenfalls mit dem Spannamen und schreibt dort den alten Inhalt wieder hin.

Hoffe ich konnte dir das halbwegs verständlich beschreiben

 

[Fabian H]

Das hier sollte auch gehen:

 1: <script type="text/javascript">
 2: function setValues()
 3: {
 4:     window.document.getElementById("Name").innerHTML = window.document['InputForm']['InputName'].value;
 5:     window.document.getElementById("Text").innerHTML = window.document['InputForm']['InputText'].value;
 6: }
 7: </script>
 8: 
 9: <form name="InputForm" action="datei.html" method="post">
10:     Name: <input type="text" name="InputName" style="width:300px;">
11:     <br>
12:     Text:
13:     <br>
14:     <textarea style="width:300px;height:100px;" name="InputText"></textarea>
15:     <br>
16:     <br>
17:     <input type="button" value="Eintragen" onClick="setValues();">
18: </form>
19: 
20: <br>
21: <br>
22: 
23: <table>
24:     <tr>
25:         <td style="text-decoration:underline;">Name</td>
26:         <td style="text-decoration:underline;">Text</td>
27:     </tr>
28:     <tr>
29:         <td id="Name">&nbsp;</td>
30:         <td id="Text">&nbsp;</td>
31:     </tr>
32: </table>

Ps: Shardur, bitte halte dich an die Netiquette, besonders an Punk 12 be-
züglich Groß und Klein-Schreibung. Danke.