Difference between revisions of "Widget:Iframe01"
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<div id="container" style="cursor: pointer; border: 1px solid #ccc; padding: 10px; margin: 10px;">
 
<div id="container" style="cursor: pointer; border: 1px solid #ccc; padding: 10px; margin: 10px;">
−
   <img id="runImage" src="/images/2/25/Ev-vs-ice-1.png" width="1210" height="648" style="width: 100%; height: auto;">
+
   <img id="runImage" src="https://docs.analytica.com/images/2/25/Ev-vs-ice-1.png" style="width: 100%; height: 100%;">
 
</div>
 
</div>
  
Line 12: Line 12:
 
     const iframe = document.createElement('iframe');
 
     const iframe = document.createElement('iframe');
 
     iframe.src = 'https://acp.analytica.com/view0?invite=4314&code=2462049136540573676';
 
     iframe.src = 'https://acp.analytica.com/view0?invite=4314&code=2462049136540573676';
−
     iframe.style.width = '100%'; // Adjusted width to match the image width
+
     iframe.style.width = '800px'; // Adjusted width to match the image width
−
     iframe.style.height = '648px'; // Adjusted height to match the image height
+
     iframe.style.height = '451px'; // Adjusted height to match the image height
 
     iframe.style.border = 'none'; // Optional: Remove border
 
     iframe.style.border = 'none'; // Optional: Remove border
  
Line 24: Line 24:
 
});
 
});
 
</script>
 
</script>
−
 
−
<div id="container" style="cursor: pointer; border: 1px solid #ccc; padding: 10px; margin: 10px;">
 
−
  <img id="runImage" src="docs.analytica.com/index.php/File:Ev-vs-ice-1.png" width="1211" height="637" style="width: 100%; height: auto;">
 
−
</div>
 

Latest revision as of 12:47, 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>