954,566 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

<select> options selection on mouse over

hey ppls
i hv a list embeded in div . it will be filled by ajax and shown on that time under a text field just like Google Suggest .

All i want to do is to select its options while mouse is moving around its options.


plz help me

thnx

khoomy
Newbie Poster
4 posts since Sep 2004
Reputation Points: 10
Solved Threads: 0
 

Your question isn't clear. A user selects options by clicking the mouse. I'm sure you know that, but that appears to be what you're asking. Please be more specific, and it would help tremendously if you would use real words and complete sentences. Otherwise people have to struggle to understand your message.

tgreer
Made Her Cry
Team Colleague
2,118 posts since Dec 2004
Reputation Points: 227
Solved Threads: 37
 

I think he meant how to do the drop down list like when you typing in the google sugest search ( http://www.google.com/webhp?complete=1&hl=en ).

cppforlife
Newbie Poster
20 posts since Aug 2005
Reputation Points: 10
Solved Threads: 0
 

i want to navigate/select in the drop down list on taking mouse pointer on the list as you can see it in Google Suggest
when a drop down list is opened after typing some character(s), then take mouse pointer on the drop down list it will select the options of the list on which mouse pointer points. i want to do this thing. i have done all stuff excluding this mouse over effect.
i hope i made you clear now.
if not then do tell me please
thnx
bye

khoomy
Newbie Poster
4 posts since Sep 2004
Reputation Points: 10
Solved Threads: 0
 

I'm still not clear what you want to do. If you already have a working select list, then a user selects an option by clicking that option. Surely you don't want to select an option when the user "hovers" over an option. That would render your select list unusable, as a user could never browse through the option list. The first one they touch would get "selected".

If you code the "onmouseover" handler for the select control, the user won't even be able to see any of the options. The event will fire as soon as the mouse enters the control; none of the options will have a chance to display.

That leaves you with coding "onmouseover" for the individual options. You can do that, but again, the first one the user touches will trigger the event, making the control virtually useless.

That isn't how Google Suggest works.

Please try another explanation. Use short, clear sentences. Explain each step. Tell us what you have already have working, and what isn't working. Show us small code sections to illustrate.

If you'd like to do me a personal favor, please capitalize "I" in your postings.

tgreer
Made Her Cry
Team Colleague
2,118 posts since Dec 2004
Reputation Points: 227
Solved Threads: 37
 

I'm still not clear what you want to do. If you already have a working select list, then a user selects an option by clicking that option. Surely you don't want to select an option when the user "hovers" over an option. That would render your select list unusable, as a user could never browse through the option list. The first one they touch would get "selected".

If you code the "onmouseover" handler for the select control, the user won't even be able to see any of the options. The event will fire as soon as the mouse enters the control; none of the options will have a chance to display.

That leaves you with coding "onmouseover" for the individual options. You can do that, but again, the first one the user touches will trigger the event, making the control virtually useless.

That isn't how Google Suggest works.

Please try another explanation. Use short, clear sentences. Explain each step. Tell us what you have already have working, and what isn't working. Show us small code sections to illustrate.

If you'd like to do me a personal favor, please capitalize "I" in your postings.


hi,

my issue is also the same, all i want is a mouseover on the options, i mean to say my box is filled with values from DB using ajax. on mouse over of the options i need to display the options full text. as i have restricted the select box.

smithasathyam
Newbie Poster
1 post since Nov 2006
Reputation Points: 10
Solved Threads: 0
 

do you want the box to appear intelligent and assume one of the values from the options is what the user is typing?

http://www.devarticles.com/c/a/JavaScript/Javascript-AutoComplete/

don't know if it works, if it doesn't, search for "javascript autocomplete select" on a searchengine, without the quotes.

MattEvans
Veteran Poster
Moderator
1,386 posts since Jul 2006
Reputation Points: 522
Solved Threads: 64
 

thanks

tsaigopal
Newbie Poster
1 post since Apr 2010
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You