kod1:
<!DOCTYPE html>
<html>
<head>
<title>Profil Ölçüsü ve Kesim Genişliği</title>
</head>
<body>
<form method="post" action="">
<label for="profil_olcu">Profil Ölçüsü:</label>
<input type="text" name="profil_olcu" id="profil_olcu" onkeyup="hesapla(this.value);"><br><br>
</form><div id="sonuc"></div>
<script>
function hesapla(deger) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("sonuc").innerHTML = "<br><br><strong>Kesim Genişliği:</strong> " + this.responseText + " mm";
}
};
xhr.open("POST", "hesapla.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("profil_olcu=" + deger);
}
</script>
</body>
</html>
<?php
// Veritabanı bağlantısı için gerekli dosyayı dahil edin
include 'db.php';
// Veritabanından mdf_name sütunundaki değerleri getir
$sql = "SELECT mdf_name FROM mdf";
$result = mysqli_query($conn, $sql);
// MDF KALINLIK açılır kutusu oluştur
echo '<table>';
echo '<tr><td><label for="mdf-select">MDF KALINLIK:</label></td>';
echo '<td><select id="mdf-select">';
while ($row = mysqli_fetch_assoc($result)) {
echo "<option value='" . $row['mdf_name'] . "'>" . $row['mdf_name'] . "</option>";
}
echo "</select></td></tr>";
// Profil Ölçü sayısal giriş kutusu
echo '<tr><td><label for="profl_olcu">Profil Ölçü:</label></td>';
echo '<td><input type="number" name="profl_olcu" id="profl_olcu"></td></tr>';
// Veritabanından pvc_name sütunundaki değerleri getir
$sql = "SELECT pvc_name FROM pvc";
$result = mysqli_query($conn, $sql);
// PVC Desen açılır kutusu oluştur
echo '<tr><td><label for="pvc-select">PVC Desen:</label></td>';
echo '<td><select id="pvc-select">';
echo '<option value="">Seçiniz</option>'; // Seçiniz değeri eklendi
while ($row = mysqli_fetch_assoc($result)) {
echo "<option value='" . $row['pvc_name'] . "'>" . $row['pvc_name'] . "</option>";
}
echo '</select></td></tr>';
// PVC Ölçü sayısal giriş kutusu
echo '<tr><td><label for="pvc_olcu">PVC ÖLÇÜSÜ:</label></td>';
echo '<td><input type="number" name="pvc_olcu" id="pvc_olcu"></td></tr>';
// Kur input alanı
echo '<tr><td><label for="kur">Kur:</label></td>';
echo '<td><input type="number" name="kur" id="kur" placeholder="Kur değerini girin" value="22" onchange="pvcSelect.dispatchEvent(new Event(\'change\'));"></td></tr>';
echo '</table>';
//<!--tutkal input alanı-->
echo '<tr><td><label for="tutkal">Tutkal</label></td>';
echo '<td><input type="number" name="tutkal" id="tutkal"readonly></td></tr>';
// Seçilen PVC desenine karşılık gelen fiyatı getir
echo '<table><tr><td><div id="pvc-price">';
echo '<h3>PVC € fiyatı      </h3>';
echo '<p id="pvc-price-result"></p>';
echo '</div></td>';
// Sonuç kutusu oluştur
echo '<td><div id="sonuc">';
echo '<h3>PVC TL Fiyatı</h3>';
echo '<p id="sonuc-result"></p>';
echo '</div></td></tr></table>';
// JavaScript kodu
echo "<script>";
echo "const pvcSelect = document.querySelector('#pvc-select');";
echo "const kurInput = document.querySelector('#kur');";
echo "const sonucResult = document.querySelector('#sonuc-result');"; // Sonuç kutusu seçildi
echo "pvcSelect.addEventListener('change', () => {";
echo "const selectedpvc = pvcSelect.value;";
echo "fetch('get_mdf_price.php?pvc_name=' + selectedpvc)";
echo ".then(response => response.text())";
echo ".then(data => {";
echo "const pvcPriceResult = document.querySelector('#pvc-price-result');";
echo "const pvcPrice = parseFloat(data);";
echo "pvcPriceResult.innerText = pvcPrice + ' €';";
echo "const kurValue = parseFloat(kurInput.value);";
echo "if (!isNaN(kurValue)) {";
echo "const sonuc = pvcPrice * kurValue;";
echo "sonucResult.innerText = sonuc + ' TL';"; // Sonuç kutusuna sonucu yazdır
echo "} else {";
echo "sonucResult.innerText = '';"; // Kur değeri sayısal bir değer değilse sonuç kutusunu boş bırak
echo "}";
echo "});";
echo "});";
echo "</script>";
// 1Seçilen değere göre veritabanından mdf_price sütunundaki değeri getir
echo "<div id='mdf-price'>";
echo "<h3>mdf fiyat</h3>";
echo "<p id='mdf-price-result'></p>";
echo "</div>";
echo "<script>";
echo "const mdfSelect = document.querySelector('#mdf-select');";
echo "mdfSelect.addEventListener('change', () => {";
echo "const selectedMdf = mdfSelect.value;";
echo "fetch('get_mdf_price.php?mdf_name=' + selectedMdf)";
echo ".then(response => response.text())";
echo ".then(data => {";
echo "const mdfPriceResult = document.querySelector('#mdf-price-result');";
echo "mdfPriceResult.innerText = data + 'TL';";
echo "})";
echo "});";
echo "</script>";
// Veritabanı bağlantısını kapatın
mysqli_close($conn);kod2: <script>
// pvc_olcu ve kur inputlarının değişikliklerini dinleyen bir fonksiyon tanımla
function hesapla() {
var pvc_olcu = document.getElementById("pvc_olcu").value;
var kur = document.getElementById("kur").value;
if(pvc_olcu && kur) { // pvc_olcu ve kur değerleri varsa hesaplama yap
var tutkal = (pvc_olcu / 1000) * 0.06 * 9.1 * 1.18 * kur * 2.80;
document.getElementById("tutkal").value = tutkal.toFixed(2); // tutkal inputuna sonucu yazdır
}
}
// pvc_olcu ve kur inputlarındaki herhangi bir değişiklikte hesapla fonksiyonunu çağır
document.getElementById("pvc_olcu").addEventListener("input", hesapla);
document.getElementById("kur").addEventListener("input", hesapla);
</script> 