workaround for the iframe height problem

This commit is contained in:
Greg Gauthier 2024-07-03 00:14:27 +01:00
parent c0fcd51cf6
commit 632e26f9fb

View File

@ -139,13 +139,24 @@
function loadContent(pageUrl) { function loadContent(pageUrl) {
var iframe = document.createElement('iframe'); var iframe = document.createElement('iframe');
iframe.src = pageUrl; iframe.src = pageUrl;
iframe.style.width = '100%'; // make the iframe take full width of the container iframe.style.width = '100%';
iframe.style.border = 'none'; // hide the border iframe.style.border = 'none';
iframe.style.overflow = 'hidden'; // hide scrollbars, can be 'auto' if you prefer automatic scrollbars iframe.onload = function() {
iframe.style.height = '800px'; // set a height so that the iframe is visible, adjust as per your needs iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
};
document.getElementById("toolPanel").innerHTML = ''; document.getElementById("toolPanel").innerHTML = '';
document.getElementById("toolPanel").appendChild(iframe); document.getElementById("toolPanel").appendChild(iframe);
} }
// function loadContent(pageUrl) {
// var iframe = document.createElement('iframe');
// iframe.src = pageUrl;
// iframe.style.width = '100%'; // make the iframe take full width of the container
// iframe.style.border = 'none'; // hide the border
// iframe.style.overflow = 'hidden'; // hide scrollbars, can be 'auto' if you prefer automatic scrollbars
// iframe.style.height = '800px'; // set a height so that the iframe is visible, adjust as per your needs
// document.getElementById("toolPanel").innerHTML = '';
// document.getElementById("toolPanel").appendChild(iframe);
// }
</script> </script>
</body> </body>
</html> </html>