473,763 Members | 7,719 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 1243
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">s c<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">s c<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
2489
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 utilities experiences a core dump during it's operation: Output from CPAN: --- cpan shell -- CPAN exploration and modules installation (v1.61) ReadLine support enabled
2
11268
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 change color when any of the three are hovered over. I would prefer to do this with pure CSS if possible, but if Javascript is the only way...so be it. --
4
3308
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 auto sort by the first column without user clicking on it. Here is the sorttable.js code. addEvent(window, "load", sortables_init); var SORT_COLUMN_INDEX;
1
2650
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 reason it is not working on colmuns containg checkboxes, text-boxes (or, any user input fileds). For checkbox column, the values are lost when clicked on the column title to sort. I tried a lot to modify but couldnt achive what I wanted.
3
4314
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. import the first word table then import the second word table close word doc open next word doc and repeat process. i am able to import one set of data currently into an excel spread sheet but how can i loop through all the documents and import them...
7
2628
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 they columns lose their alignment. Can anyone help me correct this?
1
7355
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 whatever they want ... i dont need to do any special formatting just a straigh ot pivot tables usign sql server, asp.net, vb.net, OWC 10
4
1551
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
3202
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 doesn't work when I run the following queries: SELECT sysdate FROM dual; (dual is the link table in Access)
0
9563
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
1
9937
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9822
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8821
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6642
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5405
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3917
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
3522
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2793
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.