CODEWITHSUNDEEP
jquerydialog
omg
omg

Reputation: 140132

lightest non-modal dialog with jQuery?

Here is a demo:

http://jqueryui.com/demos/dialog/

But it's too huge for me.

There are 2 thousand lines included in all.

I'd like to have one in a single file with less than 1 thousand lines.

Upvotes: 4

Views: 10066

Answers (5)

mk.
mk.

Reputation: 11740

If you have an aversion to the complexity implied by a high line-count, you need to get over this or you'll end up doing voodoo, reimplementing from scratch for lack of trust, and choosing slightly-less-complex-looking but ultimately inferior libraries.

I say this because you ask for fewer lines of code, which is a good metric for complexity and maintainability, but a poor metric for important things like good design and good docs. Even size is seldom an issue, if you use minified code.

Take a deep breath and just include the file :)

Upvotes: 10

Mythli
Mythli

Reputation: 6335

I was asking myself the same question. Where can I find a lightweight overlay plugin without including jQuery UI? After I aproximately spend an hour searching the web I decided to implement it on my own.

So after three years the answer is:
You might try jquery.mloverlay a simple, lightweight jQuery plugin for showing modal less overlays.

Upvotes: 0

Julian de Wit
Julian de Wit

Reputation: 3094

I like jqmodal. (it's not necessarily modal!)
It's about 3k.

jqmodal link

Init

$('#dialog').jqm();

Show

$('#dialog').jqmShow();

Upvotes: 0

kayteen
kayteen

Reputation: 777

@Shore: To implement this,

HTML code:

<a id="clickme">Open Dialog</a>

<div id="dialog" style="display:none;">Hello this is a dialog</div>

JS code:

$(document).ready(function(){
    // Default settings for dialog
    $("#dialog").dialog({
        bgiframe: true,
        height: 300,
        width: 350,
        autoOpen: false,
        modal: true,
        overlay: { 
            opacity: 0.7,
            background: "black"
        }
    });
   $('#clickme').click(function(){
      $("#dialog").dialog('open');
   }); 
});

Upvotes: 0

Robert Harvey
Robert Harvey

Reputation: 180958

You can strip JQueryUI to its bare essentials by unchecking all of the things you don't need from the download when you get it at http://jqueryui.com/download.

I would imagine that you can get it below 1000 lines if you do this.

Upvotes: 4

Related Questions