An easy to use MooTools overlay window class
Syntax
var myMindow = new Mindow(source, [, options]);Arguments:
- source- (string) The source of the content to populate the mindow, if prefixed with an http overlay will contain an iFrame, else it will look on the page for a div with that id and grabs its inner content
- options - (object, optional) The options object, plus the options described below:
Options
- trigger
- if present the overlay will be triggered when this is clicked
- overlayColor
- the color of the opacity layer, defaults to black
- opacity
- the strength of the opacity, defaults to 0.7
- scrolling
- if you want the content of the mindow to scroll, defaults to false
- isOpen
- will open the window when initialized, defaults to false
- height
- the height of the overlay, defaults to 400
- width
- the width of the overlay, defaults to 300
- closeBtn
- the id of the close button, defaults to mdowClose
- mdowClass
- class or classes you wish to set one the mdow
Examples
Usage
ex. Internal Mindow
var myMindow = new Mindow('myDivID, {
trigger: 'myTrigger',
height: 600,
width: 400
});External Mindow
var myExtMindow = new Mindow('http://www.google.com', {
trigger: 'myExtTrigger',
height: 600,
width: 400
});Requirements
Downloads
- mindow-yui.js 4KB (yui compression)
- mindow.js 6KB (no compression)
Support
for now just email me if you have any questions scott.keller@blastradius.com