dialogue non-modal le plus léger avec jQuery ?

Question

Voici une démo :

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

Mais c'est trop énorme pour moi.

Il y a 2 000 lignes incluses en tout.

J'aimerais en avoir un dans un seul fichier de moins de 1 000 lignes.

Answer 1

Si vous avez une aversion pour la complexité qu'implique un nombre élevé de lignes, vous devez surmonter ce problème ou vous finirez par faire voodoo les réimplémentations à partir de zéro par manque de confiance, et le choix de bibliothèques légèrement moins complexes mais finalement inférieures.

Je dis cela parce que vous demandez moins de lignes de code, ce qui est une bonne mesure pour la complexité et la maintenabilité, mais une mauvaise mesure pour des choses importantes comme une bonne conception et une bonne documentation. Même la taille est rarement un problème, si vous utilisez du code minifié.

Respirez profondément et incluez le fichier :)

Answer 2

Vous pouvez réduire JQueryUI à son strict minimum en décochant tous les éléments dont vous n'avez pas besoin lors du téléchargement à l'adresse suivante http://jqueryui.com/download .

J'imagine que vous pouvez descendre en dessous de 1000 lignes si vous faites cela.

Answer 3

Pourquoi voulez-vous un produit plus petit ? JQuery est considéré comme l'une des bibliothèques JavaScript les plus légères du marché. Si JQuery est trop volumineux pour vous, vous devrez accepter de renoncer à certaines fonctionnalités pour obtenir un produit nettement plus petit.

Answer 4

@Shore : Pour mettre en oeuvre ceci,

Code HTML :

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

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

Code JS :

$(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');
   }); 
});

Answer 5

J'aime bien jqmodal. (ce n'est pas forcément modal !)
C'est environ 3 000.

lien jqmodal

Init

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

Afficher

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