Hintergrundbild ändern (IE und FF) - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Hintergrundbild ändern (IE und FF)

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Hintergrundbild ändern (IE und FF)

Pages: [1]

geschrieben von Paul.Hema am 14.06.2006 - 11:16

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

geschrieben von René am 14.06.2006 - 12:47

Hallo Paul,

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<style type="text/css" media="screen">
<!--
#bg_td
{
	background-image: url('./td_bg_01.jpg');
}
//-->
</style>

<script type="text/javascript">
<!--
function bg_wechsel(obj, bild)
{
	document.getElementById(obj).style.backgroundImage = 'url(\'./' + bild + '\')';
}
//-->
</script>

</head>
<body>

<table border="1" cellpadding="0" cellspacing="0" width="200" height="200">
  <tr>
    <td id="bg_td" onmouseover="bg_wechsel(this.id, 'td_bg_02.jpg');" onmouseout="bg_wechsel(this.id, 'td_bg_01.jpg');">&nbsp;</td>
  </tr>
</table>

</body>
</html>

geschrieben von Paul.Hema am 14.06.2006 - 15:34

Hallo Renè,
echt spitze!!! Es klappt!

Ich habe diese Frage in insgesamt 5 Foren gestellt (darunter auch selfhtml) und niemand konnte mir eine vernünftige Antwort geben.

Das lag höchst warscheinlich an \'./' und so. Was bewirken diese Zeichen?

Vielen Dank,
Paul

geschrieben von René am 14.06.2006 - 15:44

Hallo Paul,

= 'url(\'./' + bild + '\')';

du mußt das als ganzes sehen blau ist der der Anfang und das Ende da ich hierfür dein einfaches Anführungszeichen verwendet habe darf im sagen wir String nicht mehr verwendet werden es sei den man escaped (entwertet) es also \'

Das rot sollte aber nicht das Problem gelöst haben das könntest du auch weglassen.

geschrieben von Micha am 14.06.2006 - 17:58

Hi,

	Zitat
	Original geschrieben von Paul.Hema am 14.06.2006 - 15:34 Ich habe diese Frage in insgesamt 5 Foren gestellt (darunter auch selfhtml) und niemand konnte mir eine vernünftige Antwort geben.

Das stimmt so nicht! Du hast die Energie des Verstehens nur nicht verstanden...

	Zitat
	Original geschrieben von Paul.Hema am 14.06.2006 - 15:34 Das lag höchst warscheinlich an \'./' und so. Was bewirken diese Zeichen?

Nö, das nicht unbedingt. Man kann sogar sagen, das ist überflüssiger Kram und hatte nichts mit Deinem Problem zu tun.

Schöne Grüße Micha

geschrieben von René am 14.06.2006 - 18:28

	Zitat
	Original geschrieben von derletztekick am 14.06.2006 - 17:58 Man kann sogar sagen, das ist überflüssiger Kram und ...

Das kann man aber nicht als Allgemeingültig stehen lassen! Wenn du das in einer CSS-Datei stehen hast und die Datei im Ordner "css" liegt und das Hintergrundimage im Ordner "image" dann wäre der url()-Eintrag im CSS ... = url('./../image/bild.jpg'); oder von mir aus auch ohne das führende ./

aber mindestens ../

geschrieben von Micha am 14.06.2006 - 18:35

Hi,

Nö, der wäre dann so:

	HTML-Quelltext
1:	url(./../image/bild.jpg);

und damit ist es überflüssig

Micha

geschrieben von René am 14.06.2006 - 18:37

... jetzt verstehe ich glaube du meinst meine beiden ' ... ' ? Ist es den falsch wenn ich die verwende oder nur überflüssig? Ich schreib es seit Ewigkeiten mir den ' ... '.

geschrieben von Micha am 14.06.2006 - 18:50

Hi,

ja, das meinte ich.

Ich glaube ein paar (ältere) Browser können es nicht.
Ich dachte erst, das es die Variante mit Anführungszeichen wäre - das erschien mir logischer, da bei SELFHTML ohne gearbeitet wird - jedoch habe ich auf die Schnelle nur das gefunden, was dem wiedersprechen würde. Bei CSS4You macht man keinen Unterschied.

Micha

geschrieben von René am 14.06.2006 - 19:06

... dann bleib ich bei meinen ' ... '

geschrieben von Micha am 14.06.2006 - 19:16

So, fündig geworden und ich würde es ohne machen

»» Ich dachte aber, dass es an Anfuehrungszeichen bei url() liegt.
Die Anfuehrungszeichen muessen weg für den IE/Mac.

http://forum.de.selfhtml.org/archiv....3/#m416330 ff

Also doch lieber ohne, das macht 2Byte und im JS sogar 4

Micha

HTML-Quelltext

Zitat

Zitat

Zitat

HTML-Quelltext