Automatically focus on search box when switching tabs

Question

I'm editing a start page made by someone else (found here: http://defined04.deviantart.com/art/KMay-Start-Page-184915031?q=gallery%3Adefined04%2F790342&qo=0). This lets you switch search engines by clicking on the different tabs. Is there a way to have the search box automatically selected when I select a tab? At the very least, how can I get the default engine to be selected on page load?

There is another question with the correct answer here: http://stackoverflow.com/questions/45827/how-do-you-automatically-set-the-focus-to-a-textbox-when-a-web-page-loads — Steve, Mar 26 '11 at 00:28

score 0 · Answer 1 · answered Mar 26 '11 at 00:30

0

You can use javascript focus() for that. Execute the script when the tab is changed.

answered Mar 26 '11 at 00:30

MacGucky

2,494
17
17

score 0 · Accepted Answer · answered Mar 26 '11 at 00:36

On the click handler of your tab, do this....

document.getElementById('tabs-container').getElementsByTagName('li').onclick = function () {

   document.getElementById('search-input-' + this.id).focus();

}

Of course, change it to suit your HTML. Hopefully if you have a tie like that between them, you can write one event handler and not three.

Automatically focus on search box when switching tabs

2 Answers2