<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ü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>
|