Hallo Struppi,
ich habe mich jetzt zur Umsetzung eines anderen Ansatzes entschieden.
Ich werde jetzt nicht mehr die Filme einem übergeordneten Array "Seite" zuweisen,
sondern will jetzt die Seitenerzeugung bzw. die "Zuordnung" der einzelnen Filme
zu einer bestimmten "Seite" direkt bei der Erzeugung der Tabelle selbst vornehmen:
function Tabelle_aufbauen ()
{
var Tabelle = "<table><thead><tr><th>Nr.</th><th>Cover</th><th>Titel</th><th>Inhalt</th><th>Genre</th><th>FSK</th></tr></thead>";
for (var i = 0; i < Filme.length; i++)
{
if (i % 30 == 0)
{
Tabelle += '<tbody id="' + Anzahl_Seiten + '">';
}
Tabelle += '<tr>';
if (Filme[i]["Nr"].substring(0,1) == "*")
{
var Zelle = '<td><font class="gruen">' + Filme[i]["Nr"].substring(1) + '</font></td>';
}
else
{
var Zelle = '<td>' + Filme[i]["Nr"] + '</td>';
}
Tabelle += '<td>' + Filme[i]["Nr"] + '</td>';
Tabelle += '<td><img src="GRAFIKEN/COVER/' + Filme[i]["Titel"] + '.png" width="70" height="102"></td>';
Tabelle += '<td nowrap>' + Filme[i]["Titel"] + '</td>';
Tabelle += '<td width="100%">' + Filme[i]["Inhalt"] + '</td>';
Tabelle += '<td nowrap>' + Filme[i]["Genre"] + '</td>';
Tabelle += '<td><img src="GRAFIKEN/LAYOUT/FSK_' + Filme[i]["FSK"] + '.png"></td>';
Tabelle += '</tr>';
if (i % 30 == 0)
{
Tabelle += "</tbody>";
Anzahl_Seiten += 1;
}
}
Tabelle += "</table>";
var Anzeigebereich = document.getElementById ("Anzeigebereich");
Anzeigebereich.innerHTML = Tabelle;
var Hoehe_div_komplett = document.defaultView.getComputedStyle(Anzeigebereich, "").getPropertyValue("height");
Hoehe_div = Hoehe_div_komplett.split('px');
Hoehe_div = Hoehe_div[0];
var Hoehe_Seite = Anzeigebereich.scrollHeight;
if (Hoehe_Seite > Hoehe_div)
{
Anzeigebereich.className = "Zusaetzlicher_Abstand";
}
if (Initialisierung == true)
{
Initialisierung = false;
}
Seite_anzeigen (1);
}
Die Funktion "Seite_anzeigen" sollte eigentlich nun alle "tbodies" ausblenden, deren ID nicht der Seitennummer entsprechen:
function Seite_anzeigen (Seitennummer)
{
for (var i = 1; i <= Anzahl_Seiten; i++)
{
var Seitengruppe = document.getElementById (i);
if (i == Seitennummer)
{
Seitengruppe.style.display = "";
}
else
{
Seitengruppe.style.display = "none";
}
}
}
Hier bekomme ich aber in der Fehlerkonsole von Firefox folgende Fehlermeldung:
Fehler: Seitengruppe is null
Ich kann mir diesen Fehler nicht erklären, da ich jedem tbody eine eigene, eindeutige ID zuweise, so dass hier keine Doppel-IDs
vorkommen.
Kannst Du mir hier bitte weiterhelfen?
Gruß
Enrico