dojox/widget/FisheyeList.js

• Provides:

  • dojox.widget.FisheyeList

• Requires:

  • dijit._Widget in common
  • dijit._Templated in common
  • dijit._Container in common
  • dijit._Contained in common

• dojox.widget.FisheyeList

  • type

    Function

  • chains:
    • dijit._Widget: (prototype)
    • dijit._Templated.prototype: (prototype)
    • dijit._Container.prototype: (prototype)
    • dijit._Widget: (call)
    • dijit._Templated: (call)
    • dijit._Container: (call)
  • summary

    Menu similar to the fish eye menu on the Mac OS

  • example

    	<div dojoType="FisheyeList"
    		itemWidth="40" itemHeight="40"
    		itemMaxWidth="150" itemMaxHeight="150"
    		orientation="horizontal"
    		effectUnits="2"
    		itemPadding="10"
    		attachEdge="center"
    		labelEdge="bottom">
    
    		<div dojoType="FisheyeListItem"
    			id="item1"
    			onclick="alert('click on' + this.label + '(from widget id ' + this.widgetId + ')!');"
    			label="Item 1"
    			iconSrc="images/fisheye_1.png">
    		</div>
    		...
    	</div>

• dojox.widget.FisheyeList.constructor

  • constructor - constructor
  • type

    Function

• dojox.widget.FisheyeList.EDGE

  • type

    Object

• dojox.widget.FisheyeList.EDGE.CENTER

  • type

    Number

• dojox.widget.FisheyeList.EDGE.LEFT

  • type

    Number

• dojox.widget.FisheyeList.EDGE.RIGHT

  • type

    Number

• dojox.widget.FisheyeList.EDGE.TOP

  • type

    Number

• dojox.widget.FisheyeList.EDGE.BOTTOM

  • type

    Number

• dojox.widget.FisheyeList.templateString

  • type

    String

• dojox.widget.FisheyeList.snarfChildDomOutput

  • type

    Object

• dojox.widget.FisheyeList.itemWidth

  • type

    Integer

  • summary

    width of menu item (in pixels) in it's dormant state (when the mouse is far away)

• dojox.widget.FisheyeList.itemHeight

  • type

    Integer

  • summary

    height of menu item (in pixels) in it's dormant state (when the mouse is far away)

• dojox.widget.FisheyeList.itemMaxWidth

  • type

    Integer

  • summary

    width of menu item (in pixels) in it's fully enlarged state (when the mouse is directly over it)

• dojox.widget.FisheyeList.itemMaxHeight

  • type

    Integer

  • summary

    height of menu item (in pixels) in it's fully enlarged state (when the mouse is directly over it)

• dojox.widget.FisheyeList.imgNode

  • type

    Object

• dojox.widget.FisheyeList.orientation

  • type

    String

  • summary

    orientation of the menu, either "horizontal" or "vertical"

• dojox.widget.FisheyeList.isFixed

  • type

    Boolean

  • summary

    toggle to enable additional listener (window scroll) if FisheyeList is in a fixed postion

• dojox.widget.FisheyeList.conservativeTrigger

  • type

    Boolean

  • summary

    if true, don't start enlarging menu items until mouse is over an image;
    if false, start enlarging menu items as the mouse moves near them.

• dojox.widget.FisheyeList.effectUnits

  • type

    Number

  • summary

    controls how much reaction the menu makes, relative to the distance of the mouse from the menu

• dojox.widget.FisheyeList.itemPadding

  • type

    Integer

  • summary

    padding (in pixels) betweeen each menu item

• dojox.widget.FisheyeList.attachEdge

  • type

    String

  • summary

    controls the border that the menu items don't expand past;
    for example, if set to "top", then the menu items will drop downwards as they expand.
    values
    "center", "left", "right", "top", "bottom".

• dojox.widget.FisheyeList.labelEdge

  • type

    String

  • summary

    controls were the labels show up in relation to the menu item icons
    values
    "center", "left", "right", "top", "bottom".

• dojox.widget.FisheyeList.postCreate

  • type

    Function

• dojox.widget.FisheyeList.isHorizontal

  • type

    bool

• dojox.widget.FisheyeList.selectedNode

  • type

    Number

• dojox.widget.FisheyeList.isOver

  • type

    Object

• dojox.widget.FisheyeList.hitX1

  • type

    Number

• dojox.widget.FisheyeList.hitY1

  • type

    Number

• dojox.widget.FisheyeList.hitX2

  • type

    String

• dojox.widget.FisheyeList.hitY2

  • type

    String

• dojox.widget.FisheyeList.anchorEdge

  • type

    Object

• dojox.widget.FisheyeList.proximityLeft

  • type

    Number

• dojox.widget.FisheyeList.proximityRight

  • type

    Number

• dojox.widget.FisheyeList.proximityTop

  • type

    Number

• dojox.widget.FisheyeList.proximityBottom

  • type

    Number

• dojox.widget.FisheyeList.startup

  • summary

    create our connections and setup our FisheyeList

  • type

    Function

• dojox.widget.FisheyeList.children

  • type

    Object

• dojox.widget.FisheyeList._onMouseMoveHandle

  • type

    Object

• dojox.widget.FisheyeList._onScrollHandle

  • type

    Object

• dojox.widget.FisheyeList._onMouseOutHandle

  • type

    Object

• dojox.widget.FisheyeList._addChildHandle

  • type

    Object

• dojox.widget.FisheyeList._onResizeHandle

  • type

    Object

• dojox.widget.FisheyeList._initializePositioning

  • type

    Function

• dojox.widget.FisheyeList.itemCount

• dojox.widget.FisheyeList.barWidth

  • type

    Number

• dojox.widget.FisheyeList.barHeight

  • type

    Number

• dojox.widget.FisheyeList.totalWidth

  • type

    String

• dojox.widget.FisheyeList.totalHeight

  • type

    String

• dojox.widget.FisheyeList.domNode.style.width

  • type

    String

• dojox.widget.FisheyeList.domNode.style.height

  • type

    String

• dojox.widget.FisheyeList._overElement

  • parameters:
    • node: (typeof DomNode|String)
    • e: (typeof Event)
  • summary

    Returns whether the mouse is over the passed element.
    Node: Must must be display:block (ie, not a <span>)

  • type

    Function

• dojox.widget.FisheyeList._onBodyOut

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

    Function

• dojox.widget.FisheyeList._setDormant

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

    already dormant?

  • summary

    called when mouse moves out of menu's range

  • type

    Function

• dojox.widget.FisheyeList._setActive

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

    already activated?

  • summary

    called when mouse is moved into menu's range

  • type

    Function

• dojox.widget.FisheyeList.timerScale

  • type

    Number

• dojox.widget.FisheyeList._onMouseMove

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

    called when mouse is moved

  • type

    Function

• dojox.widget.FisheyeList._onScroll

  • type

    Function

• dojox.widget.FisheyeList.onResized

  • type

    Function

• dojox.widget.FisheyeList._onGridMouseMove

  • parameters:
    • x
    • y
  • summary

    called when mouse is moved in the vicinity of the menu

  • type

    Function

• dojox.widget.FisheyeList.pos

  • type

    Object

• dojox.widget.FisheyeList._paint

  • type

    Function

• dojox.widget.FisheyeList.pos.x

• dojox.widget.FisheyeList.pos.y

• dojox.widget.FisheyeList._weighAt

  • parameters:
    • cen: (typeof Integer)
    • i: (typeof Integer)
  • returns

    Integer

  • type

    Function

• dojox.widget.FisheyeList._setItemSize

  • parameters:
    • p
    • scale
  • type

    Function

• dojox.widget.FisheyeList._positionElementsFrom

  • parameters:
    • p
    • offset
  • type

    Function

• dojox.widget.FisheyeList._positionLabel

  • parameters:
    • itm
  • type

    Function

• dojox.widget.FisheyeList._calcHitGrid

  • type

    Function

• dojox.widget.FisheyeList._toEdge

  • parameters:
    • inp
    • def
  • type

    Function

• dojox.widget.FisheyeList._expandSlowly

  • summary

    slowly expand the image to user specified max size

  • type

    Function

• dojox.widget.FisheyeList.destroyRecursive

  • type

    Function

• dojox.widget.FisheyeListItem

  • type

    Function

  • chains:
    • dijit._Widget: (prototype)
    • dijit._Templated.prototype: (prototype)
    • dijit._Contained.prototype: (prototype)
    • dijit._Widget: (call)
    • dijit._Templated: (call)
    • dijit._Contained: (call)

• dojox.widget.FisheyeListItem.iconSrc

  • type

    String

  • summary

    pathname to image file (jpg, gif, png, etc.) of icon for this menu item

• dojox.widget.FisheyeListItem.label

  • type

    String

  • summary

    label to print next to the icon, when it is moused-over

• dojox.widget.FisheyeListItem.id

  • type

    String

  • summary

    will be set to the id of the orginal div element

• dojox.widget.FisheyeListItem.templateString

  • type

    String

• dojox.widget.FisheyeListItem._isNode

  • parameters:
    • wh: (typeof object)
  • returns

    boolean

  • summary

    checks to see if wh is actually a node.

  • type

    Function

• dojox.widget.FisheyeListItem._hasParent

  • parameters:
    • node: (typeof Node)
  • returns

    boolean

  • summary

    returns whether or not node is a child of another node.

  • type

    Function

• dojox.widget.FisheyeListItem.postCreate

  • type

    Function

• dojox.widget.FisheyeListItem.imgNode.parentNode

• dojox.widget.FisheyeListItem.imgNode.style.filter

  • type

    String

• dojox.widget.FisheyeListItem.imgNode.src

  • type

    Object

• dojox.widget.FisheyeListItem.startup

  • type

    Function

• dojox.widget.FisheyeListItem.parent

  • type

    Object

• dojox.widget.FisheyeListItem.onMouseOver

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

    callback when user moves mouse over this menu item
    in conservative mode, don't activate the menu until user mouses over an icon

  • type

    Function

• dojox.widget.FisheyeListItem.onMouseOut

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

    callback when user moves mouse off of this menu item

  • type

    Function

• dojox.widget.FisheyeListItem.onClick

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

    user overridable callback when user clicks this menu item

  • type

    Function

• dojox.widget

  • type

    Object

• dojox

  • type

    Object