|
<?php
// Yeni madde eklemek isterseniz aşağıdaki hizmet_turu değişkeninin gereken yerine hizmetin value değerini yazarsınız, aşağıdaki hesaplama yerlerine de gerekli işlemleri yazarsınız
nullnull
Please Wait...
<!doctype html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Banyo tadilatı maliyet hesabı banyo tadilat hesaplama</title>
<link rel="canonical" href="https://www.kompletadilat.com/" />
<!-- Core Style CSS -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<title>Document</title>
</head>
<body>
<div class="text-center mb-5">
<h1>Banyo Tadilat Maliyeti Hesaplama</h1>
</div>
<!-- ##### banyo tadilat hesabı alanı ##### -->
<div class="container">
<div class="row text-center">
<div class="offset-2 col-8 mt-2">
<form action="" method="post" autocomplete="off" id="form">
<div class="form-group">
<label for="hizmet">Banyo tadilat işleri</label>
<select class="form-control" id="hizmet" name="hizmet">
<option value="">Yapılacak tadilatı seçiniz</option>
<option value="seramikkirim">Eski seramiklerin sökülmesi</option>
<option value="siva">Banyo duvarlarına sıva yapılması( Banyo seramikleri sökülecekse sıva yapmak şarttır.)</option>
<option value="tesviye">Yer tesviye işi</option>
<option value="seramik">Seramik kaplama yapılması</option>
<option value="asmatavan">Banyo asma tavan yapılması</option>
<option value="banyodolabi">Banyo dolabı Montajı</option>
<option value="dusakabin">Duşakabin Montajı</option>
<option value="wc">Wc Montajı</option>
<option value="elektrik">Elektrik tesisatı</option>
<option value="su">Su tesisatı</option>
<option value="moloz">Moloz atımı</option>
</select>
<div>
<div class="form-group mt-2 ikincil">
<label class="yazi1" for="sayi1">En</label>
<input type="text" class="form-control" id="sayi1" name="sayi1"></div>
<div class="form-group mt-2 ">
<label class="yazi2" for="sayi2">Boy</label>
<input type="text" class="form-control" id="sayi2" name="sayi2">
</div>
</div>
<button disabled type="submit" name="kontrol" class="btn btn-success" >EKLE</button>
</div>
</form>
</div>
<div class="table-responsive mt-3">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Hizmet adı</th>
<th>En</th>
<th>Boy</th>
<th>Metrekare</th>
<th>Adet</th>
<th>Fiyat</th>
<th>Sil</th>
</tr>
</thead>
<tbody>
<tr class="text-center bos">
<td colspan="7">Tabloda veri bulunamadı</td>
</tr>
</tbody>
</table>
</div>
<div class="col-12 text-center">
<div class="button-group mb-5">
<button style="display:none" id="temizle" name="temizle" class="btn btn-danger">Tabloyu Temizle</button>
<button style="display:none" id="topla" class="btn btn-danger">Topla</button>
</div>
</div>
</div>
<div class="text-center">
<button onclick="window.location='https://kompletadilat.com/iletisim.html';" class="btn btn-success">Ücretsiz keşif iste</button>
</div>
<p class="product-desc"> </p>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<!-- Popper js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script>
$(function () {
// Sayfa hazıre olduğunda
let tek_kutucuk_islemleri = ['wc', 'moloz', 'banyodolabi', 'dusakabin', 'seramikkirim', 'elektrik', 'su', 'tadilatsec'];
$("#hizmet").on("change", function () { // id değeri hizmet olan element her değiştirildiğinde çalışacak fonksiyon
let secili_hizmet = $(this).val(); // Değiştiğinde o anda seçili olan hizmetin değerini alalım;
if (secili_hizmet.length)
$("button[name=kontrol]").prop("disabled", 0);
else
$("button[name=kontrol]").prop("disabled", 1);
if (tek_kutucuk_islemleri.indexOf(secili_hizmet) != '-1') { // Eğer bu seçili hizmet yukarıdaki dizide belirttiğimiz değerlerin içinde varsa
$(".ikincil").hide(); // İkinci kutucuğu gizleyelim
$("#sayi1").val(1); // PHP de ikinci değer de boş gitmesin diye boy değerine 1 verelim;
if (secili_hizmet == 'tadilatsec') // Eğer seçili hizmet mutfak_mermeri ise
$(".yazi2").html("Tadilat seç") // yazıyı metretül olarka değişelim
else if (secili_hizmet == 'moloz') // Yok eğer seçili hizmet oda_kapisi ise
$(".yazi2").html('Banyo sayısı') // adet yazdıralım
else if (secili_hizmet == 'wc') // Yok eğer seçili hizmet oda_kapisi ise
$(".yazi2").html('Adet') // adet yazdıralım
else if (secili_hizmet == 'dusakabin') // Yok eğer seçili hizmet oda_kapisi ise
$(".yazi2").html('Adet')
else if (secili_hizmet == 'elektrik') // Yok eğer seçili hizmet oda_kapisi ise
$(".yazi2").html('Yapılacak banyo sayısı')
else if (secili_hizmet == 'su') // Yok eğer seçili hizmet oda_kapisi ise
$(".yazi2").html('Yapılacak banyo sayısı')
else if (secili_hizmet == 'banyodolabi') // Yok eğer seçili hizmet oda_kapisi ise
$(".yazi2").html('Adet')
else if (secili_hizmet == 'seramikkirim') // Yok eğer seçili hizmet oda_kapisi ise
$(".yazi2").html('Kırılacak banyo sayısı')
else // Eğer hiçbiri değilse yine en yazsın. Buraya ine başka else if ler ekleyerek istediğiniz yazıyı yazdırabilirsiniz
$(".yazi1").html("En")
}
else { // Eğer seçili değer yukarıdaki dizide belirlediğimiz yazılar arasında yoksa da gizlenen kutucuğu göstersin ve yazıları en olarak yeniden yazsın.
$(".ikincil").show();
$(".yazi1").html("En");
$("#sayi1, #sayi2").val(""); // Hem birinci hem de ikinci kutucuktaki değerleri temizleyelim
}
});
// Form işlemleri
$("#form").on("submit", function (e) {
e.preventDefault();
let obj = {};
obj['sayi1'] = $(this).find("#sayi1").val();
obj['sayi2'] = $(this).find("#sayi2").val();
obj['hizmet'] = $(this).find("#hizmet").val();
$.post(window.location, {formVeri: obj}, function (response) {
let m = response.carpim != '-' ? ' m²' : '',
app = '<tr id="'+response.satir_kodu+'"><td>'+response.hizmetadi+'</td><td>'+response.en+'</td><td>'+response.boy+'</td><td>'+response.carpim+m+'</td><td>'+response.adet+'</td><td>'+response.toplam+' ₺</td><td><button data-id="'+response.satir_kodu+'" class="btn btn-danger btn-sm sil">×</button></td></tr>';
$(".bos").remove();
$("tbody").append(app).hide().fadeIn();
$("#topla, #temizle").fadeIn();
},' json')
});
//Tekli Silme işlemleri
$(this).on("click", ".sil", function () {
$.post(window.location, {tekSil : $(this).data("id")});
$(this).parents("tr").fadeOut().remove();
$(".son_toplam").remove();
$("button[name=kontrol]").fadeIn();
$("#topla").fadeIn();
if (!$("tbody").find("tr").length) {
$("tbody").append('<tr class="text-center bos"><td colspan="7">Tabloda veri bulunamadı</td></tr>').hide().fadeIn();
$("#topla, #temizle").fadeOut();
}
});
//Komple silme işlemleri
$("#temizle").on("click", function () {
$.post(window.location, {temizle: true});
$("#topla, #temizle").fadeOut();
$("button[name=kontrol]").fadeIn();
$("tbody").html('<tr class="text-center bos"><td colspan="7">Tabloda veri bulunamadı</td></tr>').hide().fadeIn();
})
// Toplama işlemi
$(this).on("click", "#topla", function () {
let toplam = 0,
adet_toplam = 0,
metrekare_toplam = 0;
$(document.body).find("tbody").find("tr").each(function () {
toplam += parseInt($(this).find("td:nth-child(6)").text());
adet_toplam += Number.isInteger(parseInt($(this).find("td:nth-child(5)").text())) ? parseInt($(this).find("td:nth-child(5)").text()) : 0;
metrekare_toplam += Number.isInteger(parseInt($(this).find("td:nth-child(4)").text())) ? parseInt($(this).find("td:nth-child(4)").text()) : 0;
});
let satir = '<tr class="bg-info son_toplam"><th class="text-center" colspan="3">Toplam</th><td>'+metrekare_toplam+' m²</td><td>'+adet_toplam+'</td><td>'+toplam+' ₺</td></tr>';
$("tbody").append(satir).hide().fadeIn();
$(this).hide(); // Topla butonunu gizleyelim ki yeniden toplama işlemi yapılmasın
$("button[name=kontrol]").fadeOut();
})
})
</script>
</body>
</html>