Difference between revisions of "Widget:Ppplanner03"
Line 29: Line 29:
 
<script>
 
<script>
 
document.addEventListener('DOMContentLoaded', function () {
 
document.addEventListener('DOMContentLoaded', function () {
 +
  let iframeAdded = false;
 +
 
   function showIframe() {
 
   function showIframe() {
 
     // Hide the initial image
 
     // Hide the initial image
 
     document.getElementById('runImage').style.display = 'none';
 
     document.getElementById('runImage').style.display = 'none';
  
−
     // Create and configure the iframe
+
     // Check if an iframe has already been added
−
    const iframe = document.createElement('iframe');
+
    if (!iframeAdded) {
−
    iframe.src = 'https://acp.analytica.com/view0?invite=4711&code=3885603542485212689';
+
      // Create and configure the iframe
−
    iframe.style.width = '800px'; // Adjusted width to match the image width
+
      const iframe = document.createElement('iframe');
−
    iframe.style.height = '406px'; // Adjusted height to match the image height
+
      iframe.src = 'https://acp.analytica.com/view0?invite=4711&code=3885603542485212689';
−
    iframe.style.border = 'none'; // Optional: Remove border
+
      iframe.style.width = '800px'; // Adjusted width to match the image width
−
 
+
      iframe.style.height = '406px'; //
−
    // Append the iframe to the container
 
−
    const container = document.getElementById('container');
 
−
    container.appendChild(iframe);
 
−
 
 
−
    // Create maximize button
 
−
    const maximizeButton = document.createElement('button');
 
−
    maximizeButton.textContent = 'Maximize';
 
−
    maximizeButton.style.position = 'absolute';
 
−
    maximizeButton.style.bottom = '10px';
 
−
    maximizeButton.style.right = '10px';
 
−
 
 
−
    // Add click event listener to maximize button
 
−
    maximizeButton.addEventListener('click', function() {
 
−
      iframe.style.width = '100%'; // Max width for iframe
 
−
      iframe.style.height = '100%'; // Max height for iframe
 
−
      maximizeButton.style.display = 'none'; // Hide the maximize button
 
−
    });
 
−
 
 
−
    // Append maximize button to the container
 
−
    container.appendChild(maximizeButton);
 
−
  }
 
−
 
 
−
  // Add click event listener to the image container
 
−
  document.getElementById('container').addEventListener('click', showIframe);
 
−
});
 
−
</script>
 

Revision as of 00:31, 1 May 2024

 <img id="runImage" src="https://docs.analytica.com/images/d/d2/Ppplanner03.png" style="width: 800px; height: 406px;">

<script> document.addEventListener('DOMContentLoaded', function () { 

 let iframeAdded = false;

 function showIframe() {
   // Hide the initial image
   document.getElementById('runImage').style.display = 'none';

   // Check if an iframe has already been added
   if (!iframeAdded) {
     // Create and configure the iframe
     const iframe = document.createElement('iframe');
     iframe.src = 'https://acp.analytica.com/view0?invite=4711&code=3885603542485212689';
     iframe.style.width = '800px'; // Adjusted width to match the image width
     iframe.style.height = '406px'; //