Draggable Ajax-enabled Modal Window In Pure JavaScript – jsModal.js

Category: Javascript , Modal & Popup | August 25, 2017
Views Total:819 views
Official Page:Go to website
Last Update:August 25, 2017


Draggable Ajax-enabled Modal Window In Pure JavaScript – jsModal.js


jsModal.js is a vanilla JavaScript modal plugin for creating draggable, Ajax-enabled modal windows with minimal effort.

How to use it:

Include the main JavaScript file ‘jsModal.js’ on the web page.

<script src="js/jsmodal.js"></script>

Include a theme CSS of your choice on the web page.

<!-- dark theme -->
<link href="css/jsmodal-dark.css" rel="stylesheet">
<!-- light theme -->
<link href="css/jsmodal-light.css" rel="stylesheet">

Display a basic modal window on the screen.

  content: 'HTML CONTENT HERE'

If you want to load an external file into the modal window via AJAX requests.

  ajaxContent: 'ajax-example.html'

Customize the modal window with the following options.

  width: 'auto',
  height: 'auto',
  lock: false,
  hideClose: false,
  draggable: false,
  closeAfter: 0,
  openCallback: false,
  closeCallback: false,
  hideOverlay: false

You Might Be Interested In:

Leave a Reply