In diesem Beispiel wollen wir eine HTML Seite in drei Frames aufteilen, wobei
sich in einem der Frames Links befinden die mit Hilfe einer Javascript-Funktion
die Inhalte der anderen beiden Frames gegeneinander austauscht !
Punkt1: Eine HTML Seite in drei Frames aufteilen
<html>
<head>
<title>Change Frame</title>
</head>
<frameset rows="117,*">
<frame src= "change1.htm" name="change1">
<frameset cols="209,*">
<frame src="menue.htm" name="menue">
<frame src="change2.htm" name="change2">
</frameset>
</frameset>
</html> |
Punkt2: Erstellen der menue.htm mit den beiden Links und der
Funktion die die beiden anderen Frames gegeneinander austauscht !
| <html>
<head>
<title>menue</title>
<Script Language="JavaScript">
<!--
function change_frame(number)
{
if (number = = 1)
{
parent.change1.location.href="change2.htm";
parent.change2.location.href="change1.htm";
}
if (number = = 2)
{
parent.change1.location.href="change1.htm";
parent.change2.location.href="change2.htm";
}
}
</Script>
</head>
<body>
<a href="Javascript:change_frame(1)">'change2.htm' upward</a> <br>
<a href="Javascript:change_frame(2)">'change1.htm' upward</a> <br>
</body>
</html> |
Punkt3: Die Seiten change1.htm und change2.htm sind reine Html Seiten und
ohne Funktion !
<html>
<head>
<title>change1</title>
</head>
<body>
That is contents of change1.htm
</body>
</html> |
| <html>
<head>
<title>change2</title>
</head>
<body>
That is contents of change2.htm
</body>
</html> |
Wenn Sie diese Seiten so erstellt haben, können Sie je nach Einstellung, den Besuchern Ihrer Seite
selbst überlassen ob Sie das Menü zb. rechts, links, oben oder unten anzeigen !
Natürlich können Sie sich den ganzen Source-Code unter Velinkte Dokumente downloaden !