close jqEditor toolbar on mouseleave/mouseout

[edwardsmarkfParticipant]

hello –

is there any way to close the toolbar on mouseleave/mouseout when the cursor is moved left, right, or down (but not UP)?

i figure mouse-up will accidentally trigger if the cursor is moved into the toolbar

i am thinking something like this
1) trigger event mouseLeave/mouseOut
2) compare the X axis top of the input field to windows.X,
3) if its greater than ( that means cursor has left the element, and moved LEFT RIGHT, or DOWN)
4) $(‘.jqx-editor-toolbar-container , .jqx-widget-header , .jqx-editor-toolbar-inline . jqx-widget jqx-rc-all’).hide() ;

this seems pretty clumsy — is there a better way?

[edwardsmarkfParticipant]

i should have specified Inline Editing.
this may be as good as it gets:

https://www.kirupa.com/html5/getting_mouse_movement_direction.htm

[MartinParticipant]

Hello edwardsmarkf,

The approach you suggested is fine.
Please, look at the following Example.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[edwardsmarkfParticipant]

martin –

i took your excellent example and made some very minor changes:

http://jsfiddle.net/edwardsmarkf/o5qpxmbe/50/

this is probably very desirable behavior for inline editing toolbars – maybe make something like this part of jqeditor documentation?

what do you think?

[edwardsmarkfParticipant]

this version uses two (or more) inline-edit fields:

http://jsfiddle.net/edwardsmarkf/o5qpxmbe/122/

this is very close to what i am looking for. notice that this version uses specific id names rather than generic classes.

[edwardsmarkfParticipant]

even closer….

http://jsfiddle.net/edwardsmarkf/o5qpxmbe/127/

again, i am surprised this is not a requested feature when using inline-editors.

[MartinParticipant]

Hello edwardsmarkf,

Thank you for your feedback! We would consider this suggestion.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[edwardsmarkfParticipant]

cleaned up a bit and added a third edit field:

http://jsfiddle.net/edwardsmarkf/o5qpxmbe/144/

any suggestions? i hope jqwidgets can use this.

[MartinParticipant]

Hello edwardsmarkf,

This is a quite good example. Thank you!

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts