index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">

    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <title>Jquery.msgbox by pwwang</title>
  </head>

  <body>
    <header>
      <div class="inner">
        <h1>Jquery.msgbox</h1>
        <h2>A jquery popup plugin</h2>
        <a href="https://github.com/pwwang/jquery.msgbox" class="button"><small>View project on</small> GitHub</a>
      </div>
    </header>

    <div id="content-wrapper">
      <div class="inner clearfix">
        <section id="main-content">
          <h1>
<a id="jquerymsgbox" class="anchor" href="#jquerymsgbox" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>jquery.msgbox</h1>

<p>A jquery popup/modal/dialog plugin. Version 8.0</p>

<p>Documentation and examples: <a href="https://pwwang.github.io/jquery.msgbox/doc.html">https://pwwang.github.io/jquery.msgbox/doc.html</a></p>

<p>Browser support: morden browsers, IE7+</p>

<p>Required: jquery 1.7+</p>

<p><em>Previous version could be found at <a href="https://code.google.com/p/jquery-msgbox/">https://code.google.com/p/jquery-msgbox/</a></em></p>

<h2>
<a id="why-another-jquery-popup-plugin-" class="anchor" href="#why-another-jquery-popup-plugin-" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Why another jquery popup plugin ?</h2>

<p>Most of the exising jquery popup plugins are lacking some of the features:</p>

<ul>
<li>Multiple instances support</li>
<li>Resize handler to resize the popup box</li>
<li>Maximization/Minimization of the popup box</li>
<li>Dragging support</li>
<li>Theme customization</li>
<li>Key bindings support</li>
<li>Working as a photo slideshow</li>
</ul>

<h2>
<a id="install" class="anchor" href="#install" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Install</h2>

<div class="highlight highlight-source-shell"><pre>bower install jquery.msgbox</pre></div>

<h2>
<a id="features" class="anchor" href="#features" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Features</h2>

<p><em>(c) could be customized</em></p>

<ul>
<li>Key bindings (c)</li>
<li>Overlay events (c)</li>
<li>Draggable</li>
<li>Resizable</li>
<li>Icons, (prev,play,next,min,max,close) (c)</li>
<li>Buttons in footer, and their events could be fully customized (c)</li>
<li>Working as a photo viewer</li>
<li>Themes (c)</li>
<li>Multiple instances (task tar simulation)</li>
<li>Internationalization (c)</li>
<li>API</li>
</ul>

<h2>
<a id="basic-usage" class="anchor" href="#basic-usage" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Basic usage</h2>

<pre><code>$(".trigger").msgbox({
    type: 'html',
    content: '&lt;p&gt;Hello&lt;/p&gt;'
});

// calling API
$(".trigger").msgbox().close();

// multiple instances
$.msgbox({
    type: 'text',
    content: 'instance1',
    id: 0
});
$.msgbox({
    type: 'html',
    content: 'instance2',
    id: 'msgbox1'
});

// calling API
$.msgbox(0).close();
$.msgbox('msgbox1').min();
</code></pre>
        </section>

        <aside id="sidebar">
          <a href="https://github.com/pwwang/jquery.msgbox/zipball/master" class="button">
            <small>Download</small>
            .zip file
          </a>
          <a href="https://github.com/pwwang/jquery.msgbox/tarball/master" class="button">
            <small>Download</small>
            .tar.gz file
          </a>

          <p class="repo-owner"><a href="https://github.com/pwwang/jquery.msgbox"></a> is maintained by <a href="https://github.com/pwwang">pwwang</a>.</p>

          <p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p>
        </aside>
      </div>
    </div>

  
  </body>
</html>