Lade 2 (oder mehr) Frames mit einem Klick - HTML Methode |
Es gibt zwei Wege, dies zu tun... die HTML Methode, und die Javascript Methode. Jede hat ihre Vorteile und ihre Nachteile.
Die HTML Methode erfordert nicht, dass Javascript im Browser aktiviert ist. Sie erfordert nicht, dass Du etwas Neues lernen musst. (Wenn Du Frames machen kannst, kannst Du das auch.)
Die Javascript Methode ist besser, wenn Du Dich weiter mit Frame-Manipulation beschäftigen möchtest. Sie bedeutet oft weniger Arbeit, man kann sie "wiederverwenden", sie ist flexibler und leichter hinzuzufügen. Der einzige Nachteil ist, das man im Browser Javascript aktiviert haben muss, sonst passiert rein gar nichts.
Falls irgend möglich, verwende die HTML Methode.
Wir werden diese Methode zuerst besprechen.
Ändere 2 (oder mehr) Frames - die HTML Methode
Die Idee dabei ist einfach... die zwei zu ändernden Frame sind in einer FRAMESET Datei festgelegt.Um sie zu ändern, lade eine neue FRAMESET Datei.
Klicke unten auf den Link. Folge mir Schritt für Schritt. Ich werde erklären, was
passiert.
Hier ist ein Beispiel.
Der Link lädt zuerst eine Verzeichnisseite im linken Frame und eine Framesetseite im rechten Frame. Die Framesetseite lädt sofort 2 Seiten in den rechten Frame: Joe's Freund Bill und Joe's Freund Ed.
Klicke auf den Link zu Jackie's Freunde.
Dies lädt eine ganz neue Framesetseite (split2_jackie.html) in den rechten Frame, der sofort Jackie's Freund Amy und Jackie's Freund Joan in die Frames lädt.
Du siehst, alles was Du machst, ist eine neue Framesetseite zu laden, wenn Du auf einen Link klickst. Die Framesets könne so komplex sein, wie Du willst. Klicke vor und zurück zwischen Joe's Freunden und Jackie's Freunden.
Jetzt klicke auf Mehr Freunde.
Oh Gott! Was ist passiert?
Nun...noch mehr der selben Sache. Durch Klicken auf den Link wird eine ganz neue Hauptseite geladen, die als Ziel "_top" hat. Das hat eine neue Verzeichnisseite in den linken Frame geladen und eine neue Framesetseite in den rechten Frame, der 4 Seiten in 4 rechte Frames geladen hat.
Klicke auf John's Freunde. Das lädt eins neue Framesetseite (split4_john.html) in den rechten Frame, die wiederum Joe's Freunde lädt. Klicke vor und zurück zwischen Joe, Jackie, John und Jenny , es werden einfach verschiedene Framesets in den rechten Frame geladen. Durch Klicken auf Weniger Freunde wird die erste Hauptseite wieder neu geladen.
Ganz schön gut, was?
Die folgenden Dokumente werden in den obigen Beispielen verwendet.
- Schau Dir das Verzeichnis an
- Hauptseiten
- master_html_2.html
- master_html_4.html
- Verzeichnisseiten
- dir_html_2.html
- dir_html_4.html
- Frameset Seiten
- split2_joe.html
- split2_jackie.html
- split4_joe.html
- split4_jackie.html
- split4_john.html
- split4_jenny.html
- Freundeseiten
- zjoe_bill.html
- zjoe_ed.html
- zjoe_frank.html
- zjoe_tom.html
- zjackie_amy.html
- zjackie_joan.html
- zjackie_lisa.html
- zjackie_toni.html
- zjohn_al.html
- zjohn_dean.html
- zjohn_george.html
- zjohn_ralph.html
- zjenny_denise.html
- zjenny_marci.html
- zjenny_pam.html
- zjenny_shannon.html
Das ist alles zur HTML Methode. Denke daran, egal welche Methode Du verwendest, es gibt genug Platz für Fehler. Sei genau und gründlich. Teste Deine Seiten, bevor Du sie auf die Welt loslässt.
Möchtest Du Dich selbst testen? Hier ist etwas zum intensiven Üben ...
Mach aus diese kleinen Frames-Symphonie HTML Seiten. Verwende folgende Struktur...
Mammals Farm Animals Cow | Pig | Horse Big Game Bear | Moose Small Critters Mouse | Gerbil | Squirrel | Mole Plants Trees Maple | Oak | Fir | Cherry Flowers Daisy | Tulip | Rose Fruits Apple | Orange | Grapes | Peaches | Plums | Lemons Vegetables Cucumber | Green beans Fish Game fish Salmon | Bass | Walleye | Catfish Aquarium fish Goldfish | Guppies
Eine Lösung ist hier , falls Du sie brauchst.