Closed Thread Icon

Preserved Topic: 2x Mouseover Pages that link to <a href="https://ozoneasylum.com/backlink?for=17873" title="Pages that link to Preserved Topic: 2x Mouseover" rel="nofollow" >Preserved Topic: 2x Mouseover\

 
Author Thread
Deviant
Bipolar (III) Inmate

From: the states
Insane since: Aug 2000

posted posted 09-27-2000 17:00

How could I add another mouseover event to this? Such as a window.status?
<A HREF="javascript:load('cnt_win.htm')" onmouseover="image6.src='pics/cont_but_ON.jpg';"
onmouseout="image6.src='pics/cont_but_OFF.jpg';"><IMG SRC="pics/cont_but_OFF.jpg"
NAME="image6" BORDER="0" WIDTH="121" HEIGHT="38" ALIGN="BOTTOM"
NATURALSIZEFLAG="3"></A>

vogonpoet
Maniac (V) Mad Scientist

From: Mi, USA
Insane since: Aug 2000

posted posted 09-27-2000 17:06

check out the Doc's Tutorial... <img border=0 align=absmiddle src="http://www.ozones.com/forum/wink.gif">
http://www.handson.nu/CODING/javascript.shtml

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 09-30-2000 01:24

you have two ways of doing this.

What I recommend is wrapping everything up in a function put something like this in your script tag in your header:
// this is a quick and ugly rollover I don't recommend this method for rollovers check out docs rollover method.
function over(img1, img2){
eval(img1 + '.src ='+ img2);
document.images[img1].src = img2;
return true
}

Then call it like this
onMouseover="over('image6','pics/cont_but_ON.jpg');"

Or you can put multiple JS lines in your mouseover code this is okay but bulkier than the previous method:

onmouseover="image6.src='pics/cont_but_ON.jpg'; window.status = 'I like cheese'; return true"

« BackwardsOnwards »

Show Forum Drop Down Menu