Frames perfekt mit JavaScript verwalten

Quelltext von frames2.html

index Anfang runter frameman.js frames1.html red2.html
Dies ist die Auflistung der Datei beispiele/frames2.html aus Beispiel2, die vier frames anlegt, von denen drei gemanagt werden.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter frameman.js frames1.html red2.html 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<title>
Frames manipulieren
</title>
<!-- Frame-Manager einbinden: -->
<script type="text/javascript" src="frameman.js"></script>
<script type="text/javascript">
<!--
/* Die folgenden Zeilen initialisieren den FrameManager */
   /* die Frames 1,2 und 3 sollen verwaltet werden (Frame 0 wird nicht verwaltet): */
InitFrameMan(new Array(1,2,3));

   /* Thema "red": zugehoerige URLs: "red1.html", "red2.html", "red3.html": */
SetFrameURLs("red",new Array("red1.html","red2.html","red3.html"));

   /* Thema "green": zugehoerige URLs: "green1.html", "green2.html", "green3.html": */
SetFrameURLs("green",new Array("green1.html","green2.html","green3.html"));

   /* Thema "blue": zugehoerige URLs: "blue1.html", "blue2.html", "blue3.html": */
SetFrameURLs("blue",new Array("blue1.html","blue2.html","blue3.html"));
//-->
</script>
</head>
<frameset cols="160,*" border="3" frameborder="0" framespacing="3">
  <frame src="inhalt.html" name="inhalt2" marginheight="5" marginwidth="5" resize>
  <frameset rows="70,*,70" border="3" frameborder="3" framespacing="3" resize>
    <frame src="red1.html" name="oben2" marginheight="5" marginwidth="5" resize>
    <frame src="red2.html" name="mitte2" marginheight="5" marginwidth="5" resize>
    <frame src="red3.html" name="unten2" marginheight="5" marginwidth="5" resize>
  </frameset>
</frameset>
<body>
Ihr Browser unterst&uuml;tzt keine Frames.
Daher ist dieses Beispiel nicht verf&uuml;gbar.
</body>
</html>
index Anfang hoch frameman.js frames1.html red2.html
Autor: Ulrich Kritzner