| Both sides previous revisionPrevious revision | |
| kengetallenboek:winkelstraten:profiel1 [2025/04/01 13:30] – support | kengetallenboek:winkelstraten:profiel1 [2025/04/01 13:45] (current) – support |
|---|
| {{handleiding_nieuw:kengetallen:winkel_profiel1_foto.jpg?1000}} | {{handleiding_nieuw:kengetallen:winkel_profiel1_foto.jpg?1000}} |
| |
| ^ Winkelstraatbeeld ^ Kostprijs ^ | ^ Winkelstraatprofiel ^ Kostprijs ^ |
| | {{handleiding_nieuw:kengetallen:winkel_profiel1_schets.jpg?600}} | <html><div style="text-align: center; font-size: 140%; line-height: 1.4; vertical-align: middle;"><strong>€ 1.490 per m¹</strong><br><strong>€ 213 per m²</strong></div></html> | | | {{handleiding_nieuw:kengetallen:winkel_profiel1_schets.jpg?600}} | <html><div style="text-align: center; font-size: 140%; line-height: 1.4; vertical-align: middle;"><strong>€ 1.900 per m¹</strong><br><strong>€ 213 per m²</strong></div></html> | |
| |
| **Beschrijving:** | **Beschrijving:** |
| * Elementen: borden, brandkraan | * Elementen: borden, brandkraan |
| * Verlichting: state of the art verlichting aan gevel | * Verlichting: state of the art verlichting aan gevel |
| * Openbaar groen: geen | * Openbaar groen: geen |
| | * Profielbreedte: 7 meter |
| |
| ---- | ---- |
| border-top: 1px solid #999; | border-top: 1px solid #999; |
| padding-top: 0.8em; | padding-top: 0.8em; |
| | } |
| | .klimaatformulier .intro { |
| | font-weight: bold; |
| | border-bottom: 1px solid #ccc; |
| | padding-bottom: 0.5em; |
| | margin-bottom: 1em; |
| } | } |
| </style> | </style> |
| |
| <div class="klimaatformulier"> | <div class="klimaatformulier"> |
| <p><strong>Basisprijs profiel:</strong> € <span id="basisprijs">1490</span> per strekkende meter</p> | <div class="intro"> |
| <p>Breedte profiel: 7 meter → 1 m¹ = € <span id="m2prijs">213</span> per m²</p> | <p>Basisprijs profiel: € <span id="basisprijs">1900</span> per strekkende meter</p> |
| | <p>Breedte profiel: <span id="profielbreedte">7</span> meter → 1 m¹ = <span id="m2prijs">€ 213</span> per m²</p> |
| | </div> |
| |
| <form id="klimaat-form"> | <form id="klimaat-form"> |
| <label><input type="checkbox" value="29"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterpasserend.png"> Waterpasserend (+ €29)</label> | <label><input type="checkbox" value="131"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterpasserend.png"> Waterpasserend (+ €131)</label> |
| <label><input type="checkbox" value="12"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratiekratten.png"> Infiltratiekratten (+ €12)</label> | <label><input type="checkbox" value="60"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:groene_halfverharding.png"> Groene halfverharding (+ €60)</label> |
| <label><input type="checkbox" value="73"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterberging.png"> Waterberging onder straatprofiel (+ €73)</label> | <label><input type="checkbox" value="54"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratiekratten.png"> Infiltratiekratten (+ €54)</label> |
| <label><input type="checkbox" value="4"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratie_riool.png"> Infiltratie riool (+ €4)</label> | <label><input type="checkbox" value="329"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterberging.png"> Waterberging onder straatprofiel (+ €329)</label> |
| <label><input type="checkbox" value="2"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:dit_riool.png"> DIT riool (+ €2)</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> | </form> |
| |
| <div class="resultaat"> | <div class="resultaat"> |
| Totale kostprijs: € <span id="totaalprijs">1490</span> per m¹ ≈ € <span id="m2prijsresult">213</span> per m² | Totale kostprijs: € <span id="totaalprijs">1900</span> per m¹ ≈ <span id="m2prijsresult">€ 213</span> per m² |
| </div> | </div> |
| </div> | </div> |
| <script> | <script> |
| (() => { | (() => { |
| const basisprijs = 1490; | const basisprijs = 1900; |
| const profielbreedte = 7; | const profielbreedte = 7; |
| |
| const checkboxes = document.querySelectorAll('#klimaat-form input[type="checkbox"]'); | const checkboxes = document.querySelectorAll('#klimaat-form input[type="checkbox"]'); |
| const totaalveld = document.getElementById('totaalprijs'); | const totaalveld = document.getElementById('totaalprijs'); |
| | const m2veld = document.getElementById('m2prijsresult'); |
| |
| function updatePrijs() { | function updatePrijs() { |
| totaalveld.textContent = totaal.toFixed(2); | totaalveld.textContent = totaal.toFixed(2); |
| const m2 = totaal / profielbreedte; | const m2 = totaal / profielbreedte; |
| document.getElementById('m2prijsresult').textContent = m2.toFixed(2); | m2veld.textContent = m2.toFixed(2); |
| } | } |
| |