User Tools

Site Tools

handleiding_nieuw:sub_kengetallenbeelden

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
handleiding_nieuw:sub_kengetallenbeelden [2025/04/18 11:53] – supporthandleiding_nieuw:sub_kengetallenbeelden [2025/04/18 12:01] (current) – support
Line 170: Line 170:
     <output id="gsi_min_val">0</output> – <output id="gsi_max_val">1</output>     <output id="gsi_min_val">0</output> – <output id="gsi_max_val">1</output>
   </div>   </div>
-  +  <div class="range-row"> 
 +    <label for="osr_min">OSR</label> 
 +    <input type="range" id="osr_min" min="0" max="4" step="0.1" value="0" oninput="osr_min_val.value = this.value; updateFilter()"> 
 +    <input type="range" id="osr_max" min="0" max="4" step="0.1" value="4" oninput="osr_max_val.value = this.value; updateFilter()"> 
 +    <output id="osr_min_val">0</output> – <output id="osr_max_val">4</output> 
 +  </div>
 </div> </div>
  
Line 256: Line 260:
   document.getElementById('gsi_min_val').textContent = gsiMin;   document.getElementById('gsi_min_val').textContent = gsiMin;
   document.getElementById('gsi_max_val').textContent = gsiMax;   document.getElementById('gsi_max_val').textContent = gsiMax;
-  +  document.getElementById('osr_min_val').textContent = osrMin; 
 +  document.getElementById('osr_max_val').textContent = osrMax;
   if (typeof updateFilter === 'function') updateFilter();   if (typeof updateFilter === 'function') updateFilter();
   document.querySelectorAll('.zone').forEach(zone => zone.classList.remove('active'));   document.querySelectorAll('.zone').forEach(zone => zone.classList.remove('active'));
Line 268: Line 273:
   const gsiMin = parseFloat(document.getElementById('gsi_min').value);   const gsiMin = parseFloat(document.getElementById('gsi_min').value);
   const gsiMax = parseFloat(document.getElementById('gsi_max').value);   const gsiMax = parseFloat(document.getElementById('gsi_max').value);
- +  const osrMin = parseFloat(document.getElementById('osr_min').value); 
 +  const osrMax = parseFloat(document.getElementById('osr_max').value); 
   const projectBlokken = document.querySelectorAll('.projectblok');   const projectBlokken = document.querySelectorAll('.projectblok');
   const lijst = document.getElementById('projectlist');   const lijst = document.getElementById('projectlist');
Line 276: Line 283:
     const fsi = parseFloat(blok.dataset.fsi);     const fsi = parseFloat(blok.dataset.fsi);
     const gsi = parseFloat(blok.dataset.gsi);     const gsi = parseFloat(blok.dataset.gsi);
- +    const osr = parseFloat(blok.dataset.osr); 
     const zichtbaar =     const zichtbaar =
       fsi >= fsiMin && fsi <= fsiMax &&       fsi >= fsiMin && fsi <= fsiMax &&
       gsi >= gsiMin && gsi <= gsiMax &&       gsi >= gsiMin && gsi <= gsiMax &&
-   +      osr >= osrMin && osr <= osrMax;
  
     blok.style.display = zichtbaar ? 'block' : 'none';     blok.style.display = zichtbaar ? 'block' : 'none';
Line 306: Line 314:
   document.getElementById('gsi_min').value = 0;   document.getElementById('gsi_min').value = 0;
   document.getElementById('gsi_max').value = 1;   document.getElementById('gsi_max').value = 1;
 +  document.getElementById('osr_min').value = 0;
 +  document.getElementById('osr_max').value = 4;
  
   document.getElementById('fsi_min_val').textContent = '0';   document.getElementById('fsi_min_val').textContent = '0';
Line 311: Line 321:
   document.getElementById('gsi_min_val').textContent = '0';   document.getElementById('gsi_min_val').textContent = '0';
   document.getElementById('gsi_max_val').textContent = '1';   document.getElementById('gsi_max_val').textContent = '1';
 +  document.getElementById('osr_min_val').textContent = '0';
 +  document.getElementById('osr_max_val').textContent = '4';
  
   updateFilter();   updateFilter();
Line 318: Line 330:
 </script> </script>
 </html> </html>
 +
handleiding_nieuw/sub_kengetallenbeelden.1744977206.txt.gz · Last modified: 2025/04/18 11:53 by support