(Un-)Sichtbar machen für alle Browser

[Tobias S.]

Hallo,
ich habe ein Problem, dass bestimmt schon viele und oft hatten:

Wie mache ich einen Bereich (Text, Image oder Form-Feld) via javascript sichtbar/unsichtbar. Und das für jeden Browser.

Hat da irgendjemand ein Patentrezept???

Tschö
Manuel

Hi Manuel!

Mein Beispiel funktioniert auf jeden Fall für die etwas neueren Generationen von IE und Netscape. Definiere für den Bereich, den Du (un-)sichtbar machen willst folgenden Frame:

<iframe height=yyy width=xxx name="ghost" frameborder=0 scrolling="no" src="inhalt.html"></iframe>

Hat die Datei 'inhalt.html' die gleiche Hintergrundfarbe wie die Eltern-Datei, die den Frame erzeugt, dann erkennt man nicht, dass hier eine zweite Datei eingebunden wurde. Nun kannst Du mit Hilfe der HTML-Elementobjekte den Inhalt des Frames beliebig verändern, indem Du einfach eine neue Datei einfügst:

<script language="JavaScript">
document.getElementById("ghost").src="neuerInhalt.html";
</script>

'neuerInhalt.html' sollte dann eine HTML-Datei sein, die einfach nur die Hintergrundfarbe der Eltern-Datei hat. Der alte Inhalt wird dadurch quasi 'übermalt'. Sollen die Elemente wieder erscheinen, dann lade einfach die ursprüngliche Datei wieder in das Frame.

Vielleicht gibts auch einfachere Lösungen, aber diese funktioniert auf jeden Fall  ;o)

Gruß, Tobias