Home > dialogs

dialogs

Dialogs is a project mainly written in JAVASCRIPT and RUBY, based on the View license.

Minimalistic Html5 Dialogs Templates -- the bare essentials for building a single html webapp. It supports modal dialog like the one in jquery-ui, but with less than 2k minified.

Dialogs -- Minimalistic Html5 Dialogs Templates

Dialogs.js the bare essentials for building a single html webapp.

It supports dialog similar to the one in jquery-ui, but with less than 2k minified.

Example

http://dialogs.heroku.com/index.html

Setup

// do NOT wrap it in $(document).ready()
$("body").dialogs();

HTML

The HTML follows these simple pattern:

<!-- class carton mandatory. -->
<body class="carton">
  <div class="panes">

    <!-- only one pane is showed at a time under a carton -->
    <div id="pane-a" class="pane"> 
      <h1>Header</h1>
    </div>
    <div id="pane-b" class="pane">
    </div>
  </div>
  <div id="dialogs">

    <!-- dialog is showed when show() is called. --> 
    <!-- (eg, $("#progress-dialog").show())      -->
    <div id="progress-dialog" class="dialog"> 
      <h1>Dialog 1</h1>
    </div>
    <form id="browser-dialog" class="dialog" action="" method="POST">
      <h1>Dialog 2</h1>
    </form>
  </div>
</body>

Credits

Created by Thomas Yip

(c) 2011 BeeDesk, Inc. See LICENSE.txt for license.