Frames reden miteinander

Quelltext von right.html

Dies ist die Auflistung der Datei beispiele/right.html, die die Checkboxen enthält.

<html>

<head>
<title>
JavaScript - Beispiel
</title>

<script type="text/javascript"> <!-- Script-Bereich einleiten -->
<!--                           /* HTML-Kommentar fuer Browser ohne JavaScript */

function auswahl(num)
/* reagiert auf die Auswahl einer Checkbox */
{
  var i,outtext="keine Auswahl",done=0,cnum=-1;
  with (this)
  {

/* wenn der linke frame noch nicht weit genug geladen ist : */
    if (typeof(parent.left.document.leftform)!="object")
      return;

/* den ausgewaehlten Radiobutton abchecken : */
    if (typeof(num)=="number")
      if (num>-1)
        if (document.rightform.elements[num].checked)
        {
          outtext=document.rightform.elements[num].value;
          done=1;
          cnum=num;
        }

/* falls irgendein Fehler aufgetreten ist jeden Radiobutton abchecken : */
    if (!done)
      for (i=0;i<parent.left.countchecker;i++)
        if (document.rightform.elements[i].checked)
        {
          outtext=document.rightform.elements[i].value;
          cnum=i;
        }

/* Linkes Frame anpassen : */
    parent.left.checknum=cnum;
    if (cnum<0)
      cnum="keine";
    parent.left.document.leftform.checknum.value=cnum;
    parent.left.document.leftform.anzeige.value=outtext;

  }
}

function Init()
/* Init */
{
  var i;
  with (this)
  {

/* wenn der linke frame noch nicht weit genug geladen ist : */
    if (typeof(parent.left.document.leftform)!="object")
      return;

/* bei Neuladen die Checknummer aus dem linken Frame uebernehmen : */
    for (i=0;i<parent.left.countchecker;i++)
      if (i==parent.left.checknum)
        document.rightform.elements[i].checked=true;
      else
        document.rightform.elements[i].checked=false;

    auswahl();
  }
}

//-->                          <!-- HTML-Kommentarende -->
</script>                      <!-- Script-Bereich beenden -->

</head>
<body onLoad="Init();">

<a href="../index.html#v2" target="_top">zur&uuml;ck zum Index</a>
  <!-- Link zurueck auf ../index.html -->

<br>
<br>
<br>
<form name="rightform">  <!-- HTML-Formular definieren -->

<input type=radio name="punkte" value="erstens" onClick="auswahl(0)">
  <!-- Punkt 1 -->
erstens<br>

<input type=radio name="punkte" value="zweitens" onClick="auswahl(1)">
  <!-- Punkt 2 -->
zweitens<br>

<input type=radio name="punkte" value="drittens" onClick="auswahl(2)">
  <!-- Punkt 3 -->
drittens<br>

<input type=radio name="punkte" value="viertens" onClick="auswahl(3)">
  <!-- Punkt 4 -->
viertens<br>

</form> <!-- HTML-Formular beenden -->
</body>
</html>
Autor: Ulrich Kritzner