JSFiddle - React, Tailwind, and code Playground
HTML
<!--CONTAINER.HTML PAGE-->
<div id="containerWrapper" class="row">tet</div>
JavaScript
$(function () {
var pageName = localStorage.getItem("pageName");
$("#containerWrapper").load(pageName + ".html");
$("#containerWrapper").find('a[href^="http"]').click(function () {
alert("http");
window.open(this.href);
return false;
//$('#containerWrapper').load($(this).attr("href"));
});
$('a[href^="ftp"]').click(function () {
alert("ftp");
$(this).attr("target", "_blank");
});
}); //document end
$(document).ajaxComplete(function () {
var newHash = '',
$mainContent = $('#containerWrapper');
/* $("#containerWrapper").on("click", "a", function (e) {
if ($(this).attr("href")) {
//alert("href");
window.location.hash = $(this).attr('href');
return false;
}
if ($(this).attr("xlink:href")) {
//alert("xlink href");
window.location.hash = $(this).attr('xlink:href');
return false;
}
}); //click end */
// assign click event handler to container, for http link clicks
$("#containerWrapper").on("click", "a[href^=http]", function () {
alert("http");
window.open(this.href);
return false;
});
// assign click event handler to container, for ftp link clicks
$("#containerWrapper").on("click", "a[href^=ftp]", function () {
alert("ftp");
$(this).attr("target", "_blank");
});
$(window).bind('hashchange', function (e) {
var url = window.location.toString();
var innerPagesLink = url.split("?page=")[0];
var innerPagesLinkUrl = url.split("#")[1];
var result = innerPagesLink + "#" + innerPagesLinkUrl;
var replaceUrl = url.replace("?page=", "#");
//alert(innerPagesLink); return false;
window.location = innerPagesLink;
newHash = window.location.hash.substr(1);
$mainContent.load(newHash);
}); //bind end
}); //ajaxcomplete end