Problem solved.  Changed to:

<td width="50%" bgcolor="#FFFFFF">
  <p align="left">
  <a href="JavaScript:ApplyPending()"
    onMouseOver="document.imgLib1.src='images/applypending_over.gif'"
    onMouseOut="document.imgLib1.src='images/applypending_active.gif'">
    <img src="images/applypending_active.gif" border=0 name="imgLib1">
  </a>
</td>

Pete

-----Original Message-----
From: Peter N. Kipe [mailto:pkipe@c...]
Sent: Friday, November 22, 2002 8:30 PM
To: javascript
Subject: [javascript] Re: Invoking JavaScript


Right, the image tag doesn't.  But the input tag does, according to several
HTML tutorial sites such as http://www.htmlcodetutorial.com/quicklist.html.

Pete

-----Original Message-----
From: Greg Griffiths [mailto:greg2@s...]
Sent: Friday, November 22, 2002 6:12 PM
To: javascript
Subject: [javascript] Re: Invoking JavaScript


the Image tag doesn't have the onClick event as far as I recall.

At 21:50 22/11/02 +0000, you wrote:
>Why does this work:
>
><td width="50%" bgcolor="#FFFFFF">
>   <p align="left">
>     <a href="#" onclick="Javascript:ApplyPending()">
>       <img border="0" src="images/applypending_active.gif" width="142"
>height="18">
>     </a>
></td>
>
>...but this doesn't:
>
><td width="50%" bgcolor="#FFFFFF">
>   <p align="left">
>     <input type="image" name="buttonApplyPending"
>src="images/applypending_active.gif" class="hideNav" onMouseOut="SwapImg
>(this);" onMouseOver="SwapImg(this);" onClick="ApplyPending();"
>lowsrc="images/applypending_over.gif" border="0">
></td>
>
>With the second approach, the visible changes made by ApplyPending appear
>for a split second, then it's as if the page is reloaded, returning
>everything visible to it's initial state.  What's going on?
>
>Pete
>
>