generiere Tabelle - mit function?

[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