event 1 | callback | function
with the callback function we can activate functions or add custom coding for our event
the callback function in full range is beyond the scope of this manual
for an in depth on callback see here

                         NOTE:  event 2+3 | callback | function   are a repeat of    event 1 | callback | function

cursor style
set a cursor style for this selector on mouse-over
•••• var: string

event 1 | add action | before
add an action for this selector, used here mainly as a stop( ) action, see info on stop( ) action here
NOTE: setting this property to   not used   prevents code for this action from being generated
             useful in combination with the property   code modification | method
             NEW - in JMPv3.0 b5.3
             this property should also be used for event objects if mouse-wheel is used as event - ie   e.preventDefault();

                         NOTE:  event 2+3 | add action | before    are a repeat of    event 1 | add action | before

run on load
run on load enables or disables this module to run on page load

run on call
run on call is the function name we can give this current function
we can call this function to occur ie. by using a    callback | function
for an in depth on callback and run on call see here

run on break
run on break creates an anchor break on Webbuilder objects
the anchor can be reactivated by calling the   run on break   name function call applied here
NOTE: always add an anchor <a> on the selector when this function is used
NOTE: setting this property to   not used   prevents code for this function from being generated
more info see here

code modification | method
set the binding method in which the event(s) will operate ie.   live   or   bind   or   on
default  is   on
NOTE: if   scroll   or   mousewheel   is used as event the method becomes fixed to   on   (+no  add action | before)
short explanation:
bind = bind current existing element(s)
live = bind current and future matching element(s)
on   = bind/live(depreciated)/etc combined (v1.7+) - ***recommended use!
one  = bind once                           (v1.7+)

code modification | variable
add function variables  ie.  Call_Event_1(myVariable)
NOTE: is not event.object - use (e) inside function - ie.   e.pageX
this function is beyond the scope of this manual   see here

code modification | javascript | after
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual   see here

code modification | javascript | before
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual   see here
identifier
1. identifier is used to write down notes of animations, actions and anything we find important to make note of
    identifier is a visual reference
2. identifier also provides a quick overview of the function structure flow



selector
target an object by id (#) or class (.) or element
the full range on selectors is beyond the scope of this manual
for an in depth on selectors simplified see here
NOTE: use of   window   or   document   as selector will automatically disable tags on the selector  (=non-string)
NOTE: setting this property to   not used   prevents code for this selector from being generated
•••• var: string   |   •••• var: non-string  ( window - document )

event 1 | event
events are the interactions used to execute our function
     the full list of events is:
     click, dblclick
     mouseover, mouseout, mouseenter, mouseleave, mouseup, mousedown, mousemove
     blur, focus, select, change, submit
     load, resize, scroll, mousewheel

                         NOTE:  event 2+3 | event    are a repeat of    event 1 | event
__________________________________________________________________________
more info on   module | OnEvent   see here Overview
STRUCTURE: function (e) { break function - javascript before - selector -                                          -  javascript after   }
event - action - callback
event - action - callback
event - action - callback
MOUSE-WHEEL EVENT:
the mouse-wheel receives an extra argument  function (e, delta)  { }   where delta is the mouse-wheel direction
      ---
      delta positive = up   ---> use as --->  if (delta >= 0) {}
      delta negative = down ---> use as --->  if (delta <= 0) {}
      ---
      event object:
      e.preventDefault() = prevent mouse-wheel
      NOTE:
      mouse-wheel events objects should NOT be passed thru the  event x | callback
      use the  event x | add action | before  property instead
NOTE: setting this property to   not used   prevents code for this event from being generated
•••• var: string
EVENT TARGETS INFO:

resize      =  $(window)
scroll      =  $(window)   or $(object)
mousewheel  =  $(document) or $(object)
b5.3
b5.3
MODULE ONEVENT - PROPERTIES
TOOL