473,803 Members | 3,022 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Is it possible to set focus to a table cell?

Hi!

I have a scrollable css table cell thing going on, and would like to
set the initial page focus to that cell in order that scrolling up and
down with the cursor keys (or mouse scroll wheel even) will scroll that
table cell rather than the html page.

The page in question is here: http://test.jonathanmortimer.co.uk/other/

Any help is much appreciated! All I've managed to find so far is focus
on form fields, I don't even know if focus on table cells is possible
but I'd have thought it should be.

Jun 12 '06 #1
8 13640
jo************@ yahoo.co.uk wrote:
Hi!

I have a scrollable css table cell thing going on, and would like to
set the initial page focus to that cell in order that scrolling up and
down with the cursor keys (or mouse scroll wheel even) will scroll that
table cell rather than the html page.

The page in question is here: http://test.jonathanmortimer.co.uk/other/

Any help is much appreciated! All I've managed to find so far is focus
on form fields, I don't even know if focus on table cells is possible
but I'd have thought it should be.


Hi,

Just an idea (without looking into your code):
You can maybe use a good old anchortag in your table at the right spot, and
go to there?

<a name="comehere" ></a>

Now for JS, on some event:
location.hash = "comehere";

Regards,
Erwin Moller
Jun 12 '06 #2
You can maybe use a good old anchortag in your table at the right spot, and
go to there?

<a name="comehere" ></a>

Now for JS, on some event:
location.hash = "comehere";


Thankyou! That certainly put me on the right track. I'd got as far as
the anchor tag but when it comes to onload and all that stuff I didn't
have a clue (I really should get a pocket reference book on it, any
recommendations ? I really like the CSS Pocket Reference from O'Reilly
which I have for CSS stuff)

My complete solution was this:
In the <head> section:

<script type="text/javascript">
window.onload=f unction() {location.hash = "top"}
</script>
and further down, in my css-scrollable table cell:

<h2><a name="top">The Money Pit</a></h2>

Hurray! :D

Jun 13 '06 #3
Jonathan wrote:
You can maybe use a good old anchortag in your table at the right spot,
and go to there?

<a name="comehere" ></a>

Now for JS, on some event:
location.hash = "comehere";
Thankyou!


Glad to be of help. :-)

That certainly put me on the right track. I'd got as far as the anchor tag but when it comes to onload and all that stuff I didn't
have a clue (I really should get a pocket reference book on it, any
recommendations ? I really like the CSS Pocket Reference from O'Reilly
which I have for CSS stuff)
I would absolutely advise the fat book of O'Reilly, AKA the bible:
Javascript, The definite Guide 4th edition.

It is THE reference and also serves as a great learningbook.
Hence it's fatness. ;-)

My complete solution was this:
In the <head> section:

<script type="text/javascript">
window.onload=f unction() {location.hash = "top"}
</script>
and further down, in my css-scrollable table cell:

<h2><a name="top">The Money Pit</a></h2>

Hurray! :D


Good job.
:-)

Regards,
Erwin Moller
Jun 13 '06 #4
I would absolutely advise the fat book of O'Reilly, AKA the bible:
Javascript, The definite Guide 4th edition.


Hmm, I will look out for it but only if it's not too expensive :/

In the <head> section:

<script type="text/javascript">
window.onload=f unction() {location.hash = "top"}
</script>
and further down, in my css-scrollable table cell:

<h2><a name="top">The Money Pit</a></h2>


Ack! Just discovered this doesn't work in Firefox (or Safari). I
don't suppose you could suggest any tweaks I could try? I'm pretty
much lost with all this javascript stuff without a book.

Jun 13 '06 #5

Ack! Just discovered this doesn't work in Firefox (or Safari). I
don't suppose you could suggest any tweaks I could try? I'm pretty
much lost with all this javascript stuff without a book.


Correction: it *does* work in Firefox (1.5.0.2 on the Mac) but not
Safari, so I still need to sort this out - anyone know why it wouldn't
work in Safari? Can someone try this in IE on Windows for me too? :D

Jun 13 '06 #6
For pocket references, I use the Visibone pocket references at
www.visibone.com. Their are free online charts on the site.


Erwin Moller wrote:
Jonathan wrote:
You can maybe use a good old anchortag in your table at the right spot,
and go to there?

<a name="comehere" ></a>

Now for JS, on some event:
location.hash = "comehere";


Thankyou!


Glad to be of help. :-)

That certainly put me on the right track. I'd got as far as
the anchor tag but when it comes to onload and all that stuff I didn't
have a clue (I really should get a pocket reference book on it, any
recommendations ? I really like the CSS Pocket Reference from O'Reilly
which I have for CSS stuff)


I would absolutely advise the fat book of O'Reilly, AKA the bible:
Javascript, The definite Guide 4th edition.

It is THE reference and also serves as a great learningbook.
Hence it's fatness. ;-)

My complete solution was this:
In the <head> section:

<script type="text/javascript">
window.onload=f unction() {location.hash = "top"}
</script>
and further down, in my css-scrollable table cell:

<h2><a name="top">The Money Pit</a></h2>

Hurray! :D


Good job.
:-)

Regards,
Erwin Moller


Jun 14 '06 #7
JRS: In article <44************ ***********@new s.xs4all.nl>, dated Tue,
13 Jun 2006 10:47:24 remote, seen in news:comp.lang. javascript, Erwin
Moller <si************ *************** *************** @spamyourself.c om>
posted :

I would absolutely advise the fat book of O'Reilly, AKA the bible:
Javascript, The definite Guide 4th edition.

It is THE reference and also serves as a great learningbook.
Hence it's fatness. ;-)

Is that a recommendation given in the knowledge that the 5th Edition was
described as "soon" over a month ago?

For searchers : it's "JavaScript : The Definitive Guide".

<FAQENTRY> Sec 3.1 needs review.

--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 IE 4 ©
<URL:http://www.jibbering.c om/faq/>? JL/RC: FAQ of news:comp.lang. javascript
<URL:http://www.merlyn.demo n.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demo n.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.
Jun 14 '06 #8
Dr John Stockton wrote:
JRS: In article <44************ ***********@new s.xs4all.nl>, dated Tue,
13 Jun 2006 10:47:24 remote, seen in news:comp.lang. javascript, Erwin
Moller <si************ *************** *************** @spamyourself.c om>
posted :

I would absolutely advise the fat book of O'Reilly, AKA the bible:
Javascript, The definite Guide 4th edition.

It is THE reference and also serves as a great learningbook.
Hence it's fatness. ;-)

Is that a recommendation given in the knowledge that the 5th Edition was
described as "soon" over a month ago?


Hi John,

No, my recommendations are always given without knowledge.
Knowledge is overrated. :P

But yes, I saw that 5th edition announced in this very group.

For searchers : it's "JavaScript : The Definitive Guide".
Hmm, definitive? LOL.
I must have misread that title for ages then.
And also the former editions.
Anyway, thanks for correcting.
(Goes off buying new glasses.)

Regards,
Erwin Moller


<FAQENTRY> Sec 3.1 needs review.


Jun 14 '06 #9

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

Similar topics

2
4187
by: Marian Aldenhövel | last post by:
Hi, Short question: Is it possible to write a CSS-Style that formats <INPUT TYPE=TEXT>-Elements in Table-Cells in a way that they use all the horizontal space available? Long question: I export spreadsheets from Excel to HTML. The resulting HTML is horrible to
2
11269
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. --
2
11605
by: ted | last post by:
Hi, Was wondering if it's possible to find the left position of a table cell if the cell is created dynamically. I have a table with a single cell. When a button is clicked, I'd like to add another cell to it, give the cell a class style and then find the cell's left position. Right now I'm using doing this:
3
16205
by: harry | last post by:
I want to be able to change the text alignment within a table cell between "right" & "center" depending on how many rows are in the table. Is this possible in Javascript? - can't see how to do it! thanks harry
2
2794
by: Bass Pro | last post by:
How do I access a textbox when it was added to a table cell? I've tried using the findcontrol function with no result. I create it as such... Dim myTable As Table = New Table Dim Row as TableRow row = New TableRowI Answer_1 = New TextBox Answer_1.Width = New Unit("100px")
7
2455
by: SteveM | last post by:
I am sure this is an easy question, but being relatively new to ASP.NET programming, I can not quite grasp what I need to accomplish what I need to do. What I have is a word document that is rendered as a page (or actualy a part of a page) that is editiable. To do this I let the user download the document, edit it and then upload it back to the site. Then at Page_Open, I convert the .doc file to an html and render it back to the page......
2
3820
by: Jukka K. Korpela | last post by:
Sub titulo "Re: DIV borders different in IE7 when in td" scripsit Ben C: This seems to be the heart of the matter, and I'm trying to get a real discussion started, by moving the discussion to the right group (c.i.w.a.stylesheets) and changing the Subject line. It seems to me that IE 7, specifically in "standards mode" (!), misbehaves when a table cell has a declared width but the actual width
4
5868
by: foolmelon | last post by:
Before AJAX, we were able to focus a cell in a gridview during a fullpage postback. After putting the gridview inside an UpdatePanel, we cannot focus a cell in this gridview anymore. Does anybody know if it is possible to make such focus? Thanks! Bill
0
9700
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...
0
9564
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10546
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
10292
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
9121
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
6841
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
5498
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4275
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
2
3796
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.