BootBox Lightbox

by AntonLapshin

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<p>Content here. <a class="alert" href=#>Alert!</a></p>
<p>Content here. <a class="lightbox" href=#>Lightbox!</a></p>

JavaScript

$(document).on("click", ".alert", function(e) {
  bootbox.alert("Hello world!", function() {
    console.log("Alert Callback");
  });
});

$(document).on("click", ".lightbox", function(e) {

  bootbox.lightbox({
    message: '<scr' + 'ipt src="//www.emailmeform.com/builder/forms/jsform/6amB37t8v2wnAo"></scr' + 'ipt>',
    footer: '<h4>Our experts can help build a similar custom form for your business.</h4><a href="//www.emailmeform.com/builder/form/6amB37t8v2wnAo" target="_blank" class="btn btn-xxl btn-warning smoothy">Get Custom Form</a>',
    show: true
  });

});

/**
 * bootbox.js [v4.4.0]
 *
 * http://bootboxjs.com/license.txt
 */

// @see https://github.com/makeusabrew/bootbox/issues/180
// @see https://github.com/makeusabrew/bootbox/issues/186
(function(root, factory) {

  "use strict";
  if (typeof define === "function" && define.amd) {
    // AMD. Register as an anonymous module.
    define(["jquery"], factory);
  } else if (typeof exports === "object") {
    // Node. Does not work with strict CommonJS, but
    // only CommonJS-like environments that support module.exports,
    // like Node.
    module.exports = factory(require("jquery"));
  } else {
    // Browser globals (root is window)
    root.bootbox = factory(root.jQuery);
  }

}(this, function init($, undefined) {

  "use strict";

  // the base DOM structure needed to create a modal
  var templates = {
    dialog: "<div class='bootbox modal' tabindex='-1' role='dialog'>" +
      "<div class='modal-dialog'>" +
      "<div class='modal-content'>" +
      "<div class='modal-body'><div class='bootbox-body'></div></div>" +
      "</div>" +
      "</div>" +
      "</div>",
    header: "<div class='modal-header'>" +
      "<h4 class='modal-title'></h4>" +
      "</div>",
    footer: "<div class='modal-footer'></div>",
    closeButton: "<button type='button' class='bootbox-close-button close' data-dismiss='modal' aria-hidden='true'><span aria-hidden='true' class='emfi...