Wie ändere ich eine Hintergrundgrafik in einer Tabelle?

**sheepy** · 13.10.2005 17:18

Hi Leute,
Ich habe im Moment ein ziemlich großes Problem.
Ich will mir eine Navigationsleiste bauen, welche bei bestimmten Links ihren Hintergrund ändert. Die Navigationsleiste habe ich nun in eine Tabelle gemacht und den Hintergrund als Tabellenhintergrund festgelegt. Aber wie geht es weiter?
Ich weiß zwar wie ich ein normales Bild per Javascript ausgetauscht bekomme aber ein Hintergrundbild? und dann noch in einer Tabelle? Könnte mir vielleicht jemand von euch weiterhelfen? Oder ist es gar sinnvoll den Bildaustausch per CSS zu machen?
mfg sHeepy

**steffenk** · 14.10.2005 00:02

Ja. Gib der Tabelle eine ID, dann kannst Du sie doch ansprechen

getElementById(tableid).style.background = "url(picture.jpg) 0 0 repeat";

**sheepy** · 14.10.2005 10:50

mhn ... irgendwie will der aber nicht :-D
ist es eigentlich auch möglich diesen Befehl per "function" zuzuweisen? :-)
mfg sHeepy

**321** · 14.10.2005 10:52

sind denn die auszutauschenden Bilder nicht in <td>'s verpackt?

**webcreate** · 14.10.2005 10:54

Etwas code könnte helfen, sonst wir das hier nur eine Raterunde

**sheepy** · 14.10.2005 11:03

kay kay also ich habe vor den script in eine function umzuwandeln:

function change(id, url){
document.getElementById(id).style.background = "";
}

und dann möchte ich diese für meinen Spaltenenhinterung zuweisen:

Das sich der Hintergrund ändert,möchte ich per "onClick" ausführen:

onClick="change('navigation',"url(bilder/navibg_orange.jpg)"

hoffe ihr könnt hiermit was anfangen ;-)

**webcreate** · 14.10.2005 11:31

Check mal den Code, " und ' haben schon eine gewisse Unterscheidung

Weiterhin, was soll das werden? document.getElementById(id).style.background = "";

Folgendes sollte gehen:

HTML-Code:

<html>
<head>
<script>
 function change(id, url){
	document.getElementById(id).style.background = url;
}
</script>
</head>
<body>
<table>
  <tr>
    <td rowspan="2" width="200" id="navigation" style="background-image:url(bilder/navibg_blue.jpg) no-repeat " valign="top" >&nbsp;</td>
  </tr>
</table>
<a href="#"  onClick="change('navigation','url(bilder/navibg_orange.jpg)')">BG &#228;ndern</a>
</body>
</html>

**sheepy** · 14.10.2005 13:43

ah :-)
besten dank jetzt scheint es zu funktionieren :-)
mfg sHeepy

zur Startseite vom TP

Thema: Wie ändere ich eine Hintergrundgrafik in einer Tabelle?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Wie ändere ich eine Hintergrundgrafik in einer Tabelle?

Aktive Benutzer

Aktive Benutzer