Focus cursor to a field

Snitz™ Forums 2000
https://forum.snitz.com/forumTopic/Posts/67097?pagenum=1
05 November 2025, 18:28

Topic

Andy Humm
Focus cursor to a field
21 May 2008, 05:38


Having installed an enhanced search facility to boost the search capabilities originally provided by search.asp. Is it possible to focus the cursor into the Keywords field on the form opening.

We have the following code for the Keywords field:

Response.Write "<input type=""text"" name=""Search"" size=""25"" value=""" & Trim(chkString(Request.QueryString("Search"),"search")) & """><br />" & vbCrLf
kind regards Andy<

 

Replies ...

Shaggy
21 May 2008, 05:59


Add an id attribute to your input tag and then add the following line to your javascript's onload function:
Code:
document.getElementById("yourid").focus()
<
Andy Humm
21 May 2008, 06:03


Shaggy
Thank you for this but where is the javascript onload function? and where would I have to add an id attribute..
I have seen this bit of code in post.asp
Response.Write " <script language=""JavaScript"" type=""text/javascript"">document.PostTopic.Message.focus();</script>" & vbNewLine
Any additional help, as always is greatly appreciated.. steep learning curve here! andy<
Shaggy
21 May 2008, 06:18


You'll need to add an onload function to inc_header.asp (the javascript begins on line 234) as follows:
Code:
function loader(){
 document.getElementById("yourid").focus()
}
window.onload=loader
Where yourid is the value of the id attribute which, as stated, you need to add to your input tag.
<
Carefree
21 May 2008, 09:34


Hey Shaggy, since that JS will be added to the routines after 234,
should they be in Response.Write format? And if so, the ID tag will need double "" enclosures.
Code:

		"function loader(){" & vbNewLine & _
 		"	document.getElementById(""yourid"").focus()" & vbNewLine & _
		"}" & vbNewLine & _
		"window.onload=loader" & vbNewLine & _
<
leatherlips
21 May 2008, 11:07


I'm trying to add this to my search page. I added the onload function in inc_header.asp buy am not sure what to add in search.asp.
Here is what is currently there (the part in green is what I was trying to do - searchfocus is my id):

Response.Write "<input type=""text"" onload=""searchfocus"" name=""Search"" size=""25"" value=""" & Trim(chkString(Request.QueryString("Search"),"search")) & """><br />" & vbCrLf<
Andy Humm
21 May 2008, 13:34


Leatherlips, I have not got round to installing the code yet, correct me if I am wrong others, but the onload=""searchfocus"" could be id=""searchfocus"" I think that is what I understand from Shaggy's notion of input tag<
leatherlips
21 May 2008, 14:08


Neither onload=""searchfocus nor id=""searchfocus"" works.<
Andy Humm
21 May 2008, 19:19


Shaggy
With "Where yourid is the value of the id attribute which, as stated, you need to add to your input tag" in mind, could you expand and help..<
Carefree
21 May 2008, 22:54


You need to search for "input" (the line that actually requests data) in the forms of your post.asp and/or search_mod.asp/search.asp, wherever you want the focus. Add the id=""whatever"" tag to each.<
Andy Humm
22 May 2008, 04:03


Tried all the above and errors occur..
Looking at post.asp which focuses.. This is the message area code:

" <td bgColor=""" & strPopUpTableColor & """><textarea id=""ta1"" class=""textarea"" cols=""" & intCols & """ name=""Message"" rows=""" & intRows & """ wrap=""VIRTUAL"" onselect=""storeCaret(this);"" onclick=""storeCaret(this);"" onkeyup=""storeCaret(this);"" onchange=""storeCaret(this);"">" & Trim(CleanCode(TxtMsg)) & "</textarea><br /></td>" & vbNewLine & _
" </tr>" & vbNewLine
end if
select case strRqMethod
case "Reply", "ReplyQuote", "TopicQuote"
Response.Write " <script language=""JavaScript"" type=""text/javascript"">document.PostTopic.Message.focus();</script>" & vbNewLine
end select
is there away to almalgamate the focus script above into the search_mod script here:

Response.Write "<input type=""text"" name=""Search"" size=""25"" value=""" & Trim(chkString(Request.QueryString("Search"),"search")) & """><br />" & vbCrLf
What settings are required for: document.PostTopic.Message.focus<
AnonJr
22 May 2008, 06:22


The "PostTopic" part is the name of the form, and the "Message" part is the name of the field you want to give focus to. Find the name of the form, and the item you posted above is named "Search". HTH<
Andy Humm
22 May 2008, 13:06


Thank you..Sorted.. For the others to see the solution:
Search_mod.asp line 906 (approx) add items in red
Response.Write "<input type=""text"" id=""ffind"" name=""Search"" size=""25"" value=""" & Trim(chkString(Request.QueryString("Search"),"search")) & """><br />" & vbCrLf
then below that add:
Response.Write " <script language=""JavaScript"" type=""text/javascript"">document.SearchForm.ffind.focus();</script>" & vbNewLine
<
© 2000-2021 Snitz™ Communications