Hi all!
Brief intro: my name is Cam McVey and I'm a web developer in Glasgow,
Scotland.
Now to the point of my first message. I'm trying to use
Effect.MoveBy() to horizontally scroll a table 'underneath' a div. The
idea is that the div is a 'viewer' -- a window that the table can be
seen through. The code below works great with Firefox but not in IE 6
where, after calling MoveBy(), the table becomes visible outside the
boundaries of the div.
Can anyone give me a hand with this?
Many thanks!
Relevant code is between the lines (ignore dodgy event handler code!):
____________________________________________________________________
function scrollMe(Direction){
var value = Direction == 'left' ? 500 : -500;
var theTable = $('Table');
new Effect.MoveBy(theTable, 0, value, {});
}
<div id="viewer" style="border: 1px solid #c03; width: 500px;
overflow: hidden;">
<p>
<img src="left-arrow.gif"
onclick="scrollMe('left');" />
<img src="right-arrow.gif"
onclick="scrollMe('right');" />
</p>
<table id="Table" style="width: 1500px;">
... table contents here ...
</table>
</div>
____________________________________________________________________
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
