nicht angemeldet
Hallo Nachtschwärmer,
wieder einmal ein Problem bei meiner DVD-Verwaltung.
Über nachfolgenden Code baue ich die Tabelle auf:
for (i=0; i<Inhalt.length; i++)
{
Zeile=document.createElement("tr");
[...]
Tabellenkoerper.appendChild(Zeile);
for (j=0; j<Inhalt[i].length; j++)
{
Zelle=document.createElement("td");
+-
|
1 | Zeile.setAttribute("onMouseover", "this.style.backgroundColor='#d1e3db'; this.style.color='#000000';");
| Zeile.setAttribute("onMouseout", "this.style.backgroundColor='#eef4f1'; this.style.color='#95bbae';");
|
+-
Zelle.innerHTML=Inhalt[i][j];
Zeile.appendChild(Zelle);
}
}
Ich habe mich jetzt hier auf den Bereich des Scriptes beschränkt, der sich auf die Erzeugung der Zeilen bezieht,
für meine Fragestellung unwichtige Bereiche habe ich weggelassen - verdeutlicht durch "[...]".
Nun möchte ich den Code so erweitern, dass bei OnMouseOver der aktuellen Zeile das jeweilige Cover des Films nebst
diverser Zusatzinformationen angezeigt wird.
Eine Art "Tooltip-Funktionsweise" kann ich über folgenden Code bewerkstelligen:
DIV_Cover = null;
document.onmousemove = Position_aktualisieren;
function Position_aktualisieren(e)
{
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
if (DIV_Cover != null)
{
DIV_Cover.style.left = (x + 5) + "px";
DIV_Cover.style.top = (y + 5) + "px";
}
}
function Cover_zeigen(id)
{
DIV_Cover = document.getElementById(id);
DIV_Cover.style.display = "block"
}
function Cover_verbergen()
{
DIV_Cover.style.display = "none";
}
Die einzelnen DIV-Bereiche, die dann die Covers enthalten, muss ich wie folgt festlegen:
+-
|
2 | <div class="Cover" id="..."><img src="../../COVER/..."></div>
|
+-
Die Systematik der Links ist nach folgendem Muster aufgebaut:
<a href="#" onMouseOver="Cover_zeigen('1')" onMouseOut="Cover_verbergen()">Unser Link</a>
Meine Frage ist nun, wie ich die Definition der verschiedenen DIV-Bereiche (Ziffer "2") in die
Schleife zur Ausgabe der einzelnen Tabellenzeilen (Ziffer "1") integrieren muss.
Ich hoffe, ihr könnt mir hier weiterhelfen.
Vielen lieben Dank im Voraus.
Gruß,
Enrico