{"id":2123,"date":"2025-03-20T00:09:54","date_gmt":"2025-03-20T00:09:54","guid":{"rendered":"https:\/\/conix.themejunction.net\/?page_id=2123"},"modified":"2025-06-11T14:22:28","modified_gmt":"2025-06-11T11:22:28","slug":"interaktif-hesaplama","status":"publish","type":"page","link":"https:\/\/www.adaiskele.com.tr\/?page_id=2123","title":{"rendered":"\u0130NTERAKT\u0130F HESAPLAMA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2123\" class=\"elementor elementor-2123\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17f9273 e-con-full e-flex e-con e-parent\" data-id=\"17f9273\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9ae42a elementor-widget__width-inherit elementor-widget elementor-widget-tj-page-header\" data-id=\"f9ae42a\" data-element_type=\"widget\" data-widget_type=\"tj-page-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<section class=\"tj-breadcrumb-area background-image\" data-bg-image=&#039;https:\/\/conix.themejunction.net\/wp-content\/uploads\/2025\/03\/breadcrumb-bg.webp&#039;>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"breadcrumb-content-area text-center\">\n\n                      <!-- title -->\n            <div class=\"breadcrumb-heading\">\n              <h1 class=\"breadcrumb-title\">\u0130NTERAKT\u0130F HESAPLAMA<\/h1>            <\/div>\n          \n\n          \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f57a458 e-flex e-con-boxed e-con e-parent\" data-id=\"f57a458\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91d5d19 elementor-widget__width-inherit elementor-widget elementor-widget-tj-marquee\" data-id=\"91d5d19\" data-element_type=\"widget\" data-widget_type=\"tj-marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n  <section class=\"tj-marquee-section\">\n    <div class=\"marquee-wrapper\">\n      <div class=\"swiper marquee-slider\"  id=\"marquee-91d5d19\">\n        <div class=\"swiper-wrapper marquee-wrapper\">\n          <!-- items -->\n                      <div class=\"swiper-slide marquee-item\">\n                              <div class=\"marquee-title\">\n                  <h4 class=\"text\">ADAL\u0130NDA \u0130SKELE<\/h4>\n                <\/div>\n              \n                              <div class=\"marquee-icons\">\n                  <i aria-hidden=\"true\" class=\"tji-star\"><\/i>                <\/div>\n                          <\/div>\n                      <div class=\"swiper-slide marquee-item\">\n                              <div class=\"marquee-title\">\n                  <h4 class=\"text\">ADAL\u0130NDA \u0130SKELE<\/h4>\n                <\/div>\n              \n                              <div class=\"marquee-icons\">\n                  <i aria-hidden=\"true\" class=\"tji-star\"><\/i>                <\/div>\n                          <\/div>\n                      <div class=\"swiper-slide marquee-item\">\n                              <div class=\"marquee-title\">\n                  <h4 class=\"text\">ADAL\u0130NDA \u0130SKELE<\/h4>\n                <\/div>\n              \n                              <div class=\"marquee-icons\">\n                  <i aria-hidden=\"true\" class=\"tji-star\"><\/i>                <\/div>\n                          <\/div>\n                      <div class=\"swiper-slide marquee-item\">\n                              <div class=\"marquee-title\">\n                  <h4 class=\"text\">ADAL\u0130NDA \u0130SKELE<\/h4>\n                <\/div>\n              \n                              <div class=\"marquee-icons\">\n                  <i aria-hidden=\"true\" class=\"tji-star\"><\/i>                <\/div>\n                          <\/div>\n                      <div class=\"swiper-slide marquee-item\">\n                              <div class=\"marquee-title\">\n                  <h4 class=\"text\">ADAL\u0130NDA \u0130SKELE<\/h4>\n                <\/div>\n              \n                              <div class=\"marquee-icons\">\n                  <i aria-hidden=\"true\" class=\"tji-star\"><\/i>                <\/div>\n                          <\/div>\n                      <div class=\"swiper-slide marquee-item\">\n                              <div class=\"marquee-title\">\n                  <h4 class=\"text\">ADAL\u0130NDA \u0130SKELE<\/h4>\n                <\/div>\n              \n                              <div class=\"marquee-icons\">\n                  <i aria-hidden=\"true\" class=\"tji-star\"><\/i>                <\/div>\n                          <\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34d0b37 e-flex e-con-boxed e-con e-parent\" data-id=\"34d0b37\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bf5c13 tj_section_align elementor-align-center elementor-widget elementor-widget-tj-title\" data-id=\"5bf5c13\" data-element_type=\"widget\" data-widget_type=\"tj-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"sec-heading\">\n\n      <span class=\"sub-title\">\n              <i aria-hidden=\"true\" class=\"tj tji-bar\"><\/i>      \n      ADA \u0130SKELE    <\/span>\n  \n  <h2 class=\"sec-title\">G\u00fcvenlikli Cephe \u0130skele Hesaplay\u0131c\u0131<\/h2>\n  <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c26c41c e-flex e-con-boxed e-con e-parent\" data-id=\"c26c41c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f355007 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f355007\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Iskele Hesaplay\u0131c\u0131<\/title>\n <style>\n  body {\n    font-family: 'Bebas Neue', cursive;\n    color: #222;\n  }\n  table {\n    width: 100%;\n    backdrop-filter: blur(8px);\n    background-color: rgba(255, 255, 255, 0.65);\n    border-collapse: collapse;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n  }\n  th, td {\n    padding: 10px;\n    text-align: center;\n    border: 1px solid rgba(200, 200, 200, 0.3);\n  }\n  th {\n    background-color: rgba(240, 240, 240, 0.7);\n    font-size: 16px;\n  }\n  input[type=\"number\"] {\n    width: 80px;\n    padding: 6px 10px;\n    border: none;\n    border-radius: 8px;\n    background-color: rgba(255, 255, 255, 0.7);\n    box-shadow: inset 0 0 3px rgba(0,0,0,0.1);\n  }\n  tfoot {\n    background-color: rgba(240, 240, 240, 0.6);\n    font-weight: bold;\n  }\n.page-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center; \/* T\u00fcm metinleri ortalar *\/\n}\n\n.responsive-table-wrapper {\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  margin-top: 20px;\n}\n\n.responsive-table-wrapper table {\n  width: max-content;\n  margin: 0 auto; \/* tabloyu yatayda ortalar *\/\n  border-collapse: collapse;\n}\n\n\n\n<\/style>\n\n<\/head>\n<body>\n    <div class=\"page-wrapper\">\n<p style=\"margin-bottom: 20px; font-size: 16px; text-align: center;\">\n  A\u015fa\u011f\u0131daki hesaplama arac\u0131yla ihtiyac\u0131n\u0131z olan iskele ekipmanlar\u0131n\u0131 ve kaplayaca\u011f\u0131n\u0131z toplam y\u00fczey alan\u0131n\u0131 kolayca hesaplayabilirsiniz.\n  Her cephe i\u00e7in <strong>y\u00fckseklik<\/strong> ve <strong>geni\u015flik<\/strong> de\u011ferlerini girip <kbd>Tab<\/kbd> tu\u015funa bast\u0131\u011f\u0131n\u0131zda sonu\u00e7lar otomatik olarak hesaplanacakt\u0131r.\n  Hesaplama sonucunda size \u00f6zel en uygun fiyat teklifimizi almak isterseniz <strong>\"TEKL\u0130F AL\"<\/strong> butonunu kullanabilirsiniz.\n<\/p>\n<p style=\"color: #555; font-size: 14px; margin-top: -10px; font-weight: normal; text-align: center;\">\n  Not: Y\u00fckseklik <span style=\"text-decoration: underline; opacity: 0.8;\">2 m ve katlar\u0131<\/span>, \n  geni\u015flik ise <span style=\"text-decoration: underline; opacity: 0.8;\">2.5 m ve katlar\u0131<\/span> olmal\u0131d\u0131r. \n  Ondal\u0131k ayra\u00e7 olarak l\u00fctfen <span style=\"text-decoration: underline; opacity: 0.8;\">nokta<\/span> kullan\u0131n\u0131z.\n<\/p>\n\n\n\n\n<div class=\"responsive-table-wrapper\">\n  <table id=\"hesapTablosu\">\n    <thead>\n      <tr>\n        <th>CEPHE<\/th>\n        <th>Y\u00fckseklik<\/th>\n        <th>Geni\u015flik<\/th>\n        <th>Alan<\/th>\n        <th>Pano<\/th>\n        <th>Yatay<\/th>\n        <th>\u00c7apraz<\/th>\n        <th>Merdiven<\/th>\n        <th>\u00c7elik Kalas<\/th>\n        <th>Yan Korkuluk<\/th>\n        <th>Ba\u015fl. Aya\u011f\u0131<\/th>\n        <th>Ayar Mili<\/th>\n        <th>Gijon<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td>1. CEPHE<\/td>\n        <td><input type=\"number\" class=\"input\" name=\"yukseklik1\"><\/td>\n        <td><input type=\"number\" class=\"input\" name=\"genislik1\"><\/td>\n        <td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td>\n      <\/tr>\n      <tr>\n        <td>2. CEPHE<\/td>\n        <td><input type=\"number\" class=\"input\" name=\"yukseklik2\"><\/td>\n        <td><input type=\"number\" class=\"input\" name=\"genislik2\"><\/td>\n        <td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td>\n      <\/tr>\n      <tr>\n        <td>3. CEPHE<\/td>\n        <td><input type=\"number\" class=\"input\" name=\"yukseklik3\"><\/td>\n        <td><input type=\"number\" class=\"input\" name=\"genislik3\"><\/td>\n        <td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td>\n      <\/tr>\n      <tr>\n        <td>4. CEPHE<\/td>\n        <td><input type=\"number\" class=\"input\" name=\"yukseklik4\"><\/td>\n        <td><input type=\"number\" class=\"input\" name=\"genislik4\"><\/td>\n        <td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td><td class=\"sonuc\"><\/td>\n      <\/tr>\n    <\/tbody>\n    <tfoot>\n      <tr>\n        <th colspan=\"3\">Toplam<\/th>\n        <th id=\"topAlan\"><\/th><th id=\"topPano\"><\/th><th id=\"topYatay\"><\/th><th id=\"topCapraz\"><\/th><th id=\"topMerdiven\"><\/th><th id=\"topKalas\"><\/th><th id=\"topKorkuluk\"><\/th><th id=\"topBaslik\"><\/th><th id=\"topAyar\"><\/th><th id=\"topGijon\"><\/th>\n      <\/tr>\n    <\/tfoot>\n  <\/table>\n  <\/div>\n  <\/div>\n<script>\n    function hesapla() {\n  let toplam = {\n    alan: 0, pano: 0, yatay: 0, capraz: 0, merdiven: 0,\n    kalas: 0, korkuluk: 0, baslik: 0, ayar: 0, gijon: 0\n  };\n\n  const rows = document.querySelectorAll('#hesapTablosu tbody tr');\n  let uyari = \"\";\n\n  rows.forEach(row => {\n    const yuk = parseFloat(row.querySelector('input[name^=\"yukseklik\"]').value) || 0;\n    const gen = parseFloat(row.querySelector('input[name^=\"genislik\"]').value) || 0;\n\n    if (yuk % 2 !== 0) {\n      uyari = \"Y\u00fckseklik de\u011feri 2'nin kat\u0131 olmal\u0131d\u0131r.\";\n    }\n    if (gen % 2.5 !== 0) {\n      uyari = \"Geni\u015flik de\u011feri 2.5'in kat\u0131 olmal\u0131d\u0131r.\";\n    }\n\n    if (uyari) {\n      alert(uyari);\n      row.querySelectorAll('.sonuc').forEach(cell => cell.innerText = '');\n      uyari = \"\"; \/\/ sonraki sat\u0131rlar i\u00e7in s\u0131f\u0131rla\n      return;\n    }\n\n    const alan = yuk * gen;\n    const pano = alan \/ 4.95;\n    const yatay = pano * 1.98;\n    const capraz = alan \/ 15;\n    const merdiven = yuk \/ 2;\n    const kalas = pano * 1.96;\n    const korkuluk = merdiven * 2;\n    const baslik = yuk \/ 7.5;\n    const ayar = merdiven * 2.1;\n    const gijon = pano * 0.25;\n\n    const results = [alan, pano, yatay, capraz, merdiven, kalas, korkuluk, baslik, ayar, gijon];\n    row.querySelectorAll('.sonuc').forEach((cell, i) => {\n      cell.innerText = (results[i] === 0) ? '' : Math.round(results[i]);\n    });\n\n    toplam.alan += alan;\n    toplam.pano += pano;\n    toplam.yatay += yatay;\n    toplam.capraz += capraz;\n    toplam.merdiven += merdiven;\n    toplam.kalas += kalas;\n    toplam.korkuluk += korkuluk;\n    toplam.baslik += baslik;\n    toplam.ayar += ayar;\n    toplam.gijon += gijon;\n  });\n\n  document.getElementById('topAlan').innerText = Math.round(toplam.alan);\n  document.getElementById('topPano').innerText = Math.round(toplam.pano);\n  document.getElementById('topYatay').innerText = Math.round(toplam.yatay);\n  document.getElementById('topCapraz').innerText = Math.round(toplam.capraz);\n  document.getElementById('topMerdiven').innerText = Math.round(toplam.merdiven);\n  document.getElementById('topKalas').innerText = Math.round(toplam.kalas);\n  document.getElementById('topKorkuluk').innerText = Math.round(toplam.korkuluk);\n  document.getElementById('topBaslik').innerText = Math.round(toplam.baslik);\n  document.getElementById('topAyar').innerText = Math.round(toplam.ayar);\n  document.getElementById('topGijon').innerText = Math.round(toplam.gijon);\n}\ndocument.querySelectorAll('#hesapTablosu input').forEach(input => {\n  input.addEventListener('change', hesapla);\n});\n<\/script>\n  \n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98e8d2b tj_el_button elementor-align-center elementor-widget elementor-widget-tj-button\" data-id=\"98e8d2b\" data-element_type=\"widget\" data-widget_type=\"tj-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"tj_btn_wrapper\">\n\n      \n        <a href=\"https:\/\/www.adaiskele.com.tr\/?page_id=986\" target=\"_self\" class=\"tj-primary-btn\">\n          <div class=\"btn_inner\">\n                          <div class=\"btn_icon\">\n                <span>\n                  <i aria-hidden=\"true\" class=\"tji-double-arrow-right tj\"><\/i>                  <i aria-hidden=\"true\" class=\"tji-double-arrow-right tj\"><\/i>                <\/span>\n              <\/div>\n            \n            <div class=\"btn_text\">\n              <span>\n                TEKL\u0130F AL              <\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n          <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0130NTERAKT\u0130F HESAPLAMA ADAL\u0130NDA \u0130SKELE ADAL\u0130NDA \u0130SKELE ADAL\u0130NDA \u0130SKELE ADAL\u0130NDA \u0130SKELE ADAL\u0130NDA \u0130SKELE ADAL\u0130NDA \u0130SKELE ADA \u0130SKELE G\u00fcvenlikli Cephe \u0130skele Hesaplay\u0131c\u0131 Iskele Hesaplay\u0131c\u0131 A\u015fa\u011f\u0131daki hesaplama arac\u0131yla ihtiyac\u0131n\u0131z olan iskele ekipmanlar\u0131n\u0131 ve kaplayaca\u011f\u0131n\u0131z toplam y\u00fczey alan\u0131n\u0131 kolayca hesaplayabilirsiniz. Her cephe i\u00e7in y\u00fckseklik ve geni\u015flik de\u011ferlerini girip Tab tu\u015funa bast\u0131\u011f\u0131n\u0131zda sonu\u00e7lar otomatik olarak hesaplanacakt\u0131r. Hesaplama sonucunda size \u00f6zel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2123","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2123"}],"version-history":[{"count":56,"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2123\/revisions"}],"predecessor-version":[{"id":4169,"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2123\/revisions\/4169"}],"wp:attachment":[{"href":"https:\/\/www.adaiskele.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}