Mouseover Effects

[Casey]

Greetings,

I have an ASP .NET page that contains three images which give the
appearance of a tabbed folder. The images contain the words Product
Search, Cart, and Summary respectively.

The idea is that when the user is on the Product Search page, an image
is displayed to give the appearance that the tab is selected. The
user can mouse over the other images and with roll over effects, those
tabs appear selected as well for the user allowing them to click on
that image to go to the specified web page. My problem is this. If
the user is on the Product Search web page and then mouses over the
Cart image, (the cart image would display the mouse over effect) but
decides to not click the cart image, I need to not only set the cart
image back to the original image, but set the Product Search image
back to the mouse over image.

Here is my code. It does everything but set the images back to their
original state in the case of this mouse out scenerio explained above.

<ASP:IMAGEBUTTON
id="ProductSearch"
onmouseover="this.src='../../images/OrderEntry/ProductSearch-over.gif'"
onmouseout="this.src='../../images/OrderEntry/ProductSearch.gif'"
ImageUrl="../../Images/OrderEntry/ProductSearch.gif" runat="server">
</ASP:IMAGEBUTTON>

<ASP:IMAGEBUTTON
id="Cart"
onmouseover="this.src='../../images/OrderEntry/Cart-over.gif'"
onmouseout="this.src='../../images/OrderEntry/Cart.gif'"
ImageUrl="../../Images/OrderEntry/Cart.gif" runat="server">
</ASP:IMAGEBUTTON>

How do I reference the Product Search imagebutton when mousing out of
the cart image button?

Thanks in advance.

Casey

[bruce barker]

normally you do not have a mouseover behavior for the selected tab, as
clicking has no effect (you are already there). you can do two statement on
the mouseout:

<ASP:IMAGEBUTTON
id="Cart"
onmouseover="this.src='../../images/OrderEntry/Cart-over.gif'"
onmouseout="this.src='../../images/OrderEntry/Cart.gif';

document.getElementById('ProductSearch').src='../../images/OrderEntry/Produc
tSearch-over.gif'';"
ImageUrl="../../Images/OrderEntry/Cart.gif" runat="server">
</ASP:IMAGEBUTTON>

"Casey" <gr*****@aol.com> wrote in message
news:d7**************************@posting.google.c om...

Greetings,

I have an ASP .NET page that contains three images which give the
appearance of a tabbed folder. The images contain the words Product
Search, Cart, and Summary respectively.

The idea is that when the user is on the Product Search page, an image
is displayed to give the appearance that the tab is selected. The
user can mouse over the other images and with roll over effects, those
tabs appear selected as well for the user allowing them to click on
that image to go to the specified web page. My problem is this. If
the user is on the Product Search web page and then mouses over the
Cart image, (the cart image would display the mouse over effect) but
decides to not click the cart image, I need to not only set the cart
image back to the original image, but set the Product Search image
back to the mouse over image.

Here is my code. It does everything but set the images back to their
original state in the case of this mouse out scenerio explained above.

<ASP:IMAGEBUTTON
id="ProductSearch"
onmouseover="this.src='../../images/OrderEntry/ProductSearch-over.gif'"
onmouseout="this.src='../../images/OrderEntry/ProductSearch.gif'"
ImageUrl="../../Images/OrderEntry/ProductSearch.gif" runat="server">
</ASP:IMAGEBUTTON>

<ASP:IMAGEBUTTON
id="Cart"
onmouseover="this.src='../../images/OrderEntry/Cart-over.gif'"
onmouseout="this.src='../../images/OrderEntry/Cart.gif'"
ImageUrl="../../Images/OrderEntry/Cart.gif" runat="server">
</ASP:IMAGEBUTTON>

How do I reference the Product Search imagebutton when mousing out of
the cart image button?

Thanks in advance.

Casey