PDA

View Full Version : Scroll text in a layer or table?



~obey~
January 19th, 2005, 09:16 AM
i'm in a situation where i need to have a script that will allow the viewer to scroll through a bunch of text when they rollover an image button.

so i have a space that is about 400x200 pixels to work with, and about 5 paragraphs of information. Is there some JavaScript, CSS, HTML (or otherwise) script that will allow all the overflowing text to be hidden, and then on mouseover (the down arrow image) allow the text to scroll down. also, the reverse will need to happen (scroll up on mouseover the up arrow image).

i've seen this done on other sites, just need help getting up to speed on my site. thanks.

Kristopher
January 19th, 2005, 03:26 PM
That's pure JS using document.write("css code") a lot. I'll do some searching for you.

Kristopher
January 19th, 2005, 03:28 PM
That was easy. Took me a minute, lol.

Go to www.podlob.com . This site is the experimental ground of Travis, the man behind www.squidfingers. Look at his DHTML exerpiments, and check out his DIV SCROLLER 1 and 2.

~obey~
January 19th, 2005, 03:32 PM
YES! that's it exactly. i'll study up on those and see what happens. Hey, thanks for the help. I've run across this site (podlob) before but forgot about what good stuff is there.

THANKS!

Kristopher
January 19th, 2005, 03:35 PM
Here's another one, buddy:

http://www.youngpup.net/2001/domdrag

~obey~
January 21st, 2005, 12:05 AM
these are all great examples of how to use the code...but i've been trying for two solid days to try and modify the code to fit what i need it to do.

does anyone know of any code out there that makes it easy to modify/customize? i've tried a dreamweaver extension that supposedly "does it for you" but that doesn't work either.

any suggestions?

~obey~
January 21st, 2005, 09:10 AM
kristopher, are you familiar with this type of javascript work? i'm looking for some direction to customize this script. it is EXACTLY what i'm looking for, but i'm having problems editing the code to fit my design.