Link to home
Create AccountLog in
Avatar of stevefNYC
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.
ASKER CERTIFIED SOLUTION
Avatar of ThinkPaper
ThinkPaper
Flag of United States of America image

Link to home
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
See answer