event handling

Guest_imported · Apr 30, 2001

ok I am a beginner here....

can anyone tell me what the code would be for making an image into a rollover and changing the window.status??? (both 'on mouseover/ mouseout') I don't know how to get both things to happen when the image is rolled over as I can't find a reference to the syntax for combining 2 things together in this way!!

SeAL · Apr 30, 2001

Hi struggling Lisa,

I use this sample to do it :

<html>
<head>
<script language="javascript">
<!-- Hiding script from old browsers
if (document.images) {
/*Definitions*/
but1on=new Image();
but1off=new Image();

/*Assignments*/
but1on.src="image_on.gif";
but1off.src="image_off;gif";
}
function On(imgName) {
if (document.images) {
document

.src = eval(imgName + "on.src&quot

;
}
};
function Off(imgName) {
if (document.images) {
document

.src = eval(imgName + "off.src&quot

;
}
};
//-->
</script>
</head>
<body>
<a href="myPage.htm" ONMOUSEOVER="On('but1'); window.status='My comment in the window status';return true" ONMOUSEOUT="Off('but1'); window.status=' ';return true"><IMG SRC="image_off.gif" BORDER="0" NAME="but1"></a>
<body>
</html>

Hope this helps ...

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

event handling

Guest_imported

New member

SeAL

Programmer

Similar threads

Part and Inventory Search

Sponsor