ydn-javascript - Vertical Scrolling

Hi Folks,

I'm trying to use YUI implement a vertical news scroller, something like th=
is one:

http://www.news-scroller.com/

I found a good example of a horizontal scroller at http://www.lutsr.nl/yui/=
newsticker/ and I've been trying to change this to work vertically, but I d=
on't know enough about the YUI animation classes at this stage to do it.

I've been able to get it *almost* working in Firefox (except there seems to=
 be a 1px "adjustment" every time it moves).  But it's no good in IE8.

My code is here:

http://www.abm.id.au/temp/newsticker.html

I'd also like to get the list items to wrap too when they are too wide for =
the box, but not sure how to do that either...

Any advice / suggestions on how to get this working would be greatly apprec=
iated.

Many thanks,
Andrew.

To reply to my own message I have progressed with the vertical scrolling a =
bit, but now I'm running into some other issues.

At this URL is where I am at now:

http://www.abm.id.au/temp/circular-scrolling.html

Basically I was trying to test how the scrolling would work in a simple tes=
t cache.  I want it to vertical scroll every time you click the button, and=
 then after it hits the bottom return to the top on the subsequent button p=
ress.=20=20

Anyway the problem I have is that the scroll animation does not happening o=
n every button press, and I cannot figure out why.  The logging seems to su=
ggest that the method is being called but no scrolling happens.

If anyone has any suggestions as to what I've done wrong I'd be very apprec=
iative.

Many thanks,
Andrew.

> http://www.news-scroller.com/
>=20
> I found a good example of a horizontal scroller at http://www.lutsr.nl/yu=
i/newsticker/ and I've been trying to change this to work vertically, but I=
 don't know enough about the YUI animation classes at this stage to do it.
>=20
> I've been able to get it *almost* working in Firefox (except there seems =
to be a 1px "adjustment" every time it moves).  But it's no good in IE8.
>=20
> My code is here:
>=20
> http://www.abm.id.au/temp/newsticker.html
>=20
> I'd also like to get the list items to wrap too when they are too wide fo=
r the box, but not sure how to do that either...
>=20
> Any advice / suggestions on how to get this working would be greatly appr=
eciated.
>=20
> Many thanks,
> Andrew.
>

After a bit more testing I can replicate the issue if I click the button a =
few times before it's finished the previous scroll.=20=20

It's possible when I initially saw the problem that I pressed the button a =
couple of times in succession.=20=20

Should I perhaps disable the button until the current animation is complete=
d?=20=20

> http://www.abm.id.au/temp/circular-scrolling.html
>=20
> Basically I was trying to test how the scrolling would work in a simple t=
est cache.  I want it to vertical scroll every time you click the button, a=
nd then after it hits the bottom return to the top on the subsequent button=
 press.=20=20
>=20
> Anyway the problem I have is that the scroll animation does not happening=
 on every button press, and I cannot figure out why.  The logging seems to =
suggest that the method is being called but no scrolling happens.
>=20
> If anyone has any suggestions as to what I've done wrong I'd be very appr=
eciative.
>=20
> Many thanks,
> Andrew.
>=20
> > > http://www.news-scroller.com/
> >=20
> > I found a good example of a horizontal scroller at http://www.lutsr.nl/=
yui/newsticker/ and I've been trying to change this to work vertically, but=
 I don't know enough about the YUI animation classes at this stage to do it=
.
> >=20
> > I've been able to get it *almost* working in Firefox (except there seem=
s to be a 1px "adjustment" every time it moves).  But it's no good in IE8.
> >=20
> > My code is here:
> >=20
> > http://www.abm.id.au/temp/newsticker.html
> >=20
> > I'd also like to get the list items to wrap too when they are too wide =
for the box, but not sure how to do that either...
> >=20
> > Any advice / suggestions on how to get this working would be greatly ap=
preciated.
> >=20
> > Many thanks,
> > Andrew.
> >
>