nicht angemeldet
Halihallo Forumer
Ich scheitere an Javascript :-(
Es sollte doch möglich sein, über
document.getElementById( 'area'+num ).bgcolor = '#ffffff'
den Background-Farbwert eines <td>'s zu ändern, oder?
---
Wozu? - Habe einige Links als Bilder. Wenn man mit der Maus darüber fährt, soll eine Beschreibung angezeigt werden (neben dem Link, in ein div), bis hier funktioniert auch alles. Hinzu soll jedoch noch unter dem Link eine weisse Linie gezogen werden, das mache ich über eine Tabelle (Links sind auch in dieser Tabelle), wobei ich den Hintergrund der "Linien-Zelle" auf #ffffff setze (transparentes gif nimmt den Farbwert an). Mir ist klar, dass dieses Vorhaben in dieser Form nur ab den 6-er Versionen funktioniert. Für alle anderen, werde ich auf document.all (IE) und document.layer (NS) setzen. Oder habt ihr da bessere/andere Vorschläge?
(ZUR INFO): Wenn ich die Hintergrundsfarbe über DOM ändere, passiert überhaupt nix; die Hintergrundsfarbe ändert _nicht_ => in meinem Beispiel von unten: Die rechte Zelle ist und bleibt schwarz, was auch immer ich mache. Warum???
Um euch den Rattenschwanz an schlechtem HTML zu ersparen, habe ich eine kleine Zusammenfassung geschrieben:
<script>
function change (num) {
alert('c: ' + document.getElementById( 'area'+num ).bgcolor );
document.getElementById( 'area'+num ).bgcolor = '#00ff00';
alert('c2: ' + document.getElementById( 'area'+num ).bgcolor);
}
function reset () {
alert('r: ' + document.getElementById( 'area1' ).bgcolor );
document.getElementById( 'area1' ).bgcolor = '#000000';
alert('r2: ' + document.getElementById( 'area1' ).bgcolor );
}
</script>
<table>
<tr>
<td bgcolor="#a60000">
<img src="transparent.gif" width="100px" height="75px"
onMouseOver="change(1);"
onMouseOut="reset();">
</td>
<td width="100px" height="1px" id="area1" bgcolor="#000000">
<img src="transparent.gif">
</td>
</tr>
</table>
Viele Grüsse
Philipp
*schäm* :-(