Differences

This shows you the differences between two versions of the page.

--- handleiding_nieuw:sub_kengetallenbeelden [2025/09/08 10:24] – support
+++ handleiding_nieuw:sub_kengetallenbeelden [2025/09/08 10:29] (current) – support
@@ Line 154: / Line 154: @@
     <div class="zone" style="left:250px; top:215px; width:40px; height:135px;" onclick="setFilterAndHighlight('c2', 0.7, 1.8, 0.17, 0.21)">C2</div>
     <div class="zone" style="left:360px; top:330px; width:20px; height:105px;" onclick="setFilterAndHighlight('b1', 0, 0.9, 0.27, 0.29)">B1</div>
-    <div class="zone" style="left:300px; top:215px; width:75px; height:110px;" onclick="setFilterAndHighlight('d', 0.9, 1.8, 0.21, 0.29)">D</div>
+    <div class="zone" style="left:300px; top:215px; width:75px; height:110px;" onclick="setFilterAndHighlight('d1', 0.9, 1.8, 0.21, 0.29)">D1</div>
-    <div class="zone" style="left:385px; top:215px; width:105px; height:85px;" onclick="setFilterAndHighlight('e', 1.15, 1.8, 0.29, 0.39)">E</div>
+    <div class="zone" style="left:385px; top:215px; width:105px; height:85px;" onclick="setFilterAndHighlight('e1', 1.15, 1.8, 0.29, 0.39)">E1</div>
     <div class="zone" style="left:500px; top:295px; width:240px; height:140px;" onclick="setFilterAndHighlight('f1', 0, 1.2, 0.39, 0.60)">F1</div>
     <div class="zone" style="left:500px; top:145px; width:240px; height:150px;" onclick="setFilterAndHighlight('f2', 1.2, 2.4, 0.39, 0.60)">F2</div>
@@ Line 275: / Line 275: @@
   <div class="projectgrid">
-    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_overzicht.jpg" alt="Njasgade overzicht" />
+    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_overzicht.jpg" alt="Njalsgade overzicht" />
-    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_straat1.jpg" alt="Straatbeeld Njasgade 1" />
+    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_straat1.jpg" alt="Straatbeeld Njalsgade 1" />
-    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_straat2.jpg" alt="Straatbeeld Njasgade 2" />
+    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_straat2.jpg" alt="Straatbeeld Njalsgade 2" />
-    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_straat3.jpg" alt="Straatbeeld Njasgade 3" />
+    <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:njalsgade_straat3.jpg" alt="Straatbeeld Njalsgade 3" />
   </div>
   <div class="kengetallen">
@@ Line 392: / Line 392: @@
   if (typeof updateFilter === 'function') updateFilter();
   document.querySelectorAll('.zone').forEach(zone => zone.classList.remove('active'));
-  <!--- const selected = document.querySelector('.zone[onclick*="' + zoneId + '"]'); -->
+  const selected = document.querySelector('.zone[onclick*="' + zoneId + '"]');
-  const selected = document.querySelector('.zone[onclick^="setFilterAndHighlight(\'' + zoneId + '\'")]');
   if (selected) selected.classList.add('active');
 }