View Full Version : Manual Up & Down controlled content
jnscollier
03-31-2007, 02:14 AM
I really like the functionality that google uses to show their newest news. If you click the link below and look at the right side, I like the manual movement of content using the up and down arrows... I'm not sure if this is a scroller?
http://finance.google.com/finance?q=SBUX
Anyone know? Anyone know where I can find a similar script?
Thanks :eek:
thetestingsite
03-31-2007, 02:18 AM
Take a look at this thread:
http://www.dynamicdrive.com/forums/showthread.php?t=19100
This is one of the only ones that I can think of off the top of my head (that is without really searching for it).
Hope this helps.
jnscollier
03-31-2007, 03:23 AM
Yeah that example is similar to what I'm looking for but the script directions are hard to follow.
I'm trying to do a search on this, but can't seem to find the right scripts. Can anyone tell me what exactly this is called so I can locate a script?
jscheuer1
03-31-2007, 07:09 AM
This could easily be modified to look like that:
http://www.dynamicdrive.com/dynamicindex2/manualscroll.htm
jnscollier
04-01-2007, 03:49 AM
If i use the manual scroller, how can I get it to jump down or up in chunks of information (like google's does)?
Thanks
jscheuer1
04-01-2007, 05:23 AM
You can use these functions in place of the defaults:
function movedown(){
if (window.moveupvar) clearTimeout(moveupvar)
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-40+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=40
}
function moveup(){
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<0)
crossobj.style.top=parseInt(crossobj.style.top)+40+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=40
}
You may want to play with the numbers a bit. I chose 40 as, that is about the height of two lines of text and that is about how much the Google scroller moved with each click.
jnscollier
04-03-2007, 07:47 PM
This was EXTREMELY HELPFUL!!! THANK YOU!!!
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.