|
| |
|
|
jackfd
Posts: 2
Joined: 10/13/2004
Status: offline
 |
How to disable mouse wheel on a form page - 10/13/2004 11:10:01
When designing long forms with drop down form fields I have an issue with the mouse wheel. After selecting a choice from the drop down the visitor is likely to use their mouse wheel to scroll down the page. Unfortunately, if the drop-down field is still selected, instead of scrolling the page they change the answer they selected in the drop-down. Rather than just post a little messages on the form warning people not to use their mouse wheel out like to disable it. Does anyone know of a script or function in a front-page form that would allow this?
|
|
|
|
Nigel
Posts: 383
Joined: 7/24/2002
From: Wirral - UK
Status: offline
|
RE: How to disable mouse wheel on a form page - 10/13/2004 11:45:19
I'm glad you raised this as it's a common problem. I once booked a flight for the wrong day because of this.
Is there somewhere in the form script where you can set the properties to scrollable yes/no like in a new window?
I'm sure there will be a way but it won't be to control the mouse it will be to control the scroll bars. Maybe just have a long drop down list that is set to the length of the choices.
Nigel
_____________________________
Innerview
Web Design - Virtual Tours - 360 Panoramas - Shopping carts
| |
|
|
|
moosef
Posts: 2
Joined: 11/26/2004
Status: offline
|
RE: How to disable mouse wheel on a form page - 11/26/2004 12:43:46
Disabling scrolling on a SELECT element is quite simple:
<SELECT ... onMouseWheel=return(false)>
This cancels the default action for the element, which in the case of a SELECT is the action that changes the selectedIndex.
Go tell all your friends that Microsoft's inspired decision to enable it in the first place can be undone.
| |
|
|
|
AMysticWeb
Posts: 855
Joined: 10/23/2002
Status: offline
|
RE: How to disable mouse wheel on a form page - 11/26/2004 13:00:10
Hi moosef,
Welcome to OutFront
I don't lnow about a star, but I never took the time to investigate this. I just assumed I had to live with this.
So, you are my hero for the day!
Good tip, thanks. Of course now I have to add this to all my forms.
_____________________________
Hope I have been of some help,
Micheal
[URL=http://web.archive.org/web/20060101013129/http://www.frontpageforms.com/]FrontPageForms.com-Archive Version[/URL]
I am living Proof that Viral Procrastination exists!
| |
|
|
|
Charles W Davis
Posts: 1725
Joined: 3/7/2002
From: Henderson Nevada USA
Status: offline
|
RE: How to disable mouse wheel on a form page - 11/27/2004 21:46:37
quote:
<SELECT ... onMouseWheel=return(false)>
Post that on the Articles & Ideas forum and you'll be one more post toward the two start goal.
_____________________________
Enjoy! It' s your endeavor!
http://www.anthemwebs.com
| |
|
|
|
Nigel
Posts: 383
Joined: 7/24/2002
From: Wirral - UK
Status: offline
|
RE: How to disable mouse wheel on a form page - 11/28/2004 7:33:31
You get 2 stars from me for that little Gem.
Thanks
Nigel
_____________________________
Innerview
Web Design - Virtual Tours - 360 Panoramas - Shopping carts
| |
|
|
|
AMysticWeb
Posts: 855
Joined: 10/23/2002
Status: offline
|
RE: How to disable mouse wheel on a form page - 12/4/2004 18:17:50
Hi Rick,
It goes inside the initial <Select> tag for each DD you want to use it for.
onMouseWheel=return(false)
<select size="1" name="DD" onMouseWheel=return(false)>
<option value="Feedback">Feedback</option>
<option value="Info Request">Info Request</option>
<option value="Message">Message</option>
</select>
Works like a charm and is certainly in the top ten FP tips in my book.
_____________________________
Hope I have been of some help,
Micheal
[URL=http://web.archive.org/web/20060101013129/http://www.frontpageforms.com/]FrontPageForms.com-Archive Version[/URL]
I am living Proof that Viral Procrastination exists!
| |
|
|
|
Larry M.
Posts: 2853
Joined: 2/20/2003
From: Greenville, South Carolina, USA
Status: offline
|
RE: How to disable mouse wheel on a form page - 12/4/2004 19:06:33
quote:
It goes inside the initial <Select> tag for each DD you want to use it for
Michael,
Elaborate, please. Do you mean that (in FrontPage) that each Form Field is to be coded? If so, is the process to >> click the form field, then insert in Code View or by Insert >> Component:
</select>
onMouseWheel=return(false)
<select size="1" name="DD" onMouseWheel=return(false)>
<option value="Feedback">Feedback</option>
<option value="Info Request">Info Request</option>
<option value="Message">Message</option>
</select>
I'm not a coder (obviously) nor can I find any DD tags or a </select> field when I have a reply form open in FrontPage.
Thanks!
_____________________________
Larry M.
Reality is the leading cause of stress among those few in touch with it
| |
|
|
|
AMysticWeb
Posts: 855
Joined: 10/23/2002
Status: offline
|
RE: How to disable mouse wheel on a form page - 12/5/2004 9:50:29
Hi Larry,
If you want to get lazy, copy the following into a Notepad and always start your new DropDown Box with it.
<select size="1" name="Message_Type" onMouseWheel=return(false)>
<option value="Feedback">Feedback</option>
<option value="Info Request">Info Request</option>
<option value="Message">Message</option>
</select>
That way the mouse wheel disable will be in it from the start.
_____________________________
Hope I have been of some help,
Micheal
[URL=http://web.archive.org/web/20060101013129/http://www.frontpageforms.com/]FrontPageForms.com-Archive Version[/URL]
I am living Proof that Viral Procrastination exists!
| |
|
|
|
RickP
Posts: 693
Joined: 11/13/2004
From: Kent, U.K.
Status: offline
|
RE: How to disable mouse wheel on a form page - 12/5/2004 11:50:45
Larry,
It is exactly as Michael has outlined - my instructions lead to the same code - it only requires the OnMousewheel... bit to be entered ONCE at the start.
Regards, RickP
| |
|
|
|
Larry M.
Posts: 2853
Joined: 2/20/2003
From: Greenville, South Carolina, USA
Status: offline
|
RE: How to disable mouse wheel on a form page - 12/5/2004 16:07:50
quote:
It is exactly as Michael has outlined - my instructions lead to the same code - it only requires the OnMousewheel... bit to be entered ONCE at the start
RickP & Michael,
Light bulb finally went on! Great tip and ditto for the thread.
Much appreciated,
_____________________________
Larry M.
Reality is the leading cause of stress among those few in touch with it
| |
|
|
|
AlexWhitcombe
Posts: 1
Joined: 3/24/2006
Status: offline
|
RE: How to disable mouse wheel on a form page - 3/24/2006 15:33:50
Sadly, this neat little piece of code doesn't seem to work. Yes, while the customer drops the list and is selecting his requirement the scroll mouse input is inactive but as soon as he selects one and the box closes up, the protection is lost and any further movement of the wheel, before focus is moved, changes the selection again and activates the onChange event handler without a click being required.
I have also tried applying the onMouseWheel handler to the whole form but without success.
| |
|
|
|
dpf
Posts: 7126
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: How to disable mouse wheel on a form page - 3/24/2006 15:50:44
it works for me - lets see your code
_____________________________
Dan
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
. 