Hintergrundbild ändern (IE und FF)

[Paul]

Hallo List,
habe ein Problem beim Ändern eines Hintergundbildes in einem td.

Mit:
  document.all.Hintergrund.background= "H.gif";
bzw.
  <td id="Hintergrund" background="[img]">
klappt's im IE, nicht im Firefox.

Mit:
  document.all.Hintergrund.style.background = "H.gif";
bzw.
  <td id="Hintergrund" style="background-image:url([img]);">
geht's weder im IE noch im FF.

Mit:
  document.getElementById('Hintergrund').background = "H.gif";
bzw.
  <td id="Hintergrund" background="[img]">
klappt's im IE, nicht im Firefox (komisch)

Mit:
  document.getElementById('Hintergrund').style.background = "H.gif";
bzw.
  <td id="Hintergrund" style="background-image:url([img]);">
geht's weder im IE noch im FF.

Auch ".style.backgroundImage =" hat nix gebracht.

Nun möchte ich das Hintergundbild aber natürlich im IE und im FF ändern.
Kann mir jemand helfen?

Gruß,
Paul

[Cheatah]

Hi,

document.all.Hintergrund.background= "H.gif";

Du legst eine hohe Priorität auf den IE 4? Anders ist es nicht zu erklären, dass Du document.all einsetzt.

<td id="Hintergrund" background="[img]">

Bitte gültiges HTML schreiben.

<td id="Hintergrund" style="background-image:url([img]);">

Komisch, hier weißt Du, wie der Wert eines background-image aussehen muss,

document.getElementById('Hintergrund').background = "H.gif";

während Du das bei JavaScript zu vergessen scheinst. Wie kommt das?

klappt's im IE, nicht im Firefox (komisch)

Es ist in der Tat komisch, wie viel Falsches im IE klappt.

geht's weder im IE noch im FF.

Übrigens ist "geht nicht" keine Fehlerbeschreibung.

Cheatah

[flashnfantasy]

Hi,

grundsätzlich würde ich nicht JEDEM Element einen neuen Hintergrundbild zuordnen, weil sich das Hintergrundbild an der relativen Position der Elemente ausrichtet.

Meine Idee (ohne es auszuprobieren) ist.

Suche das BODY-Tag, ich glaube sogar, du kannst es direkt ansprechen mit

document.body

ich erinnere mich aber dunkel , daß der FireFox da eine Ausnahme macht (bodyElement ?)

und dann dem BodyElement den Style zuweisen.

allen anderen Elementen würde ich als Background-Style 'transparent' zuordnen oder ihn löschen, dann wird er automatisch von dem darüberliegenden Element übernommen.

Gruß,
Flash

[Paul]

Hallo Flash,
ich kann die anderen Elemente nicht löschen oder auf transparent setzen. Diese werden ja erst im Laufe der Aktion durch das neue ersetzt. Außerdem ist das Hintergrundbild in einem <td> und nicht für den gesamten Body.

Gruß,
Paul

[Wastl]

Tach Paule.
Meinst du sowat :

<script type="text/javascript">
function bildwechsel(bild)
{document.getElementById("hintergrund").style.backgroundImage= bild;}
</script>
<table border="0" cellspacing="0" width="500" height="500"><tr>
<td style="background-image:url(bild1.jpg);" id="hintergrund">
</td></tr></table>
<br>
<a href="#" onclick="bildwechsel('url(bild2.jpg)'); return false">Bild 1</a>
<a href="#" onclick="bildwechsel('url(bild1.jpg)'); return false">Bild 2</a>

[Ashura]

Hallo flashnfantasy.

Suche das BODY-Tag, ich glaube sogar, du kannst es direkt ansprechen mit

document.body

ich erinnere mich aber dunkel , daß der FireFox da eine Ausnahme macht (bodyElement ?)

Du erinnerst dich sehr, sehr dunkel. Dem ist nämlich nicht so.

Vermutlich verwechselst du document.body für das body-Element gerade mit document.documentElement für das html-Element in (X)HTML-Dokumenten.

Einen schönen Mittwoch noch.

Gruß, Ashura

[Paul]

Hi,

document.all.Hintergrund.background= "H.gif";

Du legst eine hohe Priorität auf den IE 4? Anders ist es nicht zu erklären, dass Du document.all einsetzt.

Das läuft halt auch im IE 7 beta.

<td id="Hintergrund" background="[img]">

Bitte gültiges HTML schreiben.

<td id="Hintergrund" style="background-image:url([img]);">

Komisch, hier weißt Du, wie der Wert eines background-image aussehen muss,

document.getElementById('Hintergrund').background = "H.gif";

während Du das bei JavaScript zu vergessen scheinst. Wie kommt das?

Lies dir meine Nachricht bis zum Ende durch!

klappt's im IE, nicht im Firefox (komisch)

Es ist in der Tat komisch, wie viel Falsches im IE klappt.

geht's weder im IE noch im FF.

Übrigens ist "geht nicht" keine Fehlerbeschreibung.

Fehlermeldung:
getElementById(...) ist Null oder kein Objekt

Cheatah

[Rouven]

Hi,

Übrigens ist "geht nicht" keine Fehlerbeschreibung.
Fehlermeldung:
getElementById(...) ist Null oder kein Objekt

Daran solltest du weiterarbeiten. Hast du mehr als ein Objekt mit der ID Hintergrund? Hast du bei id und getElementById auf Groß/Kleinschreibung geachtet? Rufst du das auch wirklich aus dem selben Frame (=selbes document) auf? Wartest du bis die Seite vollständig geladen ist?

MfG
Rouven

[Cheatah]

Hi,

Du legst eine hohe Priorität auf den IE 4? Anders ist es nicht zu erklären, dass Du document.all einsetzt.
Das läuft halt auch im IE 7 beta.

im IE 7 beta läuft auch das, was in IE 5, Netscape 6, Firefox, Mozilla, Safari, Konqueror, Opera und zig anderen Browsern läuft. document.all brauchst Du *nur*, wenn Du speziell auf den IE 4 Wert legst.

Komisch, hier weißt Du, wie der Wert eines background-image aussehen muss,
während Du das bei JavaScript zu vergessen scheinst. Wie kommt das?
Lies dir meine Nachricht bis zum Ende durch!

Das tat ich. Versuche bitte, mein Posting zu verstehen.

Übrigens ist "geht nicht" keine Fehlerbeschreibung.
Fehlermeldung:

Eine Fehlermeldung ist keine Fehlerbeschreibung.

getElementById(...) ist Null oder kein Objekt

Und warum nicht?

Cheatah