Mehrere Frameset nachladen

Anleitung

Bevor ich aber beginne, sollte wir auf die notwendigen Fachbegriffe eingehen. Als Frameset wird die komplette Webseite genannt, die aus den einzelnen Frames besteht. Damit der Browser überhaupt weiß, wie und wo er die einzelnen HTML- bzw. Frame-Seiten anordnen soll, gibt es die so genannte Frameset-Datei, welche alle wichtigen Angaben über die Anordnung der Frames beinhaltet. In der Regel ist die Frameset-Datei gleichzeitig auch die Startseite der kompletten Webseite, die man unter dem Namen Index.html speichert. Zur besseren Verständnis solltet Ihr euch folgende Grafik anschauen.

Der Aufbau eines Framesets
>> Zum Vergrößern ins Bild klicken<<

Damit das Frameset bei Aufruf der Seite nachgeladen wird, muss man jede einzelne HTML-Seite mit einem Java Script-Code ergänzen. Beginnen wir bei der Frameset-Datei (Index.html): Hier muss man lediglich den rot markierten Script-Code in den Head-Bereich einfügen und den Body-Tag um onLoad="Jump()" erweitern. Dies war der erste Schritt.

Programmcode der Frameset-Datei

...
...
< meta name="Content-language" content="DE">
< meta name="Page-type" content="Bildungseinrichtung">
< meta name="Robots" content="INDEX,FOLLOW">


< script language="JavaScript">
< !--
function Jump() {
if (top.location.search!="") {
var Size=top.location.search.length;
var Address=top.location.search.substring(1,Size);
if(document.images)
top.Middle.location.replace(Address);
else top.Middle.location.href=Address;
}
}
//-->
< /script>


< /head>
< FRAMESET ROWS="106,*" border="0">
< FRAME NAME="Top" SRC="Top.html">
< Frameset COLS="150,*,160" border="0">
< FRAME NAME="Links" SRC="Links.html">
< FRAME NAME="Middle" SRC="Mainnews.html">
< FRAME NAME="Rechts" src="Rechts.html" frameborder="0" Noresize scrolling="auto">
< /FRAMESET>
< /FRAMESET>
< body onLoad="Jump()"> < /body>


Hat man dies erledigt, muss man sich jede einzelne HTML-Seite seiner Webseite vorknüpfen, bei der man es erwünscht, dass das Frameset nachgeladen wird, sobald ein Leser per Suchmaschine auf diese einzelne Seite verwiesen wird.

Programmcode der einzelnen HTML-Seiten

...
...
< meta name="Content-language" content="DE">
< meta name="Page-type" content="Bildungseinrichtung">
< meta name="Robots" content="INDEX,FOLLOW">
< script language="JavaScript">

< /script>
< base target="Middle">
< Link rel="stylesheet" type="text/css" href="Daten/JavaScript/CSSPCE.css">
< /head>
< BODY onload="FramesetTest();" background="Menu/Hintergrund.jpg">

Bei der einzelnen Webseite muss den hier rot markierten Text erst noch an die jeweilige HTML-Seite anpassen. Den in der Zeile Address= muss man vor dem Fragezeichen den Link zur Framesetseite und anschließend den Link der HTML-Seite angeben. Um auf der sicheren Seite zu sein, sollte man hier die vollständige Adresse angeben, also anstatt des einfachen Index.html die URL http://www.pc-erfahrung.de/index.html. Dann kann man halt die Seiten nicht testen, wenn man nicht mit dem Internet verbunden ist und man offline an seinem Rechner arbeitet. Na klar, denn der Browser versucht auf das Internet zuzugreifen.

Erfahrene Anwender können hier auf den vollständigen Pfad verzichten. Aber auch hier sollte man darauf achten, wenn sich die Dateien in unterschiedlichen Ordnern befinden auch den Pfad dazu anzugeben. So gibt man den Pfad an:
../index.html Datei befindet sich einen Ordner darüber
../../index.html Datei befindet sich zwei Ordner darüber
Daten/index.html Datei befindet sich in dem Ordner “Daten”

Leave a Reply