Differences

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

--- kengetallenboek:woonstraten:profiel1 [2025/03/31 09:11] – created support
+++ kengetallenboek:woonstraten:profiel1 [2025/03/31 09:27] (current) – support
@@ Line 1: / Line 1: @@
-woonstraat
+====== Profiel 1: Gebakken klinkers / Reguliere lichtmasten / Bomen in verharding ======
+{{handleiding_nieuw:kengetallen:woon_profiel1_foto.jpg?1000}}
+^ Profielschets ^ Kostprijs ^
+| {{handleiding_nieuw:kengetallen:woon_profiel1_schets.jpg?600}} | <html><div style="text-align: center; font-size: 140%; line-height: 1.4; vertical-align: middle;"><strong>€ 2.180 per m¹</strong><br><strong>€ 182 per m²</strong></div></html> |
+**Beschrijving:**
+  * Rijbaan: gebakken klinkers
+  * Parkeerstrook: betonsteen keiformaat
+  * Trottoir: 20x20 betontegels met standaard banden
+  * Riolering: gescheiden stelsel
+  * Elementen: borden, brandkraan, geen afvalcontainers
+  * Verlichting: reguliere lichtmasten
+  * Openbaar groen: bomen in verharding
+  * Profielbreedte: 12 meter
+----
+==== ♻️ Klimaatadaptieve maatregelen ====
+<html>
+<style>
+  .klimaatformulier {
+    background: #f4f4f4;
+    border: 1px solid #ccc;
+    padding: 1em;
+    width: 100%;
+    max-width: 750px;
+    border-radius: 8px;
+    font-family: sans-serif;
+    margin-top: 1em;
+    font-size: 16px;
+  }
+  .klimaatformulier label {
+    display: flex;
+    align-items: center;
+    gap: 0.6em;
+    margin: 0.5em 0;
+  }
+  .klimaatformulier label img {
+    height: 32px;
+    width: 32px;
+  }
+  .klimaatformulier .resultaat {
+    margin-top: 1em;
+    font-weight: bold;
+    font-size: 1.2em;
+    border-top: 1px solid #999;
+    padding-top: 0.8em;
+  }
+  .klimaatformulier .intro {
+    font-weight: bold;
+    border-bottom: 1px solid #ccc;
+    padding-bottom: 0.5em;
+    margin-bottom: 1em;
+  }
+</style>
+<div class="klimaatformulier">
+  <div class="intro">
+    <p>Basisprijs profiel: € <span id="basisprijs">2180</span> per strekkende meter</p>
+    <p>Breedte profiel: <span id="profielbreedte">12</span> meter → 1 m¹ = <span id="m2prijs">€ 182</span> per m²</p>
+  </div>
+  <form id="klimaat-form">
+    <label><input type="checkbox" value="116"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterpasserend.png"> Waterpasserend (+ €116)</label>
+    <label><input type="checkbox" value="48"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:groene_halfverharding.png"> Groene halfverharding (+ €48)</label>
+    <label><input type="checkbox" value="48"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratiekratten.png"> Infiltratiekratten (+ €48)</label>
+    <label><input type="checkbox" value="292"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterberging.png"> Waterberging onder straatprofiel (+ €292)</label>
+    <label><input type="checkbox" value="28"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratie_riool.png"> Infiltratie riool (+ €28)</label>
+    <label><input type="checkbox" value="14"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:dit_riool.png"> DIT riool (+ €14)</label>
+  </form>
+  <div class="resultaat">
+    Totale kostprijs: € <span id="totaalprijs">2180</span> per m¹ ≈ <span id="m2prijsresult">€ 182</span> per m²
+  </div>
+</div>
+<script>
+(() => {
+  const basisprijs = 2180;
+  const profielbreedte = 12;
+  const checkboxes = document.querySelectorAll('#klimaat-form input[type="checkbox"]');
+  const totaalveld = document.getElementById('totaalprijs');
+  const m2veld = document.getElementById('m2prijsresult');
+  function updatePrijs() {
+    let totaal = basisprijs;
+    checkboxes.forEach(cb => {
+      if (cb.checked) totaal += parseFloat(cb.value);
+    });
+    totaalveld.textContent = totaal.toFixed(2);
+    const m2 = totaal / profielbreedte;
+    m2veld.textContent = m2.toFixed(2);
+  }
+  checkboxes.forEach(cb => cb.addEventListener('change', updatePrijs));
+})();
+</script>
+</html>
+----
+[[handleiding_nieuw:sub_woonstraten|← Terug naar overzicht]]