RichardTMiles/Dynamic_Javascript_Inclusion.html

## Dynamic_Javascript_Inclusion.html
<html>    // This was chopped from https://carbonphp.com , a php framework which incorporates PJAX and and HTML5 Sockets
<head>
<script>
        /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on http://goo.gl/REQGQ by Paul Irish). Licensed MIT */
        (function (w) {
            let loadJS;
            loadJS = function (src, cb) {
                "use strict";
                let ref = w.document.getElementsByTagName("script")[0];
                let script = w.document.createElement("script");
                script.src = src;
                script.async = true;
                ref.parentNode.insertBefore(script, ref);
                if (cb && typeof(cb) === "function")
                    script.onload = cb;

                return script;
            }; // commonjs
            if (typeof module !== "undefined") module.exports = loadJS;
            else w.loadJS = loadJS;
        }(typeof global !== "undefined" ? global : this));// Hierarchical PJAX Request


        // Your new document ready function
        function Carbon(cb) {
            document.addEventListener("Carbon", function fn(event) {
                document.removeEventListener("Carbon", fn);
                cb(event);
            });
        }
</script>
</head>
<body>
<!-- Pjax content-->
<article>

      <!-- Example Page -->

        Carbon(()=> {   <!-- Your Code Here -->

                $.fn.load_datatables(.mytable);

        });

      <!--./Example Page -->

</article>
<!-- ./Pjax content -->
<script>

loadJS('Jquery.js', () => {         // include jQuery
  loadJS('PJAX.js', () => {         // include PJAX

  $(document).pjax('a', 'article');  // All links will be sent with ajax

  let JSLoaded = new Set();

  $.fn.CarbonJS = (sc, cb) => (!JSLoaded.has(sc) ? loadJS(sc, cb) : cb());

  //-- Data tables -->
  $.fn.load_datatables = (table) =>
    $.fn.CarbonJS("dataTables.bootstrap.js", () => {
      try { return $(table).DataTable() } catch (err) { return false }});

    //-- iCheak -->
    $.fn.load_iCheck = (input) => {
      $.fn.CarbonJS("icheck.min.js", () => {
        $(input).iCheck({
          checkboxClass: 'icheckbox_square-blue', radioClass: 'iradio_square-blue', increaseArea: '20%' // optional
        });
      });
    };

     // Create Events
     $.fn.runEvent = (ev) => {
        let event;
        if (document.createEvent) {
            event = document.createEvent("HTMLEvents");
            event.initEvent(ev, true, true)
        } else {
            event = document.createEventObject();
            event.eventType = ev
        }
        event.eventName = ev;
        document.createEvent ? document.dispatchEvent(event) :
            document.fireEvent("on" + event.eventType, event);
    };

    // run scripts wrapped in our Carbon function
    $(document).on('pjax:complete', () => $.fn.runEvent("Carbon"));
  })
});

</script>
</body>
</html>   // Your welcome ;)
	<html> // This was chopped from https://carbonphp.com , a php framework which incorporates PJAX and and HTML5 Sockets
	<head>
	<script>
	/! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on http://goo.gl/REQGQ by Paul Irish). Licensed MIT /
	(function (w) {
	let loadJS;
	loadJS = function (src, cb) {
	"use strict";
	let ref = w.document.getElementsByTagName("script")[0];
	let script = w.document.createElement("script");
	script.src = src;
	script.async = true;
	ref.parentNode.insertBefore(script, ref);
	if (cb && typeof(cb) === "function")
	script.onload = cb;

	return script;
	}; // commonjs
	if (typeof module !== "undefined") module.exports = loadJS;
	else w.loadJS = loadJS;
	}(typeof global !== "undefined" ? global : this));// Hierarchical PJAX Request


	// Your new document ready function
	function Carbon(cb) {
	document.addEventListener("Carbon", function fn(event) {
	document.removeEventListener("Carbon", fn);
	cb(event);
	});
	}
	</script>
	</head>
	<body>
	<!-- Pjax content-->
	<article>

	<!-- Example Page -->

	Carbon(()=> { <!-- Your Code Here -->

	$.fn.load_datatables(.mytable);

	});

	<!--./Example Page -->

	</article>
	<!-- ./Pjax content -->
	<script>

	loadJS('Jquery.js', () => { // include jQuery
	loadJS('PJAX.js', () => { // include PJAX

	$(document).pjax('a', 'article'); // All links will be sent with ajax

	let JSLoaded = new Set();

	$.fn.CarbonJS = (sc, cb) => (!JSLoaded.has(sc) ? loadJS(sc, cb) : cb());

	//-- Data tables -->
	$.fn.load_datatables = (table) =>
	$.fn.CarbonJS("dataTables.bootstrap.js", () => {
	try { return $(table).DataTable() } catch (err) { return false }});

	//-- iCheak -->
	$.fn.load_iCheck = (input) => {
	$.fn.CarbonJS("icheck.min.js", () => {
	$(input).iCheck({
	checkboxClass: 'icheckbox_square-blue', radioClass: 'iradio_square-blue', increaseArea: '20%' // optional
	});
	});
	};

	// Create Events
	$.fn.runEvent = (ev) => {
	let event;
	if (document.createEvent) {
	event = document.createEvent("HTMLEvents");
	event.initEvent(ev, true, true)
	} else {
	event = document.createEventObject();
	event.eventType = ev
	}
	event.eventName = ev;
	document.createEvent ? document.dispatchEvent(event) :
	document.fireEvent("on" + event.eventType, event);
	};

	// run scripts wrapped in our Carbon function
	$(document).on('pjax:complete', () => $.fn.runEvent("Carbon"));
	})
	});

	</script>
	</body>
	</html> // Your welcome ;)