<div>
<object id="dynamic-svg" data="/mainpagetestpage.svg" type="image/svg+xml" style="width:100% !important;"></object>
<script>
var svgHolder = document.querySelector("object#dynamic-svg");
svgHolder.onload = function() {
var svgDocument = svgHolder.contentDocument;
var style = svgDocument.createElementNS("http://www.w3.org/2000/svg", "style");
style.textContent = '@import url("/hover.css");';
var svgElem = svgDocument.querySelector('svg');
svgElem.insertBefore(style, svgElem.firstChild);
var anchors = svgElem .querySelectorAll('a');
for(var i=0; i < anchors.length; i++) {
anchors[i].setAttribute('target', '_parent');
}
};
</script>
</div> |