Links und Frames

Quelltext von 01.htm

<html>
<head>
<title>Titel</title>
</head>
<frameset cols="*,2*">
  <frame name="Links" src="02.htm">
  <frame name="Rechts" src="03.htm">
</frameset>
</html>

Quelltext von 03.htm

<html>
<head>
<title>Titel</title>
</head>
<frameset rows="*,2*">
  <frame name="3oben" src="04.htm">
  <frameset cols="50%,*">
    <frame name="3links" src="05.htm">
    <frame name="3rechts" src="06.htm">
  </frameset>
</frameset>
</html>

In Frames gibt es für die Darstellungsziele von Links bedeutend mehr Möglichkeiten als du bisher kennen gelernt hast. Ich möchte diese Möglichkeiten anhand einiger Beispiels vorführen. Das Dokument 01.htm ist ein Frameset, dass zwei nebeneinanderliegenden Frames enthält. Links ist der Frame "links" und rechts ist der Frame "rechts". Der Frame "links" enthält das Dokument 02.htm, der Frame "rechts" enthält das Dokument 03.htm. Das Dokument 03 .htm ist wiederum ein Frameset das aus zwei Reihen besteht. Die obere Reihe enthält den Frame "3oben", der das Dokument 04.htm enthält. Die untere Reihe enthält zwei nebeneinander liegende Frames, von denen der linke "3links" heißt und das Dokument 05.htm enthält, und der rechte "3rechts" heißt und das Dokument 06.htm enthält. Außerdem benötige ich noch das Dokument 07.htm. Damit du die Dukumente in den einzelnen Frames besser unterscheiden kannst habe ich den Seiten unterschiedliche Hintergrundfarben gegeben.

Das Dokument 02.htm hat einen weißen Hintergrund.
Das Dokument 04.htm hat einen gelben Hintergrund.
Das Dokument 05.htm hat einen rosa Hintergrund.
Das Dokument 06.htm hat einen grünen Hintergrund.
Das Dokument 07.htm hat einen hellblauen Hintergrund.


Link ohne Zielangabe

Bauen wir probehalber mal in die Dokumente 02.htm, 04.htm, 05.htm und 06.htm je einen Link zu 07.htm ein. Dazu fügen wir in den Body von all diesen Seiten die Zeile <a href="07.htm">klick</a> ein.

Wenn du die Links ausprobierst, wirst du sehen, dass die Seite in der der Link betätigt wird durch die Seite 07.htm ersetzt wird.


Ziel im ganzen Fenster anzeigen

Bei diesem Beispiel kommt es in Opera 5, Opera 6, NN 6 und Mozilla 1 gelegentlich zu Problemen. Wenn du einen dieser Browser benutzt und die hellblaue Seite nicht wieder verschwindet, kannst du diesen Link benutzen um das Beispiel neu zu laden.

Angenommen, die Seite 07.htm soll aber im ganzen Fenster erscheinen. Dazu ergänzen wir einfach target="_top". Im Body jeder der Seiten steht in diesem Beispiel also <a href="07.htm" target="_top">klick</a>. In das Dokument 07.htm habe ich zusätzlich ein Script eingebaut, das dich wieder zurück bringt. Du kannst also auch diese Links problemlos ausprobieren.


Ziel statt dem übergeordneten Frameset anzeigen

Bevor du einen Link in einem der Beispiele benutzt, warte bitte bis keine hellblauen Seiten mit dem Text "Dies ist 07.htm. Diese Seite enthält ein Script, das dich in 5 Sekunden automatisch wieder dahin bringt, wo du her gekommen bist." mehr zu sehen sind. Es kommt sonst zu Störungen in den Scripten.

Auch bei diesem Beispiel kommt es in Opera 5, Opera 6, NN 6 und Mozilla 1 gelegentlich zu Problemen. Wenn du einen dieser Browser benutzt und die hellblaue Seite nicht wieder verschwindet, kannst du diesen Link benutzen um das Beispiel neu zu laden.

target="_parent" bewirkt, dass die Seite im Elternframe gezeigt wird. Sie erscheint also stattdem Frameset, in dem die aufrufende Seite gestanden hat. In diesem Beispiel steht <a href="07.htm" target="_parent">klick</a> im Body der Seiten 02.htm, 04.htm, 05.htm und 06.htm.


Ziel in einem beliebigen Fenster oder Frame anzeigen

Dieses Beispiel funktioniert leider in Opera 5, Opera 6, Opera 7 und Mozilla 1 nicht. Wenn du einen dieser Browser benutzt, verenden bitte diesen Link um ein neues Fenster mit einem Beispiel zu öffnen.

Du kannst auch ein beliebiges Fenster oder einen beliebigen Frame als Darstellungsziel angeben. target="name" bewirkt, dass die Seite an der entsprechenden Stelle gezeigt wird. Wenn es keinen Frame oder kein Fenster mit diesem Namen gibt, wird ein neues Fenster mit diesem Namen geöffnet. In diesem Beispiel steht also <a href="07.htm" target="links">klick</a> im Body der Seiten 02.htm, 04.htm, 05.htm und 06.htm. Die Beispiele unten enthalten statt dessen die Zeile <a href="07.htm" target="rechts">klick</a> bzw. <a href="07.htm" target="3links">klick</a>.

Da auch diese Beispiele in Opera 5, Opera 6, Opera 7 und Mozilla 1 nicht funktionieren ist jeweils unter dem Beispiel ein Link mit dem du ein neues Fenster mit einem funktioniereneden Beispiel öffnen kannst.


Neues Fenster für die User von Opera 5, Opera 6, Opera 7 und Mozilla 1.

Neues Fenster für die User von Opera 5, Opera 6, Opera 7 und Mozilla 1.

Natürlich funktioniert alles was du auf dieser Seite gelernt hast mit allen aktuellen Browsern. Die Probleme mit den einzelnen Browsern bestehem nur in den von mir verwendeten Modellen.

Im nächsten Kapitel erfährst du, wie du ein Basis-Darstellungsziel (base target) festlegst.


Um einen Link zu setzen, der direkt auf diese Seite führt, verwende folgende Url: