moopopup 0.2.6

moopopup is a plugin designed to display html content in a draggable, resizable popup window (really a layer over the document). The content shown may be passed as an option, taken from an existing html node or through an ajax request. Every aspect is fully customizable through css. A base css is provided in the Style folder (ubuntu 11.10 windows style).



Details

Author
abidibo
Current version
0.2.6
GitHub
abidibo/moopopup
Downloads
19094
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • core/1.4.4
    • more/1.4.0.1 Drag
    • more/1.4.0.1 Drag.Move

How to use

moopopup requires

  • core/1.4.4
  • more/1.4.0.1 Drag, Drag.Move

Include mootools framework and moopopup plugin

<script src="path-to-mootools-framework" type="text/javascript"></script>
<script src="path-to-moopopup-js" type="text/javascript"></script>
  1. <script src="path-to-mootools-framework" type="text/javascript"></script>
  2. <script src="path-to-moopopup-js" type="text/javascript"></script>

Include moopopup stylesheet

<link href="path-to-moopopup-css" type="text/css" rel="stylesheet" />
  1. <link href="path-to-moopopup-css" type="text/css" rel="stylesheet" />

Example code

Javascript:

window.addEvent('domready', function() {
    var mp_instance = new moopopup({title:'My window title', text: 'My window content'});
    mp_instance.display();
}
  1. window.addEvent('domready', function() {
  2. var mp_instance = new moopopup({title:'My window title', text: 'My window content'});
  3. mp_instance.display();
  4. }

For more demos please visit the moopopup demo page at http://www.abidibo.net/projects/js/moopopup/demo


Links

The project page: http://www.abidibo.net/projects/js/moopopup
The documentation page: http://www.abidibo.net/projects/js/moopopup/doc
The demo page: http://www.abidibo.net/projects/js/moopopup/demo

Please report bugs, errors and advices in the github project page: http://github.com/abidibo/moopopup


Screenshots


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus