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

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">span</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>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>The <span class="literal">span</span> object reflects the
<span class="literal">span</span> element. This element is used primarily as an
arbitrary container for assigning styles to inline content elements.
You might say that it is the quintessential generic element object.
In Navigator 4, a <span class="literal">span</span> object that is given a
position style is treated very much like a <span class="literal">layer</span>
object for scripting purposes.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="htmlequivalent"><span class="title">HTML Equivalent</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;span&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</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">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Object-Specific Properties</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">Object-Specific Methods</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificeventhandlerproperties"><span class="title">Object-Specific Event Handler Properties</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </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>&nbsp;&nbsp;</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>			Removes

		focus from the current object, at which time the
		object's <span class="literal">onblur</span> event fires. Note
		that the range of elements capable of focus and blur (both the event
		and method) is limited in all browsers except for more recent
		versions of IE (see the shared <span class="literal">tabindex</span>

		attribute
		in Chapter 8). Most reliably for backward
		compatibility, apply the <span class="literal">blur( )</span> method to
		blatantly focusable elements, such as text <span

		class="literal">input</span>
		and <span class="literal">textarea</span> elements. Assigning the

		attribute
		<span class="literal">onfocus="this.blur( );"</span> to a text
		<span class="literal">input</span> element, for instance, is a crude

		but
		effective backward-compatible way to largely disable a field for
		browsers that do not provide genuine element disabling.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			Use

		<span class="literal">blur( )</span> and <span class="literal">focus(

		)</span>
		methods in moderation on the same page. You can inadvertently trigger
		endless loops of blurring and focusing if alert dialog boxes are
		involved along the way. Moreover, be aware that when you invoke the
		<span class="literal">blur( )</span> method on one object, some other

		object
		(perhaps the <span class="literal">window</span> object) receives an
		<span class="literal">onfocus</span> event.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="parameters"><span class="title">Parameters</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="returnedvalue"><span class="title">Returned Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="filters[ ]">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">filters[ ]</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Returns an array of all <span class="literal">filter</span> objects contained
		by the current element. Applies only to the following element
		objects: <span class="literal">bdo</span>, <span class="literal">body</span>,
		<span class="literal">button</span>, <span class="literal">div</span>,
		<span class="literal">fieldset</span>, <span class="literal">img</span>,
		<span class="literal">input</span>, <span class="literal">marquee</span>,
		<span class="literal">rt</span>, <span class="literal">ruby</span>,
		<span class="literal">span</span>, <span class="literal">table</span>,
		<span class="literal">td</span>, <span class="literal">textarea</span>, and
		<span class="literal">th</span>. See the <span class="literal">filter</span> object for
		referencing syntax.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Array of <span class="literal">filter</span> object references.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Array of length zero.</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>&nbsp;&nbsp;</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>			Gives

		focus from the current object, at which time the
		object's <span class="literal">onfocus</span> event fires.
		Note that the range of elements capable of focus and blur (both the
		event and method) is limited in all browsers except for more recent
		versions of IE (see the shared <span class="literal">tabindex</span>

		attribute
		in Chapter 8). Most reliably for backward
		compatibility, apply the <span class="literal">focus( )</span> method

		to
		blatantly focusable elements, such as text <span

		class="literal">input</span>
		and <span class="literal">textarea</span> elements.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			To give

		a text box focus and pre-select all the text in the box, use
		the sequence of <span class="literal">focus( )</span> and <span

		class="literal">select(
		)</span> methods on the element. If this sequence is to occur
		after windows change (such as after an alert dialog box closes),
		place the methods in a separate function, and invoke this function
		through the <span class="literal">setTimeout( )</span> method following

		the
		<span class="literal">alert( )</span> method for the dialog. This

		allows
		IE/Windows to sequence statement execution correctly.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="parameters"><span class="title">Parameters</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None. </p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="returnedvalue"><span class="title">Returned Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</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">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provide the distance in pixels between the actual left or top edge of
the element's physical content and the left or top
edge of the visible portion of the content. Setting these properties
allows you to use a script to adjust the scrolling of content within
a scrollable container, such as text in a <span class="literal">textarea</span>
element or an entire document in the browser window or frame. When
the content is not scrolled, both values are zero. Setting the
<span class="literal">scrollTop</span> property to 15 scrolls the document
upward by 15 pixels in the window; the <span class="literal">scrollLeft</span>
property is unaffected unless explicitly changed. The property values
change as the user adjusts the scrollbars. This is important for some
event-driven positioning tasks in IE for Windows because the
coordinate system for event offset measurements are with respect to
the visible area of a page in the browser window. You must add
<span class="literal">document.body</span> scrolling factors to align event
coordinates with body content positions (see the element dragging
example in Chapter 6). Starting with IE 5 for
Windows, the <span class="literal">scrollLeft</span> and
<span class="literal">scrollTop</span> properties are available for all HTML
element objects, but values for unscrollable elements are zero.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.body.scrollTop = 40;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Positive integer or zero.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div>

</body>
</html>