PDA

Click to See Complete Forum and Search --> : Script Request

jubile
07-22-2003, 04:17 PM
I know nothing of Javascript and I'll try to make as little of an ass of myself as possible.

I would like the script for an onMouse-Over + Image Roll-Over splice, in which mousing over a specified link would cause a specified image to appear in a specified area. (Specifically.) =\ This would be for multiple instances in multiple areas. What I'm trying to achieve is the flipv filter, using image roll-over principles. (Simply to make it cross-browser friendly. My browser does not support flipv or fliph.)

I'm also wondering whether or not you can use multiple ..um commands, for onMouse-Over and onMouse-Out. For example, applying both status bar description and you know, something else. If so, what is the proper set-up? And if not, poop. Is there another language which will allow it?
Jona
07-22-2003, 04:27 PM
First of all, your post amuses me. :D
But to the point, are you talking about using an image rollover that will change the image's SRC? (Of course, you could make the second image that it changes to a flip of the original.) I made a rollover function on my site: www.ComputerMasterMinds.tk if that's what you're talking about.

About running two functions ("commands") onMouseOver of an image, you'd just seperate it with a semi-colon:


onMouseOver="alert('It works! No poop!'); alert('This is the second alert--just to show that we need no poop!');"


:D
[J]ona
jubile
07-23-2003, 09:02 AM
Yayyy. Thank you much. Let me show you, though. http://jubile.diaryland.com/ Sincerest apologies for the inadvertant spammage. See how hovering over the 'uno' X brings up a backwards 'uno' next to it? So it is different from your basic roll-over in that the image is supposed to be triggered by a text link, at a separate location. I need a code that would, in English, be 'when user hovers over link0, insert image0 in span0'. Which seems simple enough to me, but there is apparently not so much a demand for such a thing. To your SRC question - My goal is not to change an existing image, but to make an image appear; to give the illusion of flipped text /next/ to regular text.

Also: An audible hoorah for multiple mouse-over effects. :D
Jona
07-23-2003, 01:23 PM
Add a semi-colon and some code like... document.images['image_name'].src='new_src.jpg' or something like that...

[J]ona
Nevermore
07-23-2003, 01:51 PM
Is this what you mean?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Image addermajig</title>
</head>
<body>
<a onMouseOver="document.getElementById('img1').style.visibility='visible';" onMouseOut="document.getElementById('img1').style.visibility='hidden';">Mouse over me!</a>
<img src="http://www.roc-taiwan.org/taiwan/aboutroc/image/flower.gif" alt="An Image" id="img1" style="visibility:hidden;">
</body>
</html>
jubile
07-23-2003, 02:48 PM
Yep. ^.^ That's ace. Sorry to have bored you.