ClickIt Stack

Turn any set of Stacks into a clickable hotspot: single-click, double-click, right-click, or hold for a long click.
Overview
Cat Stack icon
Drop any Stacks inside ClickIt and they become a clickable hotspot: link to other pages, or show another set of hidden Stacks. You have control over what action is taken on a single-click, double-click, right-click, and/or a long click. Set hover effects and add an optional tooltip just like a link.

How does it work?
Javascript counts clicks and measures duration, then takes action for each event.
  • Cat Stack screen shot
  • Cat Stack screen shot
Customize
Cat Stack parameters
Each type of click event has its own set of controls for what action is taken: do nothing, show hidden Stacks, or jump to a page or URL. The Stack has optional hover effects that you can enable and customize as well.

Parameters

 
Single clickChoose an action for single-click: Nothing disables this click; Link to page jumps to another URL like an href; Show Stacks shows stacks you choose in the edit area.
Page linkSelect a link to jump to on a single-click of the Stack area.
Double clickChoose an action for double-click: Nothing disables this click; Link to page jumps to another URL like an href; Show Stacks shows stacks you choose in the edit area.
Page linkSelect a link to jump to on a double-click of the Stack area.
Double-click timeSet the amount of time in milliseconds within which two successive clicks of the mouse on the Stack area will trigger the double-click. The default is 300ms, but can be set to other values. Note: a single-click is not registered until this amount of time has passed.
Long clickChoose an action for long click: Nothing disables this click; Link to page jumps to another URL like an href; Show Stacks shows stacks you choose in the edit area. Not available on mobile.
Page linkSelect a link to jump to on a long click of the Stack area.
Long click timeSet the amount of time in milliseconds you need to hold down the mouse on the Stack area to trigger the long click. Default is 2000ms which is two seconds.
Right clickChoose an action for right-click: Nothing disables this click; Link to page jumps to another URL like an href; Show Stacks shows stacks you choose in the edit area. Not available on mobile.
Page linkSelect a link to jump to on a right-click of the Stack area.
Exclusive, one at timeCheck this to allow only of the four possible Show Stacks to be displayed at any one time.
Mouse pointerSet the type of pointer for the mouse when it hovers on the Stack area.
Tooltip popupShow this string when the mouse is hovered over the Stack area. Leave this blank for no tooltip.
Enable hover colorsEnable color changes on mouse hover over the Stack area.
Background colorSet the background color of the Stack area on mouse hover.
Text colorSet the text color of the Stack area on mouse hover.
Enable hover borderEnable border changes on mouse hover over the Stack area.
Border colorSet the border color of the Stack area on mouse hover.
Border widthSet the border width of the Stack area on mouse hover.
Hover delaySet the transition speed of all hover effects.
Examples
Check out examples of ClickIt
Example 1: the ClickIt Stack below contains an Image and Text together, which form the link - click to reload this page. The mouse cursor option has been used to make it appear to be a hotspot …
Stacks Image 18300
Single-click anywhere in this blue region to Reload this page!
Example 2: the ClickIt Stack below has all mouse event options enabled, and each is configured to toggle the visibility of a different set of Stacks. Note the hover effects and tooltip ...
Single-click, double-click, right-click, or hold a long click (in this case 2 seconds) anywhere in this blue region to toggle Stacks below! Repeat the event to toggle again ...
Stacks Image 18839
Stacks Image 18768
Single-click
Stacks Image 18775
Double-click
Stacks Image 18782
Long click
Stacks Image 18789
Right-click

ClickIt Features

  • JS required
  • Touch screens single-click only
  • Sparkle updates

Purchase ClickIt

  • $6 USD via PayPal
  • Immediate download *