HTML Tabellen von Javascript ausgeben lassen?

**ShadowOnWalk** · 11-03-2007, 20:07

Hallo @all,

hab ein großes Problem, wie kann ich eine HTML Tabelle von Javascript generieren lassen die dann so ausgegeben wird wie meine HTML Tabelle:
Ich möchte diese Tabelle mit Javascript erstellen nur wie mach ich das???
Vielen Dank für eure Hilfe in voraus...

grüße ShadowOnWalk

HTML CODE:

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">



<head>

    <title>HTML Tabellen mit Javascript generieren</title>    

        <meta http-equiv="content-type" content="text/html; charset=utf-8" />



<script type="text/javascript">







</script>        

</head>



<body>



<table id="table" cellspacing="0" cellpadding="0" border="1" width="400" height="400">



<tr id="reihe1" align="center">

<td><img src="" id="bild00" />00</td>

<td><img src="" id="bild01" />01</td>

<td><img src="" id="bild02" />02</td>

<td><img src="" id="bild03" />03</td>

</tr>



<tr id="reihe2" align="center">

<td><img src="" id="bild04" />04</td>

<td><img src="" id="bild05" />05</td>

<td><img src="" id="bild06" />06</td>

<td><img src="" id="bild07" />07</td>

</tr>



<tr id="reihe3" align="center">

<td><img src="" id="bild08" />08</td>

<td><img src="" id="bild09" />09</td>

<td><img src="" id="bild10" />10</td>

<td><img src="" id="bild11" />11</td>

</tr>



<tr id="reihe4" align="center">

<td><img src="" id="bild12" />12</td>

<td><img src="" id="bild13" />13</td>

<td><img src="" id="bild14" />14</td>

<td><img src="" id="bild_blank" />..</td>

</tr>



</table>



</body>

</html>

pit-r · 11-03-2007, 20:10

Moin!

SELFHTML: JavaScript / Objektreferenz / node

Edit - Moin, Herr Denz.

**ShadowOnWalk** · 13-03-2007, 10:17

Hallo habe versucht die Tabelle mit hilfe einer function zu generieren aber irgendwie funzt das nicht - was mach ich falsch??? Die tabelle im Format 4x4 angezeigt werden, und Varianten von 2x2, 2x4, 3x3 u. eben 4x4 zulassen?

Der Code meiner Function:

var anzahlZeilen = 4;
var anzahlSpalten = 4;

function schreibeTabelle() {
for (var zeile = 1; zeile <= anzahlZeilen; zeile++) {
document.write("<tr>");
for (var spalte = 1; spalte <=anzahlSpalten; spalte++) {
document.write("<td>");
}

}
document.write("<tr>");
}

Wär echt klasse wen Ihr mir dabei helfen könntet...
grüße ShadowOnWalk

**Cord Worthmann** · 13-03-2007, 15:44

Mach's doch, wie empfohlen, per DOM - dafür ist es schliesslich da...

Code:

var table = document.createElement('table'), rows = 4, cols = 4, cnt = 0;
table.id = 'table';
table.setAttribute('cellpadding', '0');
table.setAttribute('cellspacing', '0');
table.setAttribute('border', '1');
table.setAttribute('width', '400');
table.setAttribute('height', '400');
for (var i = 1; i <= rows; i++) {
    var row = document.createElement('tr'), pos = cnt + 4;
    row.id = 'reihe' + i;
    row.setAttribute('align', 'center');
    for (; cnt < pos; cnt++) {
        var cell = document.createElement('td'), img = document.createElement('img');
        img.id = 'bild' + cnt;
        cell.appendChild(img);
        cell.appendChild(document.createTextNode(cnt.toString()));
        row.appendChild(cell);
    }
    table.appendChild(row);
}
document.body.appendChild(table);

Grüsse

**ShadowOnWalk** · 14-03-2007, 08:38

Danke hat prima geklappt!!!

grüße ShadowOnWalk

Thema: HTML Tabellen von Javascript ausgeben lassen?

LinkBack

Themen-Optionen

Anzeige

HTML Tabellen von Javascript ausgeben lassen?

AW: HTML Tabellen von Javascript ausgeben lassen?

AW: HTML Tabellen von Javascript ausgeben lassen?

AW: HTML Tabellen von Javascript ausgeben lassen?

AW: HTML Tabellen von Javascript ausgeben lassen?

Ähnliche Themen

Javascript Wysiwyg - HTML Code der Auswahl ?

"Textrückgabe" einer PHP Datei in HTML ausgeben.

Wert von Javascript ausgeben, umwandeln

Suche HTML & Javascript Hilfe

[MySQL] Bestenliste ausgeben über 5 Tabellen

Lesezeichen

Lesezeichen

Berechtigungen