Hintergrundbild per JavaScript ändern?

ZeroB@NG · Beitrag von **ZeroB@NG** » 04.07.2003 10:15

Ich hab ein Menü mit einem Hintergrundbild das ich möglichst nicht neu laden möchte... das Hintergrundbild soll sich aber bei "onClick" ändern...

gibts da ne Möglichkeit das zu bewerkstelligen?

Hintergrundfarbe klappt ja aber mit Bild willer einfach nicht

(und nein Suchfunktion hat nix gebracht)

Xmopf · Beitrag von **Xmopf** » 04.07.2003 11:09

Tag,

vielleicht hilft dir das ja weiter:

http://selfhtml.teamone.de/javascript/o ... background

Gruß
Xmopf

ZeroB@NG · Beitrag von **ZeroB@NG** » 04.07.2003 11:48

da hab ich auch schon drann gedacht nur ganz oben auf der seite steht auch

Wichtig:
Das layers-Objekt wird von Netscape ab Version 6.0 nicht mehr unterstützt. Es sollte also nur noch aus Gründen der Rückwärtskompatibilität zu Netscape 4.x Verwendung finden.

und mim IE6.0 bekomm ich bei den beispielen (auf der ganzen Seite) auch nichts "korrekt" angezeigt

und da ich kaum glaube das heute noch jemand Netscape 4.x benutzt

Beitrag von **Mister_X** » 04.07.2003 12:15

zeige doch mal den Code wie du es im Augenblick gelöst hast damit die Farbe geändert wird, vielleicht gibt jemandem hier das nen Denkanstoß fürs Bild.

ZeroB@NG · Beitrag von **ZeroB@NG** » 04.07.2003 12:55

die kann man einmal ganz einfach mit document.bgcolor neu setzen...

uuund *wühl*

http://selfhtml.teamone.de/javascript/o ... e.htm#body
(body muss man oben nochmal anklicken glaub ich)

da ist auch eine option angegeben background = "URI einer dokumentweiten Hintergrundgrafik"
aber wenn ich das probier tut sich nix... mach wohl irgendwas falsch... blick den code davon auch nicht so ganz

...
das müsste dann doch

Code: Alles auswählen

document.getElementsByTagName("body")[0].background = #übergebener wert von onClick="WerteSetzen(***)"#;

sein... ? nur da tut sich dann nix...

ZeroB@NG · Beitrag von **ZeroB@NG** » 04.07.2003 15:09

also ich hab mir das in etwa SO gedacht:

<html><head><script type="text/javascript"></script></head><body>
<img src="unterseite\deutsch_a.gif" onMouseOver="WerteSetzen(unterseite\deutsch_a.gif)">
</body></html>

nur passiert da nix nichtmal ne fehlermeldung kommt da

Beitrag von **Mister_X** » 04.07.2003 15:11

das hier funktioniert bei mir ganz toll:

Code: Alles auswählen

<html><head><title>Test</title>
<script type="text/javascript">
<!--
function WerteSetzen() {
 document.getElementsByTagName("body")[0].text = document.Formular.Text.value;
 document.getElementsByTagName("body")[0].link = document.Formular.Link.value;
 document.getElementsByTagName("body")[0].vLink = document.Formular.VLink.value;
 document.getElementsByTagName("body")[0].bgColor = document.Formular.BgColor.value;
 document.getElementsByTagName("body")[0].background = document.Formular.background.value;
}
//-->
</script>
</head><body>
<h1>Ein dynamisches Dokument</h1>
<a href="news.htm"><b>Ein Link zu den News</b></a>

<form name="Formular" action="">
<pre>
Textfarbe:           <input type="text" size="7" name="Text">
Linkfarbe:           <input type="text" size="7" name="Link">
Linkfarbe (besucht): <input type="text" size="7" name="VLink">
Hintergundfarbe:     <input type="text" size="7" name="BgColor">
Hintergundbild:      <input type="text" size="7" name="background">
Einstellungen:       <input type="button" value="Testen!" onClick="WerteSetzen()">
</pre>
</form>

</body></html>

ZeroB@NG · Beitrag von **ZeroB@NG** » 04.07.2003 15:47

hmm japp SO Funktioniert das...
Aber ich brauch das mit nem OnClick der die URL übergibt weil ich das 5 mal in dem Menü brauch und DANN willer bei mir auch nicht mehr... naja wenigstens weis ich jetzt das der IE die funktion überhaupt schonmal kann... dann musses auch irgendwie funktionieren...

...nur wie? in meinem code ist bestimmt nur wieder irgend ein Anführungszeichen zu viel oder zu wenig... irgend ne kleinigkeit *kein plan mehr hab und auf feierabend wart*

Beitrag von **Mister_X** » 05.07.2003 01:43

sowat:

Code: Alles auswählen

<html><head><title>Test</title>
<script type="text/javascript">
<!--
function WertSetzen(blub) {
 document.getElementsByTagName("body")[0].background = blub;
}
//-->
</script>
</head><body>
<a href="javascript:WertSetzen('test.gif')">Hier klicken für test.gif als Hintergrundbild</a>
<br>
<a href="javascript:WertSetzen('dumbo.jpg')">Hier klicken für dumbo.jpg als Hintergrundbild</a>
</body></html>

ZeroB@NG · Beitrag von **ZeroB@NG** » 05.07.2003 10:00

japp das funktioniert! (wenn man bei den 2 href's noch ein >>"<< hinten drann macht

)

Danke für die Hilfe! Werdet mich bestimmt bald wieder sehen