Version 1.0.2
Simple jQuery plugin to import the external html/txt file into your current html elements
@louisho5
To include the plugin in your code:
<script src="jquery.includeHTML.js"></script>
or
<script src="jquery.includeHTML.min.js"></script>
THIS PLUGIN REQUIRES AJAX, CHROME WOULD NOT GIVE YOU ANY PREVIEWS. YOU NEED TO UPLOAD IT TO THE SERVER SO THAT IT RUNS PERFECTLY.
Works in IE9+, Chrome 14+, Safari 4+, Firefox 3.0+, Opera 10+.
Tested with jQuery 1.12.x.
index.html:
<html>
<head>
<script src="jquery.1.12.4.min.js"></script>
<script src="jquery.includeHTML.min.js"></script>
<script>
$(document).ready(function () {
$("#container").loadHTML("a.html");
});
</script>
</head>
<body>
<div id="container"></div>
</body>
</html>
a.html:
<div>
This is "a.html".
</div>
See example.html in example folder.
NOTES: This plugin requires jQuery and Ajax.
There are totally 6 functions are provided in this plugin:
.loadHTML(Path)
is used to load external HTML file as html format into your element.
.appendHTML(Path)
is used append external HTML file as html format into your element.
.prependHTML(Path)
is used prepend external HTML file as html format into your element.
.loadTEXT(Path)
is used load external TXT file as pure text into your element.
.appendTEXT(Path)
is used append external TXT file as pure text into your element.
.prependTEXT(Path)
is used prepend external TXT file as pure text into your element.
All functions require your EXTERNAL HTML FILE PATH as the parameter in the bracket.
This plugin is under the MIT license.