Utz: function als bg

Beitrag lesen

Hallo,

mit welchem object ?! ich find das af der seite nicht. da steht nicht, wie man eine ganze funktion als hintergrund einbinden kann.

Kann man ja auch nicht. Allerdings kann man mit JS die Style-Definitionen einer Seite verändern. Hier ein klitzekleiner Wegweiser durch die DOM-Syntax (vgl. "Beispiel für DOM-Sytax"):

Schritt 1: Wir manipulieren das Document-Objekt, also:

document.

Schritt 2: Wir wollen auf ein Element mit einem bestimmten Tag-Namen zugreifen, nämlich body:

document.getElementsByTagName("body")

Schritt 3: Und zwar auf das erste davon (gibt ja nur eins, wir müssen trotzdem mit Indexnr. darauf zugreifen - Zählung fängt bei null an):

document.getElementsByTagName("body")[0].

Schritt 4: Wir wollen auf die Style-Eigenschaften dieses Elements zugreifen:

document.getElementsByTagName("body")[0].style.

Schritt 5: Und zwar hier auf die Eigenschaft "Hintergrundbild":

document.getElementsByTagName("body")[0].style.background

Schritt 6: Dieser Eigenschaft wird ein neuer Wert zugewiesen, und zwar als String in CSS-Syntax (Semikolon schließt die JS-Anweiisung ab):

document.getElementsByTagName("body")[0].style.background = "url(neuerhintergrund.gif)";

Das ganze kannst Du dann bspw. als Funktion definieren:

function changebg() {
document.getElementsByTagName("body")[0].style.background = "url(neuerhintergrund.gif)";
}

und z.B. als Link oder wie auch immer aufrufen:

<a href="#" onclick="changebg(); return false;">Hintergrund ändern</a>

Das ist das prinziipelle Verfahren - Abwandlungen ohne Ende zur Anpassung an Deine Bedürfnisse sind denkbar.

Grüße,

Utz