User Tools

Site Tools

Trace:
kengetallenboek:wijkbuurt:profiel1

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
kengetallenboek:wijkbuurt:profiel1 [2025/03/31 08:54] – removed - external edit (Unknown date) 127.0.0.1kengetallenboek:wijkbuurt:profiel1 [2025/03/31 10:08] (current) – support
Line 1: Line 1:
 +====== Profiel 1: Betonstraatstenen / Gras met bomen ======
 +
 +{{handleiding_nieuw:kengetallen:wijk_profiel1_foto.jpg?1000}}
 +
 +^ Profielschets ^ Kostprijs ^
 +| {{handleiding_nieuw:kengetallen:wijk_profiel1_schets.jpg?600}} | <html><div style="text-align: center; font-size: 140%; line-height: 1.4; vertical-align: middle;"><strong>   € 1.780 per m¹</strong><br><strong>   € 119 per m²</strong></div></html> |
 +
 +**Beschrijving:**
 +  * Rijbaan en fietspad: betonstraatstenen  
 +  * Trottoir: 30x30 betontegels met standaard banden  
 +  * Hekwerk: laag standaard (100 m)  
 +  * Verlichting: reguliere lichtmasten  
 +  * Riolering: gescheiden stelsel  
 +  * Openbaar groen: gras met bomen (300 m²)  
 +  * Elementen: borden, brandkraan, geen afvalcontainers  
 +  * Profielbreedte: 13 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">1780</span> per strekkende meter</p>
 +    <p>Breedte profiel: <span id="profielbreedte">13</span> meter → 1 m¹ = <span id="m2prijs">€ 119</span> per m²</p>
 +  </div>
 +
 +  <form id="klimaat-form">
 +    <label><input type="checkbox" value="126"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:wadi.png"> Wadi (+ €126)</label>
 +    <label><input type="checkbox" value="-5"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:open_goten.png"> Open goten (- €5)</label>
 +    <label><input type="checkbox" value="174"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterpasserend.png"> Waterpasserend (+ €174)</label>
 +    <label><input type="checkbox" value="72"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratiekratten.png"> Infiltratiekratten (+ €72)</label>
 +    <label><input type="checkbox" value="438"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterberging.png"> Waterberging onder straatprofiel (+ €438)</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">1780</span> per m¹ ≈ <span id="m2prijsresult">€ 119</span> per m²
 +  </div>
 +</div>
 +
 +<script>
 +(() => {
 +  const basisprijs = 1780;
 +  const profielbreedte = 13; // meter
 +
 +  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_wijkbuurt|← Terug naar overzicht]]