Cursor starting in Search form?

gravel · #1 12-11-2006, 09:41 AM

When an X-Cart page is loaded, I want the cursor to automatically appear in the Search box. In search.tpl (skin1/customer/), I tried adding
tabindex="0"
or
tabindex="1"
to the text input form code, but it doesn't help.

The first "tab" I hit highlights the URL in the address bar (this is in IE7), the 2nd the Refresh button, 3rd browser Google search field, 4th-7th other browser buttons, finally the 8th tab shows a cursor in the Search field.

Many other web sites I use open a new page with the cursor in either their Login field or their Search field. Anybody solved this problem?

Thanks,
Dan

PhilJ · #2 12-11-2006, 09:58 AM

In skin1/customer/home.tpl

Add this to your <body> tag

Code:

onLoad="document.getElementById('posted_data[substring]').focus()"

gravel · #3 12-11-2006, 10:09 AM

That works! Really excellent - thanks.

--Daniel

gravel · #4 12-12-2006, 02:51 PM

This solution works in IE7, but not so much in Firefox 1.5.0.8.

With the search.tpl input form code using tabindex="1",
a new page in FF requires one hit of the "Tab" key,
to get the cursor to the Search box.
Set to tabindex="0", it requires 8 hits.

In IE7, either tabindex setting works - new pages load
with the cursor already there.

gravel · #5 11-08-2007, 02:01 PM

I found something that works in both FF and IE, and no "error on page" msgs. It sets an ID for both the search form and the text box. For example:

In search.tpl:

Code:

 <form method="get" action="search.php" name="search" id="formid">
 ...
<input type="text" name="whatever" id="textboxid"
 value="{$searchstring|escape:'html'}" onFocus="this.value=''" 
tabindex="1" />
...
</form>

In home.tpl:

Code:

 <body onload="document.forms.formid.textboxid.focus()">



	X-Cart forums © 2001-2020