Difference between revisions of "Widget:Project portfolio Iframe"
(Created page with "<div id="container" style="cursor: pointer; border: 1px solid #ccc; padding: 10px; margin: 10px;"> <img id="runImage" src="https://docs.analytica.com/images/2/25/Ev-vs-ice-1...") |
|||
| Line 11: | Line 11: | ||
// Create and configure the iframe | // Create and configure the iframe | ||
const iframe = document.createElement('iframe'); | const iframe = document.createElement('iframe'); | ||
| − | iframe.src = | + | iframe.src = 'https://acp.analytica.com/view0?invite=4314&code=2462049136540573676'; |
iframe.style.width = '800px'; // Adjusted width to match the image width | iframe.style.width = '800px'; // Adjusted width to match the image width | ||
iframe.style.height = '451px'; // Adjusted height to match the image height | iframe.style.height = '451px'; // Adjusted height to match the image height | ||
| Line 24: | Line 24: | ||
}); | }); | ||
</script> | </script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 12:48, 30 April 2024
<img id="runImage" src="https://docs.analytica.com/images/2/25/Ev-vs-ice-1.png" style="width: 100%; height: 100%;">
<script> document.addEventListener('DOMContentLoaded', function () {
function showIframe() {
// Hide the image
document.getElementById('runImage').style.display = 'none';
// Create and configure the iframe
const iframe = document.createElement('iframe');
iframe.src = 'https://acp.analytica.com/view0?invite=4314&code=2462049136540573676';
iframe.style.width = '800px'; // Adjusted width to match the image width
iframe.style.height = '451px'; // Adjusted height to match the image height
iframe.style.border = 'none'; // Optional: Remove border
// Append the iframe to the container
document.getElementById('container').appendChild(iframe);
}
// Add click event listener to the image container
document.getElementById('container').addEventListener('click', showIframe);
}); </script>