onload ... problem

Mel Smith · Jun 5, 2009

Hi:

Enviro: Running my own apache server, many years experience in database
design and business apps. -- but only five months learning web page design.
and I'm using my own C-based CGI app to handle all forms (including
building, and modifying and sending them out on the net.

Situation:
A 600 entry online phone book where I have about 6 entries displayed in
the view port with a slider on the right-hand side. I use the <table>,<tr>
and <td> elements for this, plus an "EDIT" button in the name/phone block
that I wish to be viewed.

Problem:
After loading this page, I want to display a specific row(s).

I tried using:
<body onload="window.document.getElementById('lot318').focus();" >

(and of course, put the id="lot318" in the <input >element

But the display just showed the beginning of the table.

Thanks for Any comments

-Mel Smith

Martin Honnen · Jun 5, 2009

Mel said:
Problem:
After loading this page, I want to display a specific row(s).

I tried using:
<body onload="window.document.getElementById('lot318').focus();" >

(and of course, put the id="lot318" in the <input >element

But the display just showed the beginning of the table.

Do you want to set focus to a control or do you want to scroll a certain
row into view? In the latter case you could do e.g.
var row =
document.getElementById('tableId').rows[rowIndex].scrollIntoView(true);

https://developer.mozilla.org/en/DOM/element.scrollIntoView

Mel Smith · Jun 5, 2009

Martin Honnen said:
Do you want to set focus to a control or do you want to scroll a certain
row into view? In the latter case you could do e.g.
var row =
document.getElementById('tableId').rows[rowIndex].scrollIntoView(true);

https://developer.mozilla.org/en/DOM/element.scrollIntoView

Martin:

That seems like the *perfect* solution.

Thank you !

-Mel Smith
Edmonton, Canada

Mel Smith · Jun 5, 2009

Martin said:

Mel Smith said:
Martin Honnen said:

Do you want to set focus to a control or do you want to scroll a certain
row into view? In the latter case you could do e.g.
var row =
document.getElementById('tableId').rows[rowIndex].scrollIntoView(true);

Click to expand...

Martin:

I shortened and changed your solution just a little bit to the following
(and it works perfectly ! )

<body
onload="document.getElementById('myEditButton').scrollIntoView();">

It works *great* !

Thanks you very much for this simple and elegant solution to my Problem.

-Mel Smith

onload -->* no onload	7	Jun 22, 2006
IFRAME onLoad -- endless loop problem	0	Feb 27, 2005
Help figuring out a directory permission change problem	1	May 12, 2023
Trouble with onload function	1	May 16, 2006
Strange Onload problem	1	Jan 19, 2005
FireFox/IE behavior diff during onload	1	Mar 15, 2006
I'm tempted to quit out of frustration	1	Aug 13, 2023
Help with code	0	Jun 12, 2022

onload ... problem

Mel Smith

Martin Honnen

Mel Smith

Mel Smith

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads