The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Mousey Dialog
mouseyDialog
mouseyDialog attempts to solve the dialog issue while keeping things simple. It's just a dialog positioned by the mouse. Clicking the close button or outside the dialog will close it (if you're using the click event). mouseyDialog knows where the edge of the window is and will reposition itself if it's outside of it.
HTML required to use mouseyDialog:
- 1. An anchor with an href reference to an ID
- 2. A corresponding ID on an element (let's you determine the structure - use div, ul, p, whatever!)
HTML Example
<a href="#example">Hello</a>
<div id="example">How are ya?</div>Calling the Plugin
$('a').mouseyDialog();Associated Selectors
- dialog div: mouseyDialog
- close div: mouseyDialog_close
Options
zIndex
Sets the z-index of the dialog
Default: 100
eventType
Sets whether or not the event will be ‘click’ or ‘hover’. (Note: if ‘hover’ is chosen, no close button is created.)
Default: 'click'
addOffset
Adds an offset measurement (in pixels) from the mouse pointer.
Default: 10
animation
Sets whether the animation type will be 'fade' or 'slide'.
Default: 'fade'
animationSpeed
Sets the animation speed.
Default: 250
