Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Modal window
JavaScript CSS
Branch: master

Merge pull request #29 from dmytromarch/ProcessingImagesWithoutSpecif…

…iedType

- Added ability to work with images without specified type.
latest commit 6c09dbf6fb
@plasm authored

README.md

Screenshot

http://simplemodal.plasm.it

Modal - A simple modal window

SIMPLE MODAL is a small MooTools plugin to create modal windows. It can be used to generate alert or confirm messages with few lines of code. Confirm configuration involves the use of callbacks to be applied to affirmative action; it can work in asynchronous mode and retrieve content from external pages or getting the inline content. SIMPLE MODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.

How to Use

Minimal configuration

ALERT INTEGRATION

Snippet code Javascript:

#JS

$("myElement").addEvent("click", function(){
  var SM = new SimpleModal({"btn_ok":"Alert button"});
      SM.show({
        "title":"Title",
        "contents":"Your message..."
      });
});

Snippet code HTML:

#HTML

<a id="myElement" href="javascript;">Alert</a>

MODAL-AJAX INTEGRATION

Snippet code Javascript:

#JS

$("myElement").addEvent("click", function(){
  var SM = new SimpleModal({"width":600});
      SM.addButton("Action button", "btn primary", function(){
          this.hide();
      });
      SM.addButton("Cancel", "btn");
      SM.show({
        "model":"modal-ajax",
        "title":"Title",
        "param":{
          "url":"file-content.php",
          "onRequestComplete": function(){ /* Action on request complete */ }
        }
      });
});

Snippet code HTML:

#HTML

<a id="myElement" href="javascript;">Open Modal</a>

LIGHTBOX SUPPORT

Automatic lightbox support:

    #HTML

    <a href="bigpicture.jpg" rel="simplemodal[mygroup]" title="Picture 1">
        <img alt="Example" src="thumbpicture.jpg" />
    </a>
Something went wrong with that request. Please try again.