dojox/widget/FisheyeLite.js

• Provides:

  • dojox.widget.FisheyeLite

• Requires:

  • dijit._Widget in common
  • dojo.fx.easing in common

• dojox.widget.FisheyeLite

  • type

    Function

  • chains:
    • dijit._Widget: (prototype)
    • dijit._Widget: (call)
  • parameters:
    • props
    • node
  • summary

    A Light-weight Fisheye Component, or an exhanced version
    of dojo.fx.Toggler ...

  • description

    A Simple FisheyeList-like widget which (in the interest of
    performance) relies on well-styled content for positioning,
    and natural page layout for rendering.
    
    use position:absolute/relative nodes to prevent layout
    changes, and use caution when seleting properties to
    scale. Negative scaling works, but some properties
    react poorly to being set to negative values, IE being
    particularly annoying in that regard.
    
    quirk: uses the domNode as the target of the animation
    unless it finds a node class="fisheyeTarget" in the container
    being turned into a FisheyeLite instance

  • example

    	// make all the LI's in a node Fisheye's:
       dojo.query("#node li").forEach(function(n){
    		new dojox.widget.FisheyeLite({},n);
    	});

  • example

    	new dojox.widget.FisheyeLite({
    		properties:{
    			// height is literal, width is multiplied
    			height:{ end: 200 }, width:2.3
    		}
    	}, "someNode");
    
    duationIn: Integer
    The time (in ms) the run the show animation

• dojox.widget.FisheyeLite.durationIn

  • type

    Number

• dojox.widget.FisheyeLite.easeIn

  • alias - dojo.fx.easing.backOut
  • type

    Function

  • summary

    An easing function to use for the show animation

• dojox.widget.FisheyeLite.durationOut

  • type

    Integer

  • summary

    The Time (in ms) to run the hide animation

• dojox.widget.FisheyeLite.easeOut

  • alias - dojo.fx.easing.elasticOut
  • type

    Function

  • summary

    An easing function to use for the hide animation

• dojox.widget.FisheyeLite.properties

  • type

    Object

  • summary

    An object of "property":scale pairs, or "property":{} pairs.
    defaults to font-size with a scale of 2.75
    If a named property is an integer or float, the "scale multiplier"
    is used. If the named property is an object, that object is mixed
    into the animation directly. eg: height:{ end:20, units:"em" }

• dojox.widget.FisheyeLite.units

  • type

    String

  • summary

    Sometimes, you need to specify a unit. Should be part of
    properties attrib, but was trying to shorthand the logic there

• dojox.widget.FisheyeLite.constructor

  • constructor - constructor
  • type

    Function

  • parameters:
    • props
    • node

• dojox.widget.FisheyeLite.postCreate

  • type

    Function

• dojox.widget.FisheyeLite._target

  • type

    Object

• dojox.widget.FisheyeLite.show

  • summary

    Show this Fisheye item.

  • type

    Function

• dojox.widget.FisheyeLite.hide

  • summary

    Hide this fisheye item on mouse leave

  • type

    Function

• dojox.widget.FisheyeLite._makeAnims

  • summary

    Pre-generate the animations

  • type

    Function

• dojox.widget.FisheyeLite._runningIn

  • type

    Object

• dojox.widget.FisheyeLite._runningOut

  • type

    Object

• dojox.widget.FisheyeLite.onClick

  • parameters:
    • e: (typeof Event)
  • summary

    stub function fired when target is clicked
    connect or override to use.

  • type

    Function

• dojox.widget.FisheyeLite.onSelected

  • parameters:
    • e: (typeof Object)
  • summary

    stub function fired when Fisheye Item is fully visible and
    hovered. connect or override use.

  • type

    Function

• dojox.widget

  • type

    Object

• dojox

  • type

    Object