SetFocus issue...

NiallM · Nov 21, 2005

Any chance anyone could spare a sec to see where i'm going wrong here?

On loading a page i'm trying to sefocus to a button on the page, (the only
button) so that I can press return and it will have the effect of clicking
it.

Here is what I'm doing at the moment but it's still not passing focus...

<HTML>
<HEAD>

<script type="button/javascript">

function setFocus()
{
document.button.focus();
}
</script>

</HEAD>
<TITLE>Successful logout</TITLE>

<BODY class="PageBody" onload=setFocus() >
<BR><BR><BR><BR><BR><BR><BR>
<TABLE class="WidgetPanel">
<TR>
<TD class="WidgetCell" align="center">
<SPAN class="DataLabel">
You have been logged out successfully.
<BR><BR><BR><BR><BR>
</SPAN>
</TD>
</TR>
<TR>
<TD align="center">
<INPUT class="button" type="button" onclick="location.replace(
'./index.jsp' )" value="Login" />
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Cheers if anyone has any idea's

N.

Steve Pugh · Nov 21, 2005

NiallM said:
Any chance anyone could spare a sec to see where i'm going wrong here?

On loading a page i'm trying to sefocus to a button on the page, (the only
button) so that I can press return and it will have the effect of clicking
it.

As you talk about yourself being the one who will press return I
presume this is a personal page that no one else will use. If it is
going on the WWW for general use then don't muck about with the focus
at all.

Here is what I'm doing at the moment but it's still not passing focus...

<HTML>
<HEAD>

<script type="button/javascript">

type="button/javascript ? Where does that come from?

function setFocus()
{
document.button.focus();

That assumes the MSIE document model and gives focus to the element
with id="button". The standard way of doing this would be
document.getElementById('button').focus() .

}
</script>

</HEAD>
<TITLE>Successful logout</TITLE>

The title element should be a child of the head element.

<BODY class="PageBody" onload=setFocus() >

setFocus() should be quoted as ( and ) are not on the list of
characters that can be used in unquoted attribute values.

<BR><BR><BR><BR><BR><BR><BR>

Hello? It's 2005, use CSS margins.

<INPUT class="button" type="button" onclick="location.replace(
'./index.jsp' )" value="Login" />

If all the button is doing is calling a new page then an ordinary link
is more reliable. You can even style it to look like a button if you
want.

As your button doesn't have id="button" it isn't affected at all by the
JavaScript function provided.

Steve

Help with code	0	Jun 12, 2022
Help with my responsive home page	2	Dec 14, 2022
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
How to wrap <td> content .	16	Sep 28, 2023
Javascript DOM	1	Mar 29, 2023
Sort by number of characters	1	Nov 2, 2023
I dont get this. Please help me!!	2	Jan 24, 2023
Help me sort out this script	1	Oct 17, 2023

SetFocus issue...

NiallM

Steve Pugh

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads