Hintergrundbild
bpgs
- javascript
Ich habe folgendes Problem: In einer Seite soll in bestimmten Situationen in einer Zelle einer Tabelle das HG-Bild verändert werden. Die HTML-Seite (hier ein verkürztes Muster) sieht so aus:
<html>
<head>
<title>Testseite</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
function setzen_erw (tagname, num, attr, wert)
{
document.getElementsByTagName(tagname)[num].setAttribute(attr, wert);
}
function bild_aendern()
{
img='background-image:url(http://hg.bpgs.de/hintergrund2.jpg);'
setzen_erw('td',0,'style',img);
}
function hoehe_aendern()
{
setzen_erw('td',0,'height',300);
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="825">
<tbody>
<tr>
<td style="background-image: url(http://hg.bpgs.de/hintergrund1.jpg);" width="825" height="150">Beispiel Hintergrund Bild</td>
</tr>
<tr>
<td width="825">
<p><a href="javascript:hoehe_aendern();">Höhe ändern</a></p>
<p><a href="javascript:bild_aendern();">HG-Bild ändern</p>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Das klappt auch, allerdings nicht im Internet-Explorer. Zumindest nicht in IE6, IE7 weiß ich nicht und beim IE8 hängt es vom eingestellten Kompatibilitätsmodus ab. Die Änderung der Höhe geht dagegen immer.
Ich muss noch ergänzen, dass ich am Grundaufbau der Seite nicht so viel ändern kann, also DOCTYPE ergänzen oder nur mit CSS und Klassen arbeiten geht nicht.
@@bpgs:
nuqneH
http://de.selfhtml.org/javascript/objekte/style.htm
Qapla'
@@bpgs:
nuqneH
http://de.selfhtml.org/javascript/objekte/style.htm
Qapla'
Peinlich, danke für den Link.
Deine Nebenbemerkungen klingen ja fast wie Aymara
@@bpgs:
nuqneH
Deine Nebenbemerkungen klingen ja fast wie Aymara
Aber nur fast.
Qapla'