Flexible & Draggable jQuery Popup Window Plugin - Dialog

File Size: 8.37KB
Views Total: 13766
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Flexible & Draggable jQuery Popup Window Plugin - Dialog

Dialog is an ultra-light jQuery plugin that allows to popups a draggable and closable modal dialog with amazing transitions on page load or on demand. If you're looking for a simple way to display a popup window on your website, then this plugin is the answer. Dialog plugin works with all the modern browsers and it still downgrades gracefully.

Features:

  • Custom title, content and height of your modal dialog.
  • Automatically adjusts the height of the dialog based on the content.
  • Allows to drag and drop the dialog window to anywhere within the viewport.
  • Cool dialog open/close animations based on CSS3 transitions and transforms.
  • Callbacks supported.
  • Cross browser.

Basic Usage:

1. Include the jQuery Dialog plugin at the bottom of your page but after jQuery javascript library.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="scripts/jquery.dialog.min.js"></script> 

2. Include the required CSS stylesheet file in the head section of your page.

<link rel="stylesheet" href="styles/jquery.dialog.min.css"/>

3. Initialize the plugin and create your own modal dialog.

<script>
$(function(){
$.dialog({
mask:false,
height:'auto',
title:'jQuery Script!',
html:'<a href=\"https://www.jqueryscript.net\">JqueryScript.Net</a> is One of the BEST jQuery Plugin websites that provide web designers and developers with a simple way to preview and download a variety of Free jQuery Plugins. ',
callback:function(){
console.log('CALLBACKS')
}
});
});
</script>

This awesome jQuery plugin is developed by jinzhe. For more Advanced Usages, please check the demo page or visit the official website.