<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">th</td><td valign="top" nowrap class="compatibility">&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>See td.</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="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">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-only</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Broadly speaking, these provide the height and width of the
		element's content, but with minor variations with
		respect to element padding among various operating system versions of
		IE and compatibility modes controlled by the
		<span class="literal">DOCTYPE</span> declaration. Not available for all element
		types in IE for Macintosh. For Netscape 7, values are zero except
		when an element's content overflows the viewable
		area, in which case the values reveal the dimensions of the viewable
		area (e.g., the browser window's content region for
		the <span class="literal">document.body</span> element). See the Section 9.2 at the beginning of
		this chapter for details.
		</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>var midHeight = document.body.clientHeight/2;</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>			Integer pixel value.</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>
<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>


</body>
</html>