<![CDATA[
<!DOCTYPE html>
<html lang="hu">
<style>
body {
font-family: Arial, sans-serif;
background-color: #4CAF50;
color: #ffffff;
text-align: center;
padding: 30px;
}
.calculator {
background-color: #ffffff;
padding: 20px 30px;
border-radius: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
display: inline-block;
max-width: 450px;
width: 100%;
color: #000000;
}
.field-group {
margin: 10px 0;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input, select {
padding: 10px;
font-size: 1rem;
width: 100%;
box-sizing: border-box;
}
h2, h3 {
margin-top: 20px;
}
.note {
font-size: 0.9em;
color: gray;
}
.btn {
display: inline-block;
background-color: #4CAF50;
color: white;
padding: 12px 20px;
margin: 10px 5px;
text-decoration: none;
font-size: 16px;
border-radius: 8px;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #45a049;
}
.alert-box {
background-color: #ffcc00;
color: #000;
padding: 12px;
margin: 10px auto;
border-radius: 8px;
max-width: 450px;
display: none;
}
@media screen and (max-width: 500px) {
.calculator {
padding: 15px;
}
input, select {
font-size: 0.95rem;
}
}
</style>
<body>
<h1>Fűtési hőszükséglet kalkulátor</h1>
<p class="strong">RADIÁTOR, INFRApanel, és elektromos FŰTŐSZŐNYEG kiválasztására</p>
<p class="strong">*A kalkulátor egyetlen helyiség (pl. szoba, nappali) hőszükségletének meghatározására szolgál, nem helyettesíti a pontos hőtechnikai/energetikai számításokat!*</p>
<div id="alertBox" class="alert-box"></div>
<div class="calculator">
<div class="field-group">
<label for="width">Helyiség szélessége (m)</label>
<input type="number" id="width" placeholder="Pl. 4" max="20">
</div>
<div class="field-group">
<label for="length">Helyiség hosszúsága (m)</label>
<input type="number" id="length" placeholder="Pl. 5" max="20">
</div>
<h2>Alapterület: <span id="area">-</span> m²</h2>
<div class="field-group">
<label for="height">Belmagasság (m)</label>
<input type="number" id="height" value="2.7" max="5">
</div>
<div class="field-group">
<label for="wallType">Falazat típusa - anyag, vagy energetikai besorolás szerint</label>
<label for="wallType">Kérjük válasszon az alábbi listából!</label>
<select id="wallType">
<option value="22">1. Kiváló (YTONG / Porotherm44)"A-A" ~44cm+15cm fölötti szig</option>
<option value="30">2. Jól szigetelt (Porotherm38)"A" ~38cm+15cm fölötti szig</option>
<option value="35">3. Felújított falazat (HB-30) "B-B" ~30cm+10cm szigetelés</option>
<option value="40">4. Panelépület, maximum két külső fallal </option>
<option value="45">5. Közepes falazat (HB-30) "C-D" ~30cm+5cm szigetelés</option>
<option value="50">6. Vályog falazat (57cm), " E " padló+födém szigeteltve</option>
<option value="55">7. Vályog falazat (57cm), " E " szigetelés nélkül</option>
<option value="60">8. Szigeteletlen tégla (kádár kocka)" F "</option>
<option value="70">9. Szigeteletlen km téglafal, "F-G" huzatos nyílászárókkal</option>
</select>
<p class="note">Falazata, épülete energetikai besorolását megtalálja az adásvételhez kapcsolódó kötelező energetikai dokumentumok között</p>
</div>
<h2>Térfogat: <span id="volume">-</span> m³</h2>
<h3>Szükséges fűtési teljesítmény: <span id="power">-</span> W (<span id="powerKw">-</span> kW)</h3>
<p class="note">*Minimum erre a teljesítményre válasszunk fűtőtestet!</p>
<p class="note">2000W-ig: - 1db CZ20DW elektromos radiátor</p>
<p class="note">2000W-4000W között: - 2db CZ20DW elektromos radiátor</p>
<p class="strong">Amennyiben nem radiátorral szeretné megoldani fűtését, infrapanel, fűtőszőnyeg esetén keressen minket, vagy kérjen teljes ingatlan ajánlatot.</p>
<div style="margin-top: 20px;">
<a href="https://shop.czinege.hu/elektromos-radiator-40/_cz-radiator-100" target="_blank" class="btn">Radiátort rendelek</a>
<a href="mailto:czinege@czinege.hu?subject=Teljes%20ingatlan%20méretezést%20kérek" class="btn">Teljes ingatlan méretezést kérek</a>
</div>
<button onclick="window.print()" class="btn">🖨️ Nyomtatás / PDF export</button>
<p class="strong">*A kalkulátor egyetlen helyiség (pl. szoba, nappali) hőszükségletének meghatározására szolgál, nem helyettesíti a pontos hőtechnikai/energetikai számításokat!*</p>
<p class="note">© 2025 | Czinege és Fiai Kft. SzT</p>
</div>
<script>
const previousValues = {
width: '',
length: '',
height: ''
};
function showAlert(message) {
const alertBox = document.getElementById('alertBox');
alertBox.textContent = message;
alertBox.style.display = 'block';
setTimeout(() => {
alertBox.style.display = 'none';
}, 3000);
}
function calculate() {
const widthInput = document.getElementById('width');
const lengthInput = document.getElementById('length');
const heightInput = document.getElementById('height');
const multiplier = parseFloat(document.getElementById('wallType').value);
const width = parseFloat(widthInput.value);
const length = parseFloat(lengthInput.value);
const height = parseFloat(heightInput.value) || 2.7;
if (width > 20) {
widthInput.value = previousValues.width;
showAlert("A szélesség legfeljebb 20 méter lehet!");
return;
}
if (length > 20) {
lengthInput.value = previousValues.length;
showAlert("A hosszúság legfeljebb 20 méter lehet!");
return;
}
if (height > 5) {
heightInput.value = previousValues.height;
showAlert("A belmagasság legfeljebb 5 méter lehet!");
return;
}
previousValues.width = widthInput.value;
previousValues.length = lengthInput.value;
previousValues.height = heightInput.value;
if (isNaN(width) || isNaN(length) || isNaN(height)) {
return;
}
const area = width * length;
const volume = area * height;
const powerW = volume * multiplier;
const powerKW = powerW / 1000;
const annualConsumption = powerKW * 8 * 180;
const costReduced = annualConsumption * 37;
const costMarket = annualConsumption * 70;
document.getElementById('area').textContent = area.toFixed(2);
document.getElementById('volume').textContent = volume.toFixed(2);
document.getElementById('power').textContent = powerW.toFixed(0);
document.getElementById('powerKw').textContent = powerKW.toFixed(3);
document.getElementById('annualEnergy').textContent = annualConsumption.toFixed(0);
document.getElementById('costReduced').textContent = Math.round(costReduced).toLocaleString('hu-HU');
document.getElementById('costMarket').textContent = Math.round(costMarket).toLocaleString('hu-HU');
}
// Frissítés minden változásra és Enter lenyomásra
['width', 'length', 'height'].forEach(id => {
const input = document.getElementById(id);
input.addEventListener('input', calculate);
input.addEventListener('keydown', e => {
if (e.key === 'Enter') calculate();
});
});
document.getElementById('wallType').addEventListener('change', calculate);
</script>
</body>
<br>Partneroldalak: <br>
<a href="http://domain.domainshop.hu/domain.html" alt="trhely domainregisztrci">Domain regisztrci tr s szerverszolgltatsok: domain domainnv trhely e-mail, imap, pop3</a><br>
<a href="http://www.webtar.hu" alt="trhely donainregisztrci">www.webtar.hu</a><br>
<a href="http://www.micropay.hu" alt="micropay">www.micropay.hu</a><br>
<a href="http://www.ingyenweb.hu" alt="ingyenweb">www.ingyenweb.hu</a><br>
<a href="http://www.videok.hu" alt="Videk">www.videok.hu</a><br>
<a href="http://www.xn--antikvrium-x4a.hu" alt="Antikvrium">www.antikvrium.hu</a><br>
<a href="http://www.ftpdir.hu" alt="ftpdir">www.ftpdir.hu</a><br>
<a href="http://xn--fotk-sqa.hu" alt="fotk">www.fotk.hu</a><br>
<a href="http://www.randi.hu" alt="Randi">www.randi.hu</a><br>
<a href="http://www.licit.hu" alt="Licit">www.licit.hu</a><br>
<a href="http://www.napivicc.hu" alt="vicc">www.napivicc.hu</a><br>
<a href="http://www.gyertyalang.hu" alt="gyertyagyjts">www.gyertyalang.hu</a><br>
<a href="http://www.xn--helyesrs-fza2j.hu" alt="helyesrs.hu">www.helyesrs.hu</a><br>
<a href="http://domain.webtar.hu/domain.html" alt="Domain regiszrci s trhely">Domain regisztrci</a><br>
]]>