473,385 Members | 1,907 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.

Stumped. Horozontal scrollling of dual table cells.

Basically, what I want to do is to have a viewport where an image is dropped
in (hidden) on the right hand side and for the right hand side to be
scrolled into view, when a key to go right is pressed.

I guess that two table cells with no gap between them (to look like a single
wide graphic) will allow me to drop a new image in and then scroll. So,
scrolling right would mean to drop the new view in on the right (hidden)
then to scroll the whole lot to the left left to show the new image.

How the hell do I do the control in Javascript ?

Many thanks for any reply,
Richard Brooks.
Jul 23 '05 #1
2 1231
Richard Brooks wrote:
Basically, what I want to do is to have a viewport where an image is dropped
in (hidden) on the right hand side and for the right hand side to be
scrolled into view, when a key to go right is pressed.

I guess that two table cells with no gap between them (to look like a single
wide graphic) will allow me to drop a new image in and then scroll.
No table at all will allow you that, too.

A table is a table is a table. [psf 3.8]
How the hell do I do the control in Javascript ?
You don't.

<a href="#foo" accesskey="r">sc<u>r</u>oll to</a>
...
<div style="position:absolute; left:100%"><a
name="foo" id="foo"<img src="http://localhost/media/ani-new.gif"
alt=""</a></div>
You could even try

<a href="#foo" accesskey="r">sc<u>r</u>oll to foo</a>
...
<img
src="..."
alt="..."
style="position:absolute; left:100%"
id="foo"</a>


in more recent UAs (like my Firefox 0.9.1+, where both works).

Works with Alt+R (or similar, depending on the GUI and input method),
see the `accesskey' attribute, without any script. CSS support is
required, of course, but using client-side scripting would not remove
that dependency but instead introduce another.
HTH

PointedEars
Jul 23 '05 #2
Thomas 'PointedEars' Lahn wrote:
Richard Brooks wrote:
Basically, what I want to do is to have a viewport where an image is
dropped in (hidden) on the right hand side and for the right hand
side to be scrolled into view, when a key to go right is pressed.

I guess that two table cells with no gap between them (to look like
a single wide graphic) will allow me to drop a new image in and then
scroll.


No table at all will allow you that, too.

A table is a table is a table. [psf 3.8]
How the hell do I do the control in Javascript ?


You don't.


I've done it!

I'd got so involved with the whole process I'd forgotten that I'd get any
answers. As this is a Javascript Newsgroup I'd taken it as read that
Javascript would be involved in the implementation of scrolling so didn't
want to get into the whole "sataing the obvious" bit. ;-)

It was just a matter of putting the thing inside a viewport and referencing
the left position property.

Thanks for your reply anyway,
Richard.
Jul 23 '05 #3

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

Similar topics

1
by: Ville Walveranta | last post by:
I'm trying to get CPAN or, preferably CPANPLUS working on a dual-CPU FreeBSD 4.8 server (with plenty of free memory), and have ran into a problem that I don't appear to resolve. Either of the...
2
by: Sugapablo | last post by:
Can anyone help me out with some code to change three table cells (<td>) when one is hovered over? I have a calendar grid where each day is made up of three table cells and I want all three to...
4
by: jeffsal | last post by:
I am using sorttable.js to sort a table which works fine which allows a user to sort the table by clicking on the column header. Is there some code I could add to the page (onload or something) to...
1
by: cotton_gear | last post by:
Hello, Fiest of all let me thank this group for so quick in responding to any postings. I am using a javascript based utility from a site to sort the columns of the table. But, for some strange...
3
by: Phil Rutter | last post by:
Hello All, I have about 700 word documents that have 2 tables one is static 4 colums x 5 rows the other is 5 colums x rows ranging from 2 to 100 what i wolud like to do is open the word doc....
7
by: Shawn B. | last post by:
Greetings, I am trying to create a table that has a scrolling body. The problem I'm experiencing is that if the columns in the "body" part of the table exceed the width of the "header" then...
1
by: kingster | last post by:
Hi, I have a regular dataset and all i want to do is make a pivot table display in a browser with the datasource of the pivot table to be this dataset and then the end-user will be able to do...
4
by: ZaphodBBB | last post by:
Hi (to the masters of chaos!!!) I created a report using the wizard. (Access 2003). It has the following sections: Report Header Page Header Company Header Detail Page Footer Report Header.
1
by: Luting | last post by:
Hi everyone, I am working on a project using Access as the frontend of a Oracle database. I'd like to use the Dual table in Oracle so I made a link table in Access for the Dual. However, it...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
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: 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
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
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.