HP-Vorlage Frames 03 (Schrebergarten)
Dieses Beispiel demonstriert vorrangig die Technik mit einem Link 2 Frameinhalte gleichzeitig auszutauschen. Dazu verbirgt sich hinter dem Textlink ein JavaScript, das diese Aufgabe übernimmt.
Vorlage einer Frameset-Webseite mit 2 vertikalen Frames. Einen für die Navigation, einen für die Inhaltsseite. Das Beispiel veranschaulicht die Technik 2 Frameinhalte gleichzeitig mittels JavaScript auszutauschen / zu ändern. Das Menü und die Inhaltsseite werden bei der Anwahl eines Oberberiffs gleichzeitig ausgetauschet. So wird bei der Anzeige eines neuen Menüs nicht nur die navigation sondern auch die zum Thema passende Startseite angezeigt.
Drei Oberbegriffe / Themen:
- 1 Framesetdatei
- 3 Menüdateien
- 3 Startseiten
- + Inhaltsseiten
|

|
Passen sie die CSS-Angaben nach eigenen Farbvorstellungen an oder verwenden sie CSS-Anweisungen ihrer Wahl (einkopieren).
Farben und Aufteilung können sie ja nach Belieben ändern. Hier gehts außerdem vorrangig um die Technik, in einem Frameset 2 Frameinhalte mit einem Klick gleichzeitig auszutauschen:
In diesem Beispiel kommt ein JavaScript zur Anwendung, das in der Menüauswahl beim Anklicken eines Oberbegriffs (Garten, Blumen, Bäume), 2 Frameinhalte gleichzeitig austauscht. Beim Anklicken eines Unterbegriffs zum Thema, wird lediglich die Datei im rechten Frame ausgetauscht (normaler Link).
Erklärungen zur Technik 2 Frameinhalte gleichzeitig ändern
Packen Sie die ZIP-Datei in einem neuen Verzeichnis aus, ändern die Inhalte mit einem Texteditor (WordPad) , schon ist ihre erste Präsenz fertig.
Zum Download der ZIP-Datei klicken Sie auf 'DOWNLOAD' oben unter dem Titelbalken
Klicken Sie auf 'VORSCHAU' oben unter dem Titelbalken, um einen ersten Eindruck zu erhalten.
Natürlich können Sie alles modifizieren.
|