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 ...

practice

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.

Und jetzt auf zur Javascript methode...