stevefNYC
asked on
JavaScript and mouse capturing based on X/Y axis
Hi all,
I'm working on a javascript based tool that essentially allows a user to create an object that opens up a gradient control, almost like a color picker. However, instead of picking up on a color, the object will have a minval/maxval/incremental value (such as .1, .01, .001, etc) properties. Based on these properties, a whole number might go along the Y axis and an incremental value/decimal will go along the X axis.
The user will move the mouse to the lower right hand corner of the grid to gain high numerical value that will populate a text field, and upper left for smaller values. Moving left to right should only move the whole number, while vertical movement along the X axis changes the incremental.
Would anyone be able to suggest how to start approaching this type of object/control creation? I know I'm leaving rather vague details, I'd be more than happy to follow up with more insight.
Thanks all.
I'm working on a javascript based tool that essentially allows a user to create an object that opens up a gradient control, almost like a color picker. However, instead of picking up on a color, the object will have a minval/maxval/incremental value (such as .1, .01, .001, etc) properties. Based on these properties, a whole number might go along the Y axis and an incremental value/decimal will go along the X axis.
The user will move the mouse to the lower right hand corner of the grid to gain high numerical value that will populate a text field, and upper left for smaller values. Moving left to right should only move the whole number, while vertical movement along the X axis changes the incremental.
Would anyone be able to suggest how to start approaching this type of object/control creation? I know I'm leaving rather vague details, I'd be more than happy to follow up with more insight.
Thanks all.
ASKER CERTIFIED SOLUTION
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.