<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">area</td>
      <td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</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">area</span> object reflects the <span class="literal">area</span> element,
          which defines the shape, coordinates, and destination of a clickable
          region of a client-side image map. Navigator and Internet Explorer
          treat an <span class="literal">area</span> object as a member of the <span class="literal">links</span> collection,
          since an <span class="literal">area</span> object behaves much like
          a link, but for a segment of an image. </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;area&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.links[i]
[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 valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr>
    <tr>
      <td>
        <table border="1">
          <tbody>
            <tr>
              <td><span class="literal">alt</span></td>
              <td><span class="literal">coords</span></td>
              <td><span class="literal">hash</span></td>
              <td><span class="literal">host</span></td>
              <td><span class="literal">hostname</span></td>
            </tr>
            <tr>
              <td><span class="literal">href</span></td>
              <td><span class="literal">noHref</span></td>
              <td><span class="literal">pathname</span></td>
              <td><span class="literal">port</span></td>
              <td><span class="literal">protocol</span></td>
            </tr>
            <tr>
              <td><span class="literal">search</span></td>
              <td><span class="literal">shape</span></td>
              <td><span class="literal">target</span></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </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="alt">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">alt</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Future nongraphical browsers may use the <span class="literal">alt</span> property
          setting to display a brief description of the meaning of the (invisible)
          image's hotspots. </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.getElementById("<span class="replaceable">elementID</span>").alt = "To Next Page";</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>			Any quoted string of characters.</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>			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="coords">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">coords</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Defines the outline of the area to be associated with a particular
          link or scripted action. Coordinate values are entered as a comma-delimited
          list. If hotspots of two areas should overlap, the area that is defined
          earlier in the code takes precedence. </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.getElementById("mapArea2").coords = "25, 5, 50, 70";</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>			Each coordinate is a pixel length value, but the number of coordinates
          and their order depend on the shape specified by the <span class="literal">shape</span> attribute,
          which may optionally be associated with the element. For <span class="literal">shape="rect"</span>,
          there are four coordinates (left, top, right, bottom); for <span class="literal">shape="circle"</span>,
          there are three coordinates (center-x, center-y, radius); for <span class="literal">shape="poly"</span>,
          there are two coordinate values for each point that defines the shape
          of the polygon. </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>			None. </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">&nbsp;&nbsp;</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="hash">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">hash</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>This is that portion of the <span class="literal">href</span> attribute's
          URL following the <span class="literal">#</span> symbol, referring
          to an anchor location in a document. Do not include the <span class="literal">#</span> symbol
          when setting the property. </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.getElementById("mapArea2").hash = "section3";</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>			String.</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>			None. </p>
      </td>
    </tr>
  </table>
</div>
<div id="host">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">host</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Provides the combination of the hostname and port (if any) of the
          server of the destination document for the area link. If the port is
          explicitly part of the URL, the hostname and port are separated by
          a colon, just as they are in the URL. If the port number is not specified
          in an HTTP URL for IE, it automatically returns the default, port 80. </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.getElementById("mapArea2").host = "www.megacorp.com:80";</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>			String of hostname optionally followed by a colon and port number.</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>			Depends on server. </p>
      </td>
    </tr>
  </table>
</div>
<div id="hostname">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">hostname</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Provides the hostname of the server (i.e., a two-dot address consisting
          of server name and domain) of the destination document for the area
          link. The <span class="literal">hostname</span> property does not include
          the port number. </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.links[2].hostname = "www.megacorp.com";</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>			String of hostname (server and domain).</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>			Depends on server. </p>
      </td>
    </tr>
  </table>
</div>
<div id="href">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">href</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>This is the URL specified by the element's <span class="literal">href</span> attribute. </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.links[2].href = "http://www.megacorp.com";</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>			String of complete or relative URL.</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>			None.</p>
      </td>
    </tr>
  </table>
</div>
<div id="noHref">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">noHref</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Specifies whether the area defined by the coordinates has a link
          associated with it. When you set this property to <span class="literal">true</span>,
          scriptable browsers no longer treat the element as a link. </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.links[4].noHref = "true";</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>			Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</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">false</span> </p>
      </td>
    </tr>
  </table>
</div>
<div id="pathname">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">pathname</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Provides the pathname component of the URL assigned to the element's <span class="literal">href</span> attribute.
          This consists of all URL information following the last character of
          the domain name, including the initial forward slash symbol. </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.getElementById("myLink").pathname = "/images/logoHiRes.gif";</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>			String.</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>			None. </p>
      </td>
    </tr>
  </table>
</div>
<div id="port">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">port</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Provides the port component of the URL assigned to the element's <span class="literal">href</span> attribute.
          This consists of all URL information following the colon after the
          last character of the domain name. The colon is not part of the <span class="literal">port</span> property
          value. </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.getElementById("myLink").port = "80";</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>			String (a numeric value as string).</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>			None. </p>
      </td>
    </tr>
  </table>
</div>
<div id="protocol">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">protocol</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Indicates the protocol component of the URL assigned to the element's <span class="literal">href</span> attribute.
          This consists of all URL information up to and including the first
          colon of a URL. Typical values are <span class="literal">"http:"</span>, <span class="literal">"file:"</span>, <span class="literal">"ftp:"</span>,
          and <span class="literal">"mailto:"</span>. </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.getElementById("secureLink").protocol = "https:";</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>			String.</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>			None. </p>
      </td>
    </tr>
  </table>
</div>
<div id="search">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">search</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>This is the URL-encoded portion of a URL assigned to the <span class="literal">href</span> attribute
          that begins with the <span class="literal">?</span> symbol. A document
          that is served up as the result of the search also may have the search
          portion available as part of the <span class="literal">window.location</span> property.
          You can modify this property with a script. Doing so sends the URL
          and search criteria to the server. You must know the format of data
          (usually name/value pairs) expected by the server to perform this properly. </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.getElementById("searchLink").search="?p=Tony+Blair&amp;d=y&amp;g=0&amp;s=a&amp;w=s&amp;m=25";</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>			String starting with the <span class="literal">?</span> symbol.</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>			None. </p>
      </td>
    </tr>
  </table>
</div>
<div id="shape">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">shape</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>Indicates the shape of a server-side image map area with coordinates
          that are specified with the <span class="literal">coords</span> attribute. </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.getElementById("area51").shape = "circle";</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>			Case-insensitive shape constant as string: <span class="literal">default</span> <span class="literal">|</span> <span class="literal">rect</span> <span class="literal">|</span> <span class="literal">rectangle</span> <span class="literal">|</span> <span class="literal">circle</span> <span class="literal">|</span> <span class="literal">poly</span> | <span class="literal">polygon</span>. </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">RECT</span> (IE); empty string but <span class="literal">rect</span> implied
          (Netscape 6). </p>
      </td>
    </tr>
  </table>
</div>
<div id="tabIndex">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">tabIndex</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"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>This is a number that indicates the sequence of this element within
          the tabbing order of all focusable elements in the document. Tabbing
          order follows a strict set of rules. Elements that have values other
          than zero assigned to their <span class="literal">tabIndex</span> properties
          are first in line when a user starts tabbing in a page. Focus starts
          with the element with the lowest <span class="literal">tabIndex</span> value
          and proceeds in order to the highest value, regardless of physical
          location on the page or in the document. If two elements have the same <span class="literal">tabIndex</span> values,
          the element that comes earlier in the document receives focus first.
          Next come all elements that either don't support the <span class="literal">tabIndex</span> property
          or have the value set to zero. These elements receive focus in the
          order in which they appear in the document. </p>
      </td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="2"><p>			The W3C DOM and Netscape 6 limit the <span class="literal">tabIndex</span> property
          to the following element objects: <span class="literal">a</span>, <span class="literal">area</span>, <span class="literal">button</span>, <span class="literal">input</span>, <span class="literal">object</span>, <span class="literal">select</span>, <span class="literal">textarea</span>.
          To this list, IE 4 adds <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">span</span>, <span class="literal">table</span>,
          and <span class="literal">td</span>. IE 5 adds every other renderable
          element. A negative value in IE (only) removes an element from tabbing
          order entirely. </p>
      </td>
    </tr>
    <tr>
      <td colspan="2"><p>			Links and anchors cannot be tabbed to with the Mac version of IE
          4, so the <span class="literal">tabIndex</span> property for <span class="literal">a</span> element
          objects is ignored in that version. </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.getElementById("link3").tabIndex = 6;</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.</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="target">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
    <tr>
      <td valign="top" class="name">target</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">Read/Write&nbsp;&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" colspan="2" class="description">
    <p>This is the name of the window or frame that is to receive content
          as the result of navigating to an area link. Such names are assigned
          to frames by the <span class="literal">frame</span> element's <span class="literal">name</span> attribute;
          for subwindows, the name is assigned via the second parameter of the <span class="literal">window.open(
          )</span> method. If you need the services of a <span class="literal">target</span> attribute
          to open a linked page in a blank browser window and you also need the
          HTML to validate under strict HTML or XHTML DTDs, you can omit the <span class="literal">target</span> attribute
          in the code, but assign a value to the <span class="literal">area</span> element's <span class="literal">target</span> property
          by script after the page loads. </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.getElementById("homeArea").target = "_blank";</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>			String value of the window or frame name, or any of the following
          constants (as a string): <span class="literal">_parent</span> | <span class="literal">_self</span> | <span class="literal">_top</span> | <span class="literal">_blank</span>.
          The <span class="literal">_parent</span> value targets the frameset
          to which the current document belongs; the <span class="literal">_self</span> value
          targets the current window; the <span class="literal">_top</span> value
          targets the main browser window, thereby eliminating all frames; and
          the <span class="literal">_blank</span> value creates a new window
          of default size. </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>			None. </p>
      </td>
    </tr>
  </table>
</div>
</body>
</html>
