update for context menu

ZenterFlow · ZenterFlow · commit 1507568ef735 · 2025-08-04T21:47:10.000+02:00
diff --git a/index.html b/index.html
@@ -49,6 +49,13 @@
   </head>
 
   <body>
+    <ul class="custom-context-menu" id="customContextMenu">
+      <li onclick="copyText()">Copy Text</li>
+      <li onclick="openLinkNewTab()">Open Link in New Tab</li>
+      <li onclick="downloadAsset()">Download Asset</li>
+      <li onclick="copyURL()">Copy URL</li>
+      <li onclick="viewImage()">View Image in New Tab</li>
+    </ul>
     <h1>From Snowflake Servers to GitOps Nirvana</h1>
     <p class="tagline">
       <em
diff --git a/script.js b/script.js
@@ -71,3 +71,49 @@ document.addEventListener("DOMContentLoaded", () => {
     console.warn("Highlight.js is not loaded.");
   }
 });
+
+  let contextMenu;
+  let selectedElement;
+
+  document.addEventListener('contextmenu', function(event) {
+    event.preventDefault();
+    selectedElement = event.target;
+    contextMenu = document.getElementById('customContextMenu');
+    contextMenu.style.display = 'block';
+    contextMenu.style.left = event.pageX + 'px';
+    contextMenu.style.top = event.pageY + 'px';
+  });
+
+  document.addEventListener('click', function() {
+    contextMenu.style.display = 'none';
+  });
+
+  function copyText() {
+    if (selectedElement.tagName === 'P' || selectedElement.tagName === 'PRE') {
+      navigator.clipboard.writeText(selectedElement.textContent);
+    }
+  }
+
+  function openLinkNewTab() {
+    if (selectedElement.tagName === 'A') {
+      window.open(selectedElement.href, '_blank');
+    }
+  }
+
+  function downloadAsset() {
+    if (selectedElement.tagName === 'A' && selectedElement.download) {
+      selectedElement.click();
+    }
+  }
+
+  function copyURL() {
+    if (selectedElement.tagName === 'A') {
+      navigator.clipboard.writeText(selectedElement.href);
+    }
+  }
+
+  function viewImage() {
+    if (selectedElement.tagName === 'IMG') {
+      window.open(selectedElement.src, '_blank');
+    }
+  }
