<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Beschreibung">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">legend</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Das <span class="literal">legend</span>-Objekt spiegelt das <span class="literal">legend</span>-Element wider. Ein <span class="literal">legend</span>-Element muss in und direkt nach dem Element <span class="literal">fieldset</span> verschachtelt sein, das mit einem Formular oder einer Gruppe von Formularsteuerelementen verkn&uuml;pft ist.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="htmlequivalent"><span class="title">HTML-&Auml;quivalent</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;legend&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>")</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Objektspezifische Eigenschaften</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">align</span></td><td><span class="literal">form</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">Objektspezifische Methoden</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keine.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificeventhandlerproperties"><span class="title">Objektspezifische Ereignisbehandlungsroutineneigenschaften</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keine.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="accessKey">
							<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
								<tr><td valign="top" class="name">accessKey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span></td>
								</tr>
								<tr>
									<td valign="top" nowrap class="usage"><p class="literal"></p>
									</td><td valign="top" nowrap class="requirements"><span class="emphasis">Lesen/Schreiben</span></td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="description"><p>Dies ist eine einzelne Buchstabentaste, durch die ein Element (in manchen Browsern) den Fokus erh&auml;lt oder ein Formularsteuerelement bzw. eine Link-Aktion aktiviert wird. Der Browser und das Betriebssystem bestimmen, ob zusammen mit der Buchstabentaste eine Zusatztaste (wie <span class="emphasis">Strg</span>, <span class="emphasis">Alt</span> oder <span class="emphasis">Befehl</span>) gedr&uuml;ckt werden muss, damit der Link aktiviert wird. In IE f&uuml;r Windows ab Version 5 und Netscape 6 muss gleichzeitig die <span class="emphasis">Alt</span>-Taste gedr&uuml;ckt werden, und bei der Buchstabentaste wird nicht zwischen Gro&szlig;- und Kleinschreibung unterschieden. In IE f&uuml;r den Macintosh ab Version 5 und der Macintosh-Version von Netscape 6 funktioniert die Zugriffstaste nur in Verbindung mit der <span class="emphasis">Ctrl</span>-Taste.
				</p>
											</td>
										</tr>
										<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
										</tr>
										<tr>
											<td colspan="2"><p>Obwohl sie hier als gemeinsame Eigenschaft aufgef&uuml;hrt, wird sie streng genommen nicht in allen Implementierungen unterst&uuml;tzt. Netscape 6 (per W3C-DOM) erkennt diese Eigenschaft nur in Verbindung mit den folgenden Elementen: <span class="literal">a</span>, <span class="literal">area</span>, <span class="literal">button</span>, <span class="literal">input</span>, <span class="literal">label</span>, <span class="literal">legend</span> und <span class="literal">textarea</span>, IE 4 dar&uuml;ber hinaus f&uuml;r <span class="literal">applet</span>, <span class="literal">body</span>, <span class="literal">div</span>, <span class="literal">embed</span>, <span class="literal">isindex</span>, <span class="literal">marquee</span>, <span class="literal">object</span>, <span class="literal">select</span>, <span class="literal">span</span>, <span class="literal">table</span> und <span class="literal">td</span> (nicht jedoch f&uuml;r <span class="literal">label</span> und <span class="literal">legend</span>). IE 5 erkennt dieses Attribut in Verbindung mit allen darstellbaren Elementen, weist in diesem Zusammenhang jedoch eine Besonderheit auf: Au&szlig;er bei <span class="literal">input</span> und anderen formularbezogenen Elementen m&uuml;ssen Sie einem Element f&uuml;r IE ab Version 5 au&szlig;erdem ein <span class="literal">tabindex</span>-Attribut mit einem beliebigen Wert oder einen beliebigen <span class="literal">tabIndex</span>-Eigenschaftswert zuweisen, damit der Benutzer in der Lage ist, ihm mithilfe der Schnellzugriffstaste den Fokus zu &uuml;bergeben. In Netscape 7 hat eine &Auml;nderung des Eigenschaftswerts in einem Skript bisher keine Auswirkung auf das Verhalten der Benutzeroberfl&auml;che.
				</p>
											</td>
										</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td><span class="programlisting"><pre>document.links[3].accessKey = "n";</pre>
										</span></td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
								</tr>
								<tr>
									<td colspan="2"><p>Einzelnes alphanumerisches Zeichen (oder ein Satzzeichen).</p>
									</td>
								</tr>
								<tr>
									<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
								</tr>
								<tr>
									<td colspan="2"><p>Leere Zeichenfolge. </p>
									</td>
								</tr>
							</table>
		</div>
		<div id="align">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">align</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Lesen/Schreiben</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Steuert die Anordnung des <span class="literal">legend</span>-Elements relativ zum umgebenden <span class="literal">fieldset</span>-Element. Die zul&auml;ssigen Werte funktionieren in Internet Explorer 4 nicht immer wie vorgesehen. Denken Sie daran, die gew&uuml;nschte Einstellung auf allen Betriebssystemplattformen Ihrer geplanten Zielgruppe zu testen.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myLegend").align = "center";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Einer der folgenden Konstantenwerte (in Form einer Zeichenfolge): <span class="literal">bottom</span> | <span class="literal">center</span> | <span class="literal">left</span> | <span class="literal">right</span> | <span class="literal">top</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">left</span></p>
					</td>
				</tr>
			</table>
		</div>
		<div id="blur( )">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">blur( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Entfernt den Fokus vom aktuellen Objekt und l&ouml;st damit das <span class="literal">onblur</span>-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterst&uuml;tzen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschr&auml;nkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs <span class="literal">tabindex</span> in Kapitel 8). Am zuverl&auml;ssigsten im Hinblick auf die R&uuml;ckw&auml;rtskompatibilit&auml;t funktioniert die Methode <span class="literal">blur( )</span> in Verbindung mit eindeutig fokusf&auml;higen Elementen wie Text-<span class="literal">input</span>- und <span class="literal">textarea</span>-Elementen. Die Zuweisung des Attributs <span class="literal">onfocus="this.blur( );"</span> zu einem Text-<span class="literal">input</span>-Element ist beispielsweise eine simple, aber effektive und r&uuml;ckw&auml;rtskompatible M&ouml;glichkeit, ein Feld f&uuml;r Browser zu deaktivieren, die keine eigene Funktion zum Deaktivieren von Elementen aufweisen.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>Verwenden Sie die Methoden <span class="literal">blur( )</span> und <span class="literal">focus( )</span> vorsichtig in ein- und derselben Seite, da hierbei durch eingeblendete Warndialogfelder versehentlich Blur- und Fokus-Endlosschleifen ausgel&ouml;st werden k&ouml;nnen. Denken Sie au&szlig;erdem daran, dass der Aufruf der Methode <span class="literal">blur( )</span> eines Objekts bewirkt, dass ein anderes Objekt (m&ouml;glicherweise das <span class="literal">window</span>-Objekt) ein <span class="literal">onfocus</span>-Ereignis empf&auml;ngt.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="parameters"><span class="title">Parameter</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keine.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="returnedvalue"><span class="title">Zur&uuml;ckgegebener Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keiner.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="clientLeft, clientTop">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">clientLeft, clientTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Schreibgesch&uuml;tzt</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Geben die linke und obere Koordinate des Elementinhalts innerhalb des Rechtecks bereit, das die Elementauff&uuml;llung enth&auml;lt, jedoch mit geringf&uuml;gigen Abweichungen bei den verschiedenen Betriebssystemversionen von IE. In IE f&uuml;r Macintosh nicht f&uuml;r alle Elementtypen verf&uuml;gbar. Weitere Informationen finden Sie in Abschnitt 9.2 am Anfang dieses Kapitels. Hilfreichere Informationen zur Positionierung von Inline-Elementen lassen sich im Allgemeinen &uuml;ber die Eigenschaften <span class="literal">offsetLeft</span> und <span class="literal">offsetTop</span> ermitteln (einschlie&szlig;lich Netscape 6). Bei CSS-positionierten Elementen verwenden Sie <span class="literal">style</span>-Objekteigenschaften wie <span class="literal">left</span> und <span class="literal">top</span> sowie (nur in IE) <span class="literal">pixelLeft</span> und <span class="literal">pixelTop</span> (auch zum &Auml;ndern der Position eines Elements).
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Ein Pixelwert als ganze Zahl.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="clientHeight, clientWidth">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">clientHeight, clientWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Schreibgesch&uuml;tzt</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Geben die H&ouml;he und Breite des Elementinhalts zur&uuml;ck, jedoch mit geringf&uuml;gigen Abweichungen hinsichtlich der Elementauff&uuml;llung bei den verschiedenen Betriebssystemversionen von IE und den verschiedenen von der <span class="literal">DOCTYPE</span>-Deklaration gesteuerten Kompatibilit&auml;tsmodi. In IE f&uuml;r Macintosh nicht f&uuml;r alle Elementtypen verf&uuml;gbar. Bei Netscape 7 sind die Werte Null, es sei denn, der Inhalt eines Elements ragt &uuml;ber den sichtbaren Bereich hinaus, in welchem Fall die Werte die Abmessungen des sichtbaren Bereichs (beim Element <span class="literal">document.body</span> beispielsweise den Inhaltsbereich des Browserfensters) angeben. Weitere Informationen finden Sie in Abschnitt 9.2 am Anfang dieses Kapitels.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>var midHeight = document.body.clientHeight/2;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Ein Pixelwert als ganze Zahl.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="focus( )">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">focus( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>&Uuml;bergibt den Fokus an das aktuelle Objekt und l&ouml;st damit das <span class="literal">onfocus</span>-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterst&uuml;tzen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschr&auml;nkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs <span class="literal">tabindex</span> in Kapitel 8). Am zuverl&auml;ssigsten im Hinblick auf die R&uuml;ckw&auml;rtskompatibilit&auml;t funktioniert die Methode <span class="literal">focus( )</span> in Verbindung mit eindeutig fokusf&auml;higen Elementen wie Text-<span class="literal">input</span>- und <span class="literal">textarea</span>-Elementen.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>Um einem Textfeld den Fokus zuzuweisen und zugleich den in diesem Feld enthaltenen Text zu markieren, wenden Sie die Methoden <span class="literal">focus( )</span> und <span class="literal">select( )</span> nacheinander auf das Element an. Wenn dies unmittelbar nach einer Ver&auml;nderung im Fenster geschehen soll (z.B. nachdem ein Wardialogfeld geschlossen wurde), stellen Sie die beiden Methoden in eine separate Funktion und rufen Sie diese im Anschluss an die <span class="literal">alert( )</span>-Methode des Dialogfelds &uuml;ber die Methode <span class="literal">setTimeout( )</span> auf. Auf diese Weise k&ouml;nnen Sie gew&auml;hrleisten, dass IE/Windows die Anweisungen in der richtigen Reihenfolge ausf&uuml;hrt.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="parameters"><span class="title">Parameter</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keine. </p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="returnedvalue"><span class="title">Zur&uuml;ckgegebener Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keiner.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="form">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">form</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE 5(Mac)/<span class="emphasis">6(Win)</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Schreibgesch&uuml;tzt</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Gibt eine Referenz auf das n&auml;chst&auml;u&szlig;ere <span class="literal">form</span>-Elementobjekt im Dokumentbaum zur&uuml;ck. Mehrere <span class="literal">legend</span>-Elementobjekte innerhalb desselben <span class="literal">form</span>-Elements verweisen auf dasselbe <span class="literal">form</span>-Elementobjekt.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var theForm = document.getElementById("myLegend").form;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Referenz auf ein <span class="literal">form</span>- Elementobjekt.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keiner.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="scrollHeight, scrollWidth">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">scrollHeight, scrollWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Schreibgesch&uuml;tzt</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Diese Eigenschaften wurden in IE 4 urspr&uuml;nglich f&uuml;r Elemente implementiert, die entweder selbst einen Bildlauf ausf&uuml;hren oder den Bildlauf eines Elements beeinflussen (<span class="literal">body</span>, <span class="literal">button</span>, <span class="literal">caption</span>, <span class="literal">div</span>, <span class="literal">fieldset</span>, <span class="literal">legend</span>, <span class="literal">marquee</span> und <span class="literal">textarea</span>), und geben die Abmessungen eines Elements in Pixeln zur&uuml;ck, auch wenn dieses gr&ouml;&szlig;er ist als der sichtbare Bereich des Browserfensters. Insofern unterscheiden sie sich von den Eigenschaften <span class="literal">clientHeight</span> und <span class="literal">clientWidth</span> f&uuml;r rollbare Elemente, die nur die Abmessungen sichtbarer Anteile des Elements zur&uuml;ckgeben. IE f&uuml;r den Macintosh interpretiert den Zweck der Bildlaufeigenschaften anders und gibt die Ma&szlig;e der sichtbaren Elementbereiche zur&uuml;ck.
		</p>
									</td>
								</tr>
								<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
								</tr>
								<tr>
									<td colspan="2"><p>In IE f&uuml;r Windows weisen seit Version 5 alle HTML-Elemente diese Eigenschaften auf, und die Werte f&uuml;r nicht rollende Elemente sind mit denen der Eigenschaften <span class="literal">offsetHigh</span> und <span class="literal">offsetWidth</span> identisch. Netscape 7 implementiert diese Eigenschaften f&uuml;r alle Elemente und gibt die H&ouml;he und Breite des Elements zur&uuml;ck, unabh&auml;ngig davon, ob es sich innerhalb oder au&szlig;erhalb des sichtbaren Bereichs befindet. Wichtig ist hier, dass f&uuml;r Schl&uuml;sselelemente, wie z.B. <span class="literal">body</span>, die Eigenschaften unterschiedliche Dinge bedeuten und den plattform&uuml;bergreifenden Betrieb st&ouml;ren k&ouml;nnen.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>var midPoint = document.body.scrollHeight/2;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Eine positive ganze Zahl oder Null.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Keine. </p>
							</td>
						</tr>
					</table>
				</div>

				<div id="scrollLeft, scrollTop">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">scrollLeft, scrollTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">nicht zutreffend</span></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Lesen/Schreiben</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Stellt den Abstand in Pixeln zwischen dem tats&auml;chlichen linken oder oberen Rand des physischen Inhalts eines Elements und dem linken oder oberen Rand des sichtbaren Teils des Inhalts bereit. Durch Festlegen dieser Eigenschaften k&ouml;nnen Sie ein Skript verwenden, um den Bildlauf von Inhalten in einem rollbaren Container einstellen, z.B. einen Text in einem <span class="literal">textarea</span>-Element oder ein gesamtes Dokument in einem Browserfenster bzw. einem Frame. K&ouml;nnen die Inhalte nicht gerollt werden, sind beide Werte Null. Wenn Sie die Eigenschaft <span class="literal">scrollTop</span> beispielsweise auf 15 setzen, rollt das Dokument um 15 Pixel im Fenster nach oben; die Eigenschaft <span class="literal">scrollLeft</span> wird nicht beeinflusst, soweit sie nicht ausdr&uuml;cklich ge&auml;ndert wird. Die Eigenschaftswerte &auml;ndern sich, wenn der Benutzer die Bildlaufleisten anpasst. Dies ist f&uuml;r bestimmte ereignisgesteuerte Positionierungsaufgaben in IE f&uuml;r Windows von Bedeutung, da sich das Koordinatensystem f&uuml;r Ereignis-Offset-Messungen auf den sichtbaren Bereich einer Seite im Browserfenster bezieht. Sie m&uuml;ssen <span class="literal">document.body</span>-Bildlauffaktoren hinzuf&uuml;gen, um Ereigniskoordinaten an den Positionen der Body-Inhalte auszurichten (siehe das Beispiel zum Ziehen von Elementen in Kapitel 6). In IE f&uuml;r Windows ab Version 5 sind die Eigenschaften <span class="literal">scrollLeft</span> und <span class="literal">scrollTop</span> f&uuml;r alle HTML-Elementobjekte verf&uuml;gbar, nicht rollbare Elemente weisen jedoch f&uuml;r beide Eigenschaften den Wert Null auf.
		</p>
									</td>
								</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.body.scrollTop = 40;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>Eine positive ganze Zahl oder Null.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
						</tr>
						<tr>
							<td colspan="2"><p><span class="literal">0</span></p>
							</td>
						</tr>
					</table>
		</div>

<div id="focus( )">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">focus( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>&Uuml;bergibt den Fokus an das aktuelle Objekt und l&ouml;st damit das <span class="literal">onfocus</span>-Ereignis des Objekts aus. Beachten Sie, dass die Palette der Elemente, die Fokus und Blur (Ereignisse und Methoden) unterst&uuml;tzen, in allen Browsern mit Ausnahme der neuesten Versionen von IE eingeschr&auml;nkt ist (weitere Informationen finden Sie in der Abhandlung des Attributs <span class="literal">tabindex</span> in Kapitel 8). Am zuverl&auml;ssigsten im Hinblick auf die R&uuml;ckw&auml;rtskompatibilit&auml;t funktioniert die Methode <span class="literal">focus( )</span> in Verbindung mit eindeutig fokusf&auml;higen Elementen wie Text-<span class="literal">input</span>- und <span class="literal">textarea</span>-Elementen.
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td colspan="2"><p>Um einem Textfeld den Fokus zuzuweisen und zugleich den in diesem Feld enthaltenen Text zu markieren, wenden Sie die Methoden <span class="literal">focus( )</span> und <span class="literal">select( )</span> nacheinander auf das Element an. Wenn dies unmittelbar nach einer Ver&auml;nderung im Fenster geschehen soll (z.&#160;B. nachdem ein Wardialogfeld geschlossen wurde), stellen Sie die beiden Methoden in eine separate Funktion und rufen Sie diese im Anschluss an die <span class="literal">alert( )</span>-Methode des Dialogfelds &uuml;ber die Methode <span class="literal">setTimeout( )</span> auf. Auf diese Weise k&ouml;nnen Sie gew&auml;hrleisten, dass IE/Windows die Anweisungen in der richtigen Reihenfolge ausf&uuml;hrt.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameter</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keine. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Zur&uuml;ckgegebener Wert</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Keiner.</p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>