Seite 1 von 2
Hintergrundbild per JavaScript ändern?
Verfasst: 04.07.2003 10:15
von ZeroB@NG
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)
Verfasst: 04.07.2003 11:09
von Xmopf
Verfasst: 04.07.2003 11:48
von ZeroB@NG
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
Verfasst: 04.07.2003 12:15
von Mister_X
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.
Verfasst: 04.07.2003 12:55
von ZeroB@NG
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...
Verfasst: 04.07.2003 15:09
von ZeroB@NG
also ich hab mir das in etwa SO gedacht:
<html><head><script type="text/javascript"><!--
function WerteSetzen(LaLa)
{
document.getElementsByTagName("body")[0].background = LaLa;
}
//--></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
Verfasst: 04.07.2003 15:11
von Mister_X
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>
Verfasst: 04.07.2003 15:47
von ZeroB@NG
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*
Verfasst: 05.07.2003 01:43
von Mister_X
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>
Verfasst: 05.07.2003 10:00
von ZeroB@NG
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
