wahsaga: JavaScript-Funktion lässt Hintergrundbild verschwinden.

Beitrag lesen

hi,

Das Hintergrundbild ist ganz gewöhnlich in den Body-Tag eingebunden, und die JavaScriptfunktion zum Erzeugen der Kästchen soll onLoad aufgerufen werden:

<body  background = "Wolken.jpg"  onLoad ="PunkteZeichnenWaagerecht();">

Dieser Body verschwindet, sobald du folgendes machst:

Die Funktion, die die grauen Kästchen zeigt, sieht so aus:

function PunkteZeichnenWaagerecht()
{
   for(i=0;i<=70;i++)
    {
     document.write('...

document.write, nach dem Fertigladen der Seite aufgerufen, ersetzt das komplette Dokument.

Wenn ich in die PunkteZeichnenWaagerecht()-Funktion eine einzige Zeile Quelltext hinzufüge, gibts auch ein Hintergrundbild:

function PunkteZeichnenWaagerecht()
{
  document.write('<BODY background = "' + BildHintergrund.src + '"></BODY>');

Ja, dann enthält das neue Dokument einen Body mit deinen Angaben.

Ich bin allerdings vollkommen ratlos warum das funktioniert und bin fast sicher, das ich damit nicht problemlos arbeiten kann. Hat da vielleicht jemand eine Idee?

1. Nutze CSS für sämtliche die Darstellung betreffenden Sachen - auch für Hintergrundbilder.
2. Nutze nicht document.write, um neuen Inhalt ins Dokument zu schreiben, sondern nutze die DOM-Methoden createElement, appendChild/insertBefore & Co., um neue Elemente zu erzeugen und einzuhängen.

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }