Update topdesk-highlight-summary.user.js

(Hopefully) fixed accidentally tampering (pun intended) with Øyvind's tampermonkey script.

topdesk-highlight-summary.user.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         TOPdesk - Highlight Summary
 // @namespace    http://tampermonkey.net/
-// @version      1.1
+// @version      1.2
 // @description  Highlight the summary section in a box with rounded corners and white background
 // @author       Magnus Børnes (magnborn@ntnu.no)
 // @match        https://hjelp.ntnu.no/*
@@ -16,8 +16,8 @@
 
     // Function to highlight the summary
     function highlightSummary() {
-        // Find all div elements
-        const divs = document.querySelectorAll('div');
+        // Find all div elements with specific class or attribute
+        const divs = document.querySelectorAll('div[guielement="crt-content-label"]');
 
         divs.forEach(div => {
             // Get the inner HTML of the div
@@ -49,20 +49,22 @@
         });
     }
 
-    // Run the function to highlight the summary
-    highlightSummary();
+    // Run the function to highlight the summary after the DOM is fully loaded
+    document.addEventListener('DOMContentLoaded', () => {
+        highlightSummary();
 
-    // Debounce function to limit the frequency of highlightSummary calls
-    function debounce(func, wait) {
-        let timeout;
-        return function(...args) {
-            clearTimeout(timeout);
-            timeout = setTimeout(() => func.apply(this, args), wait);
-        };
-    }
+        // Debounce function to limit the frequency of highlightSummary calls
+        function debounce(func, wait) {
+            let timeout;
+            return function(...args) {
+                clearTimeout(timeout);
+                timeout = setTimeout(() => func.apply(this, args), wait);
+            };
+        }
 
-    // Reapply the highlighting 1 second after the window is resized
-    window.addEventListener('resize', debounce(() => {
-        highlightSummary();
-    }, 1000));
+        // Reapply the highlighting 1 second after the window is resized
+        window.addEventListener('resize', debounce(() => {
+            highlightSummary();
+        }, 1000));
+    });
 })();