generiere Tabelle - mit function?

[ShadowOnWalk]

Guten Tag,

hab ein Problem mit meiner Tabellen Generierung... wie kann ich mittels einer Function eine Tabelle über JavaScript ausgeben?

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();
}

Ausgabe soll eine Tabelle sein die mit 4zeilen und 4spalten angezeigt wird? Später soll es möglich sein die vorgabe der zeilen und spalten auch in versch. Ausgabeformaten dazustellen z.B. 2x2, 2x4, 3x3... wär echt super klasse wen Ihr mir da helfen könntet.

ShadowOnWalk

[rfb]

Moin

es fehlen zumindest <table>, </table>, </tr>, </td>

Aber sinnvoller als dieses wild-in-die-Datei-Geschreibsel ist es die Tabelle mittels den entsprechenen DOM-Funktionen zu generieren (document.createElement, document.appendChild, ...)

Gruß
rfb

[rfb]

Moin

sorry:
(document.createElement, node.appendChild, ...)

Gruß
rfb

[Mathias Brodala]

Hallo ShadowOnWalk.

hab ein Problem mit meiner Tabellen Generierung... wie kann ich mittels einer Function eine Tabelle über JavaScript ausgeben?

Siehe etwas weiter unten.

Einen schönen Dienstag noch.

Gruß, Mathias

[ShadowOnWalk]

Hallo nochmal,

danke für die Hilfe hab alles hinbekommen - allerdings handelt es sich um ein Vorgabe Projekt das nicht viel Spielraum lässt! Das diese Art Code nicht ganz konfirm ist - ist klar... aber die Vorlage muss eingehalten werden...(leider). Das Schulprojekt soll letzt endlich ein verschiebePuzzle werden strikt nach Iteration, später wird der Code dann angepasst!

Mittlerweile sieht der Code so aus...

var anzahlZeilen = 4;
var anzahlSpalten = 4;
var bildSrc;
var bilderArray = new Array();

function schreibeLeerTabelle() {
    document.write("<div class='gesamteTabelle' style='height: " + anzahlZeilen * 100 + "px; width: " + anzahlSpalten * 100 + "px;'>");
 for (var i = 0; i < anzahlZeilen * anzahlSpalten; i++) {
        bildSrc = "images/blank.jpg";
        document.write("<div class='tabellenFeld'>");
        document.write("<img onclick='alert(sageDateinameFuerBild(" + i + "))' src='" + bildSrc + "' id= 'position_" + i + "' />");
        document.write("</div>");
        bilderArray.push(i);
    }
    document.write("</div>");
}

function fuelleTabelle() {
    for (var j = 0; j < bilderArray.length; j++) {
        if (bilderArray[j] != anzahlZeilen * anzahlSpalten - 1) {
            bildSrc = "images/" + bilderArray[j] + ".jpg";
        } else {
            bildSrc = "images/blank.jpg";
        }
        document.images['position_' + j].src = bildSrc;
    }
}

function verschiebePuzzleTeil(teileNr) {
    pruefeAngrenzenderPlatzFrei(teilNr);
}

function pruefeAngrenzenderPlatzFrei(teilNr) {
    alert('Folgender angrenzender Platz ist frei: ');
}

function sageDateinameFuerBild(teileNr) {
    dateiName = document.images['position_' + teileNr].src;
    return dateiName;
}

nächste Iteration sollen die beiden functionen verschiebePuzzleTeil und prüfeAngrenzenderPlatz sein...ich denke den rest schaff ich auch ohne Hilfe...

Vielen Dank nochmals
ShadowOnWalk