Oct 272010
 

The jqDock plugin for jQuery has been updated to version 1.6! Full Change Log.

In brief, there is one minor bugfix, and a couple of enhancements :

  • An item in the Dock can be designated as initially ‘active’, and there is also the ability to ‘remotely’ expand any item
  • A Dock can now be destroyed, ie. removed from the element to which it was originally applied
  • A Dock can be ‘frozen’ at whatever state of expansion it was at at the time
  • The setup of labels has been altered slightly, to enable more extensive use of the label (for example, as sub-menus)

Continue reading »

Share
Aug 172010
 
  • the original menu element no longer gets hidden by jqDock, since the most likely usage is to pre-hide it to prevent ‘flicker’ on initial page load; also now copes with the menu element being initially set invisible (visibility:hidden) instead of hidden (display:none)
  • the label no longer a gets jqDockMouseN class
  • bugfix : the label click handler was not returning false, so clicks on labels were being notified to links (not images) twice
  • new option, setLabel (default false), as a function called when initialising the label contents for each menu item
  • added an extra layer – div.jqDockLabelText – inside div.jqDockLabel to facilitate positional ‘tweaking’ of the label without having to resort to the setLabel option
  • new option, flow (default false), allowing the auto-centering to be disabled and the dock wrapper element to auto-size to precisely contain the dock
  • new option, idle (default 0), as the number of milliseconds of idle time after the mouse has left the menu before the dock goes to sleep and the docksleep event is triggered (on the original menu element)
  • new option, onSleep, as a function which is called with scope (this) of the original menu element when an optional number of milliseconds (the idle option) has elapsed since the mouse left the menu; returning false will prevent the dock from going to sleep
  • new option, onWake, as a function which is called with scope (this) of the original menu element when dock is ‘nudged’ awake, but only if dock was asleep at the time; returning false will prevent the dock waking up (stays asleep)
  • new option, onReady, as a function which is called with scope (this) of the orginal menu element when dock has been initialised and is ready for display; returning false will prevent the dock being displayed and it will stay asleep
  • new custom event, dockshow, which is triggered on the original menu element when the dock has been completely initialised; this won’t be triggered if the onReady() call returns false
  • new custom event, docksleep, which is triggered on the original menu element following the onSleep() call, unless the onSleep() call returns false
  • new custom event, dockwake, which is triggered on the original menu element following the onWake() call, unless the onWake() call returns false
  • added listener for custom event – docknudge – on the original menu element, which *has* to be triggered by the calling program in order to (try to) wake the dock from a sleep
  • added listener for custom event – dockidle – on the original menu element, which can be triggered by the calling program to (try to) put the dock to sleep
  • added 2 commands to jqDock() function – jqDock(‘nudge’) and jqDock(‘idle’) – which do the same thing as triggering the respective docknudge and dockidle events (but synchronously)
  • documentation updated, and some more single-menu examples added
Share
Aug 172010
 

The jqDock plugin for jQuery has been updated (version 1.5). Full Change Log.

This update fixes 1 minor bug, but adds a load of hooks and custom events that will enable more interaction with the plugin. It’s in response to requests for being able to determine when the dock has been initialised, and also to be able to ‘hide’ the dock if not in use.

Apologies (25th August 2010) : It would appear that during this most recent upgrade I ‘broke’ a number of the examples (8 to be precise) by loading a non-existent script. I have now fixed this mistake (and re-checked all the examples!) and I can only apologise for any inconvenience caused.

Continue reading »

Share
Jun 042010
 
  • bugfix : in IE8, non-statically positioned child elements do not inherit opacity, so fadeIn did not work correctly
  • new option, fadeLayer (default ”), allows the fade-in to be switched from the original menu element down to either the div.jqDock or div.jqDockWrap layer
  • documentation updated, examples upgraded to jQuery v1.4.2, and 3 more single-menu examples added (for fading menus in)
Share
May 132010
 
  • default size increased to 48 (from 36)
  • default label position changed from ‘tc’ to ‘tl’ for any alignment except ‘top’ (default ‘br’) and ‘left’ (default ‘tr’)
  • default distance increased to 72 (from 54)
  • default duration reduced to 300 (from 500)
  • new option, inactivity (default 0), allowing auto-collapse after a specified period (mouse on dock)
  • new option, fadeIn (default 0), allowing initialised menu to be faded in over a specified period (as opposed to an instant show)
  • new option, step (default 50), which is the interval between animation steps
  • bugfix : handle integer options being passed in as strings (eg. size:’48’ instead of size:48)
  • bugfix : ie8’s problem with horizontal floats resolved (double-wrap of all items)
  • better ‘best guess’ for maximum dimensions of Dock
  • the wrapper div now has width, height, and a class
  • dimensioning switched from image to innermost of the item’s double-wrap
  • labels now assigned per menu item (regardless of labels option setting) instead of one for the entire dock
  • where an image is within an anchor, the label is also within the anchor, so clicking the label activates anchor
  • label positioning calculations are now only required for alignments that include ‘middle’ and/or ‘center’
  • events switched from mouseover/out to mouseenter/leave
  • documentation updated, demo page upgraded to jQuery v1.4.2, and a number of single-menu examples added (jQuery v1.2.3)
Share
May 132010
 

The jqDock plugin for jQuery has finally had a bit of a makeover, and version 1.3 is the result. Full Change Log.

In brief : I have fixed a couple of bugs, one for IE8 and one that is really just tightening up the validation for those who don’t know what an integer is. I have added a couple of extra options that might be useful, and a couple of the default settings for options have changed. Labels have been re-worked – for efficiency and for use within anchors (links) – and extra wrappers have been added to enable better styling of the dock as a whole. The documentation and demo pages have been upgraded, and there is now a section of single-dock examples. Continue reading »

Share
Jan 012010
 
  • some speed optimisation within the functions called by the event handler
  • added positioning of labels (top/middle/bottom and left/center/right)
  • added click handler to label (triggers click event on related image)
  • added jqDockLabel(Link|Image) class to label, depending on type of current image
  • updated demo and documentation for label positioning and clicking on labels
Share