Closed Thread Icon

Preserved Topic: Frame scroll on image mouse over... Pages that link to <a href="https://ozoneasylum.com/backlink?for=18496" title="Pages that link to Preserved Topic: Frame scroll on image mouse over..." rel="nofollow" >Preserved Topic: Frame scroll on image mouse over...\

 
Author Thread
Synthetic
Paranoid (IV) Inmate

From: under your rug,
Insane since: Jul 2001

posted posted 02-04-2002 18:41

I have a page with with 2 frames a Header frame and a Main frame, I want to use images in the header frame to scroll the content in the Main frame, so the header frame will always be at the top while the main frame is scrolling..

(edited: read below)

[This message has been edited by Synthetic (edited 02-04-2002).]

Synthetic
Paranoid (IV) Inmate

From: under your rug,
Insane since: Jul 2001

posted posted 02-04-2002 22:25

(another edit: keep going down)

[This message has been edited by Synthetic (edited 02-04-2002).]

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 02-04-2002 22:39

Posting the code for the scroll() and noscroll() functions might help just a tad.

If you haven't made them yet you should try playing around with the window.scrollBy(horizPixels, vertPixels) and window.scrollTo(xPosition, yPosition) methods.

Edit: Oh yeah. I almost forgot...

You could also try adapting the code that InI wrote for www.studiosone.com or the odd dhtml test I was playing with a while back found at www.whatever.net.au/~cameron/ozone/scroller3.html.

[This message has been edited by Dracusis (edited 02-04-2002).]

Synthetic
Paranoid (IV) Inmate

From: under your rug,
Insane since: Jul 2001

posted posted 02-04-2002 22:53

sorry, here this is what I made before, but this time i'd like to use images to scroll up and down but i'm unsure as how to set that into code...

this goes into the top frame and scrolls the main frame

<B><script language="JavaScript">
if (document.layers

Synthetic
Paranoid (IV) Inmate

From: under your rug,
Insane since: Jul 2001

posted posted 02-04-2002 23:37

Or if i did something like this, it will scroll on mouse over but won't continue until i move off.

<img src="images/2.jpg" onMouseOver="parent.topMain.scrollBy(0,10)">

<img src="images/1.jpg" onMouseOver="parent.topMain.scrollBy(0,-10)">

So how would I make it keep scrolling untill i move my mouse off the image?

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 02-05-2002 08:17

Try the following code:

<A HREF="javascript:;" ONMOUSEOVER="myIntervalID = setInterval('parent.topMain.scrollBy(0,-10)', 25);" ONMOUSEOUT="clearInterval(myIntervalID);"><IMG SRC="images/1.jpg" WIDTH="100" HEIGHT="50" BORDER="0"></A>
<A HREF="javascript:;" ONMOUSEOVER="myIntervalID = setInterval('parent.topMain.scrollBy(0,10)', 25);" ONMOUSEOUT="clearInterval(myIntervalID);"><IMG SRC="images/2.jpg" WIDTH="100" HEIGHT="50" BORDER="0"></A>


Synthetic
Paranoid (IV) Inmate

From: under your rug,
Insane since: Jul 2001

posted posted 02-05-2002 19:08

mr.maX - you are my new god!!!!!!, Your script worked like a dream, I actually did get a different script to work last night that i made, but i made it a whole lot harder than it really had to be, my code was like 20 lines long, thanks so much for your simplicity... also thanks Dracusis for those links...



[This message has been edited by Synthetic (edited 02-20-2002).]

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 02-05-2002 19:33

I'm glad that I could help...


« BackwardsOnwards »

Show Forum Drop Down Menu