473,385 Members | 1,757 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

Scrolling a div

We have a table within a div whose overflow-x is scroll. It is a long
table, so the width of the div is 800px, giving us a scrollbar at the
bottom. When users tab from cell to cell, the cells that contain
select elements that were out of the visible viewing area acquire the
focus, but they are still visually off the scrolling region. So, the
user has to manually move the scrollbar to bring the element into
view.

Is there a way we can manipulate the scrollbar (or whatever) to move
that entire element into view?
Thanks,

Tim

Oct 26 '07 #1
3 6623
On Oct 26, 8:00 am, dunerunner <tpdi...@gmail.comwrote:
We have a table within a div whose overflow-x is scroll. It is a long
table, so the width of the div is 800px, giving us a scrollbar at the
bottom. When users tab from cell to cell, the cells that contain
select elements that were out of the visible viewing area acquire the
focus, but they are still visually off the scrolling region. So, the
user has to manually move the scrollbar to bring the element into
view.

Is there a way we can manipulate the scrollbar (or whatever) to move
that entire element into view?
You can use the scrollTop and scrollLeft properties of the DIV to
change the scroll position.

Oct 26 '07 #2
On Oct 26, 8:22 am, David Mark <dmark.cins...@gmail.comwrote:
On Oct 26, 8:00 am, dunerunner <tpdi...@gmail.comwrote:
We have a table within a div whose overflow-x is scroll. It is a long
table, so the width of the div is 800px, giving us a scrollbar at the
bottom. When users tab from cell to cell, the cells that contain
select elements that were out of the visible viewing area acquire the
focus, but they are still visually off the scrolling region. So, the
user has to manually move the scrollbar to bring the element into
view.
Is there a way we can manipulate the scrollbar (or whatever) to move
that entire element into view?

You can use the scrollTop and scrollLeft properties of the DIV to
change the scroll position.
OK, I've been able to use scrollLeft, but I now need to know the
position of my scrollbar in the div. I can't seem to find any
property for that. I am using scrollWidth and clientWidth to
determine the sizes of the scrolling area and elements, but I can't
find any references for them. So, is there a property that will
indicate my scrollbar position?
Thanks,

Tim

Oct 28 '07 #3
On Oct 28, 2:12 pm, dunerunner <tpdi...@gmail.comwrote:
On Oct 26, 8:22 am, David Mark <dmark.cins...@gmail.comwrote:
On Oct 26, 8:00 am, dunerunner <tpdi...@gmail.comwrote:
We have a table within a div whose overflow-x is scroll. It is a long
table, so the width of the div is 800px, giving us a scrollbar at the
bottom. When users tab from cell to cell, the cells that contain
select elements that were out of the visible viewing area acquire the
focus, but they are still visually off the scrolling region. So, the
user has to manually move the scrollbar to bring the element into
view.
Is there a way we can manipulate the scrollbar (or whatever) to move
that entire element into view?
You can use the scrollTop and scrollLeft properties of the DIV to
change the scroll position.

OK, I've been able to use scrollLeft, but I now need to know the
position of my scrollbar in the div. I can't seem to find any
property for that. I am using scrollWidth and clientWidth to
determine the sizes of the scrolling area and elements, but I can't
find any references for them. So, is there a property that will
indicate my scrollbar position?
Yes. The scrollLeft property.

Oct 28 '07 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Midas NDT Sales | last post by:
I have been looking at a simple example of a scrolling text box (the one in the SAM book) as below: <script language="JavaScript"> var pos=100; function Scroll() { if...
1
by: Kirk | last post by:
Is it possible to stop horizontal scrolling whilst still maintaining vertical scrolling within an <IFRAME> ? Within each page of my site I have an IFRAME for content. For some pages there is...
44
by: Jim M | last post by:
I have had great success with using <iframe> with overflow-y set to auto. I can get a similar look with the <iframe> tag. BUT... In all cases I need to have fixed heights. Is there a way to...
1
by: Tim Frawley | last post by:
I have a large form with many controls, almost like legal size paper in height. Just so I can head these off, I am not looking for suggestions to the effect of using Tab controls, multi-window...
2
by: P2P | last post by:
Hi I am wondering if someone know of a free cross-browsers vertical scrolling script that - is cross cross-browsers - will call the scrolling content from an external html page or from a...
4
by: Keith Bentrup | last post by:
Hi all, I wrote a simple search function to find text in a textarea where not all the text is visible (ie. the text box displays 10 lines but there may be more than 1000 lines to search). I can...
1
by: atif | last post by:
Hi, I m new to CSharp.. so may be my preliminary questions look stupid.. but plz help me.. I want to drag controls like buttons or some other user controls over form.. i have set form's...
5
by: PythonistL | last post by:
I am a newbie with Javascript. I have this simple script for scrolling text <HTML> <HEAD> <TITLE>Scrolling Message Script</TITLE> <SCRIPT language="JavaScript"><!-- var msg = 'My scrolling...
3
by: Chamnap | last post by:
Hello everybody, I have one problem. I want to do something after the user finished scrolling. The scroll event fires whenever the user is scrolling. I don't want this actually. Does anyone has...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.