สมาคมเครื่องทำความเย็นไทย

<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <title>สมาคมเครื่องทำความเย็นไทย - Journal </title> <meta name="description" content="สมาคมเครื่องทำความเย็นไทย (THAI REFRIGERATION ASSOCIATION) ใช้ตัวย่อคือ TRA ส่งเสริมอุตสาหกรรมเครื่องทำความเย็นไทยให้เป็นผู้นำในอาเซียน."> <meta name="keywords" content="สมาคมเครื่องทำความเย็นไทย, THAI REFRIGERATION ASSOCIATION, TRA, ส่งเสริมอุตสาหกรรมเครื่องทำความเย็นไทยให้เป็นผู้นำในอาเซียน"> <meta name="author" content="HEAD2TOES TECHNOLOGY">  <meta property="og:url" content="https://tra.or.th/journal" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Clean Air Innovation" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="https://tra.or.th/public/assets/images/banner.png" />  <meta property="fb:app_id" content="928724301171093" /> <meta property="article:author" content="https://www.facebook.com/cleanairinnovationhvac" /> <meta property="article:publisher"content="https://www.facebook.com/cleanairinnovationhvac" />  <meta name="twitter:title" content="" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image:src" content="https://tra.or.th/public/assets/images/banner.png" /> <meta name="twitter:site" content="" /> <meta name="twitter:creator" content="" /> <meta name="twitter:domain" content="cainnovation.com" /> <meta name="twitter:description" content="" /> <link rel="apple-touch-icon" href="https://tra.or.th/public/assets/images/mobile-icon.png"> <link rel="shortcut icon" type="image/x-icon" href="https://tra.or.th/public/assets/images/favicon.ico"> <link rel="icon" href="https://tra.or.th/public/assets/static/favicon-32x32.png" sizes="32x32"> <link rel="icon" href="https://tra.or.th/public/assets/static/favicon-192x192.png" sizes="192x192"> <link rel="apple-touch-icon-precomposed" href="https://tra.or.th/public/assets/static/favicon-180x180.png"> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/normalize.css"> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/swiper-bundle.min.css"> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/aos.css"> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/select2.min.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/pagination.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/datepicker.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/magnific-popup.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/fresco.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/sweetalert2.css"> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/styles.css"> <link rel="stylesheet" type="text/css"href="https://tra.or.th/public/assets/css/swiper-bundle.min.css" /> <link rel="stylesheet" type="text/css"href="https://tra.or.th/public/assets/css/aos.css" /> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/style.css?v1744333571"> <link rel="stylesheet" type="text/css"href="https://tra.or.th/public/assets/css/custom.css?v1744333571"> <script> const site_url = url=>{ url = url!=undefined ? url:''; return 'https://tra.or.th/'+url; } </script> <script src="https://tra.or.th/public/assets/js/jquery-3.6.0.min.js"></script> <script src="https://tra.or.th/public/assets/js/lazysizes.min.js"></script> <script src="https://tra.or.th/public/assets/js/swiper-bundle.min.js"></script> <script src="https://tra.or.th/public/assets/js/aos.js"></script> <script src="https://tra.or.th/public/assets/js/select2.min.js"></script> <script src="https://tra.or.th/public/assets/js/pagination.min.js"></script> <script src="https://tra.or.th/public/assets/js/datepicker.js"></script> <script src="https://tra.or.th/public/assets/js/datepicker.th-TH.js"></script> <script src="https://tra.or.th/public/assets/js/magnific-popup.min.js"></script> <script src="https://tra.or.th/public/assets/js/clipboard.min.js"></script> <script src="https://tra.or.th/public/assets/js/social-share.min.js"></script> <script src="https://tra.or.th/public/assets/js/fresco.min.js"></script> <script src="https://tra.or.th/public/assets/js/sweetalert2.min.js"></script> <script src="https://tra.or.th/public/assets/js/scripts.js?v1744333571"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-T9QZW6X9G5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-T9QZW6X9G5'); </script> <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TXB4BZ5');</script>  </head> <body> <style> .header__logo { /* Logo original */ height: 70% !important; /* Logo 30ปี */ /* height: 80% !important; */ } .header__logo--small{ /* Logo original */ height: 40% !important; /* Logo 30ปี */ /* height: 75% !important; */ } </style> <div class="progress"> <div class="progress__bar"></div> </div> <header class="header js-header-scroll header--scroll"> <div class="header__container"> <div class="header__top js-header-scroll-top header__top--scroll"> <div class="header__top-logo js-header-scroll-top-logo header__top-logo--scroll"> <a href="https://tra.or.th/" class="header__logo header__logo--full hide">    <img src="https://tra.or.th/public/assets/images/logo/logo.png" alt="logo" class="lazyload" width="340" height="100" /> </a> <a href="https://tra.or.th/" class="header__logo header__logo--small hide">    <img src="https://tra.or.th/public/assets/images/logo/logo_short.png" alt="logo" class="lazyload" width="77" height="19" /> </a> </div> <ul class="header__menu"> <li class="header__menu-li "> <a href="https://tra.or.th/">หน้าแรก</a> </li> <li class="header__menu-li "> <a href="https://tra.or.th/about-us">เกี่ยวกับเรา</a> </li> <li class="header__menu-li "> <a href="https://tra.or.th/blog">ข่าวสารและบทความ</a> </li> <li class="header__menu-li "> <a href="https://tra.or.th/member">สมาชิกสมาคม</a> </li> <li class="header__menu-li header__menu-li--active"> <a href="https://tra.or.th/journal">วารสาร</a> </li> <li class="header__menu-li header__menu-li--more header__menu-li--last "> <a href="javascript:void(0)">เพิ่มเติม</a> <div class="header__dropdown-warp"> <div class="header__dropdown"> <ul class="header__menu-mobile-ul header__menu-mobile-ul--dropdown"> <li class=""> <a href="https://tra.or.th/document">เอกสารมาตรฐาน</a> </li> <li class=""> <a href="https://tra.or.th/contact-association">ติดต่อสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/support-association">ผู้สนับสนุนสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/link">ลิงค์ที่เกี่ยวข้อง</a> </li> <li class=""> <a href="https://tra.or.th/privacy">นโยบายความเป็นส่วนตัว</a> </li> <li class="last "> <a href="https://tra.or.th/termandcondition">ข้อกำหนดและเงื่อนไขการใช้งาน</a> </li> </ul> </div> </div> </li> </ul> <div class="header__bottom js-header-scroll-bottom header__bottom--scroll"> <div class="header__lang"> <a href="https://tra.or.th/journal?lang=th" class="header__lang-text header__lang-text--active">TH</a> <div class="header__lang-text header__lang-text--slash">/</div> <a href="https://tra.or.th/journal?lang=en" class="header__lang-text ">ENG</a> </div> <img data-src="https://tra.or.th/public/assets/icons/svg/search.svg" alt="" class="header__search lazyload" width="25" height="25" /> </div> <div class="header__hamburger" id="nav-icon"> <span></span> <span></span> <span></span> </div> </div> <div class="header__menu-mobile"> <div class="header__menu-mobile-warp"> <ul class="header__menu-mobile-ul"> <li class=""> <a href="https://tra.or.th/">หน้าแรก</a> </li> <li class=""> <a href="https://tra.or.th/about-us">เกี่ยวกับเรา</a> </li> <li class=""> <a href="https://tra.or.th/blog">ข่าวสารและบทความ</a> </li> <li class=""> <a href="https://tra.or.th/member">สมาชิกสมาคม</a> </li> <li class="active"> <a href="https://tra.or.th/journal">วารสาร</a> </li> <li class=" ""> <a href="javascript:void(0)">เพิ่มเติม</a> <ul class="header__menu-mobile-ul header__menu-mobile-ul-sub"> <li class=""> <a href="https://tra.or.th/document">เอกสารมาตรฐาน</a> </li> <li class=""> <a href="https://tra.or.th/contact-association">ติดต่อสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/support-association">ผู้สนับสนุนสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/link">ลิงค์ที่เกี่ยวข้อง</a> </li> <li class=""> <a href="https://tra.or.th/privacy">นโยบายความเป็นส่วนตัว</a> </li> <li class="last "> <a href="https://tra.or.th/termandcondition">ข้อกำหนดและเงื่อนไขการใช้งาน</a> </li> </ul> </li> <li class="last"> <a href="https://tra.or.th/journal?lang=th" class="lang active">TH</a> / <a href="https://tra.or.th/journal?lang=en" class="lang no ">EN</a> </ul> </div> </div> </div> </header> <div id="page"> <div class="main"> <div class="main main__normal main__padding"> <section class="section section__normal"> <div class="headline" data-aos=""> <h1 class="headline__head" data-aos="fade-right" data-aos-duration="1500">วารสาร</h1> <div class="headline__progress"> <div></div> </div> </div> <div class="page-journal"> <div class="page-journal__form"> <div class="page-journal__row"> <div class="page-journal__head">ค้นหา</div> <div class="page-journal__input-group"> <input type="text" id="search" class="input page-document__input" placeholder="ชื่อวารสาร / รายละเอียดแบบย่อ" autocomplete="off" onChange="$.filterChange()" /> <img src="https://tra.or.th/public/assets/icons/svg/search_blue_2.png" alt="" class="page-document__icon" /> </div> </div> <div class="page-journal__row page-journal__row--small"> <div class="page-journal__head">เลือกปี</div> <div class="page-journal__input-group"> <input data-toggle="datepicker" class="input page-journal__input" placeholder="เลือก" readonly='true' autocomplete="off" id="date_public" onChange="$.filterChange()"> <img src="https://tra.or.th/public/assets/icons/svg/arrow_blue_2.png" alt="" class="page-journal__icon page-journal__icon--arrow" /> </div> </div> <div class="page-journal__row page-journal__row--small"> <div class="page-journal__head">การจัดเรียง</div> <div class="page-journal__input-group"> <select class="select page-journal__select select-number-1" id="order" onChange="$.filterChange()"> <option value="desc">ใหม่ไปเก่า</option> <option value="asc">เก่าไปใหม่</option> </select> <img src="https://tra.or.th/public/assets/icons/svg/arrow_blue_2.png" alt="" class="page-journal__icon page-journal__icon--arrow" /> </div> </div> </div>  <div class="loader-tra" id="loading-desktop"></div> <div class="loader-tra" id="loading"></div> <div class="page-journal__content">  </div> <div id="pagination-blog" class="pagination-custom"></div> <div class="page-journal__content page-journal__content--mobile mobile-load"> </div> <div class="page-contact__btn" id="btn-more" style="border:1px solid; color:#0c4da2; background-color:transparent; display:none; margin-top:15px;"> ดูวารสารเพิ่มเติม </div>  <input type="hidden" id="can_get" value="1" /> <input type="hidden" id="total_all" value="0" /> <input type="hidden" id="page_mobile" value="1" /> </div> </section>  <section class="section section__normal"> <div class="ads"> <div class="ads__cover"> <picture> <source media="(max-width:1024px)" data-srcset="https://tra.or.th/public/assets/images/ads/register_journal_mobile.png" class="lazyload"> <img data-src="https://tra.or.th/public/assets/images/ads/register_journal.png" alt="" class="lazyload" /> </picture> <div class="ads__content"> <div class="ads__head">สมัครสมาชิกวารสาร Keep Kool</div> <div class="ads__title">เพื่อรับวารสาร ติดตามข่าวสาร ความรู้ บทความวิชาการ</div> <div class="ads__title">และสถานการณ์ในแวดวงอุตสาหกรรมเครื่องทำความเย็นไทย</div> <div class="ads__title ads__title--mobile">บทความวิชาการ และสถานการณ์</div> <div class="ads__title ads__title--mobile">ในแวดวงอุตสาหกรรมเครื่องทำความเย็นไทย</div> <a href="https://docs.google.com/forms/d/e/1FAIpQLScOy1TroIlyUxzmtzBterBJj2Ql3-HLhJ58NCmvQsf9i0k3cQ/viewform" target="_blank" class="ads__btn">ดาวน์โหลด</a> </div> </div> </div> </section> <section class="section section__support section__support-slide"> <div class="support"> <div class="headline" data-aos=""> <h1 class="headline__head" data-aos="fade-right" data-aos-duration="1500">ผู้สนับสนุนสมาคม</h1> <div class="headline__progress"> <div></div> </div> </div> <div class="support__content support__content--slide"> <div class="swiper-container support_slide"> <div class="swiper-wrapper"> <div class="swiper-slide support__slide"> <a href="https://www.gea.com/en/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-GEA.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.carel.co.th/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_15.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.qintersupply.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_7@3x.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.kirloskarpumps.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-Kirloskar-Pneumatic.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="http://en.haiercarrier.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-carrier.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.copeland.com/global" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-copeland.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.saginomiya.co.jp/en/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_66_6.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://system-form.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_13.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.cisaplast.co.th/th/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-cisaplast.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="http://www.dixellasia.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_23.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.danfoss.com/en/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_11@3x.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="http://www.thermedez.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-thermedez.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.brenntag.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-emkarate.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.patkol.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_19@3x.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.pcchemicallube.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-pclube.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://mayekawa.co.th/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_9@3x.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.unicclimate.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_1.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.walterroller.de/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_66_2.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.wtg.co.th/en/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-walltech.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="http://www.moon-tech.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_24.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="http://worldcool.co.th/th/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-worldcool.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.squarepanel.com/index.php/en/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-SQU.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.siamcompressor.com/siamcompressor/en" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_20@3x.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://www.harn.co.th/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-harn.jpg" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://new.abb.com/th" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_2@3x.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="https://scmrefthai.com/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_3@3x.png" alt="" class="lazyload" /> </a> </div> <div class="swiper-slide support__slide"> <a href="http://www.aeroflex.co.th/" target="_blank" class="support__cover support__cover--slide"> <img data-src="https://tra.or.th/public/assets/images/support/support_66_3.png" alt="" class="lazyload" /> </a> </div> </div> </div> <div class="swiper-button-next support__slide-next"></div> <div class="swiper-button-prev support__slide-prev"></div> </div> </div> </section> </div> <script> const reset = () => { $('[data-toggle="datepicker"]').datepicker("reset", true); $.filterChange() }; $(function(){ $('[data-toggle="datepicker"]').datepicker({ language: "th-TH", autoHide: true, format: "yyyy", }); var $select1 = $(".select-number-1").select2({ minimumResultsForSearch: -1, }); $select1.data("select2").$container.addClass("select-contrainer"); var swiper = new Swiper(".support_slide", { slidesPerView: 3, spaceBetween: 0, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, speed: 1000, autoplay: { delay: 5000, disableOnInteraction: false, }, breakpoints: { 1025: { slidesPerView: 5, spaceBetween: 0, }, }, }); $.genHtml = function(item){ var dataHtml = ''; dataHtml += '<div class="journal__row journal__row--mobile">'; dataHtml += '<div class="journal__detail">'; dataHtml += '<a href="' + item.slug + '" class="journal__cover">'; dataHtml += '<img data-src="' + item.image + '" alt="" class="lazyload" />'; dataHtml += "</a>"; dataHtml += '<h4 class="journal__head">' + item.head + "</h4>"; dataHtml += '<h5 class="journal__title">' + item.date + "</h5>"; dataHtml += "</div>"; dataHtml += '<a href="' + item.download + '" target="_blank" class="journal__download">ดาวน์โหลด</a>'; dataHtml += "</div>"; return dataHtml; } const getTotal = () => { const search = $("#search").val(); const type = $("#type").val(); const order = $("#order").val(); const date_public = $("#date_public").val(); return $.ajax({ url: "https://tra.or.th/api/journal", type: "GET", dataType: "JSON", data: { search: search, type: type, order: order, date_public: date_public, }, success(response) { $("#total_all").val(response.length); return response; }, error(e) { console.log("e", e); }, }); }; var pageNum = 1 var loadNewData = true; $.getData = function(){ const search = $("#search").val(); const type = $("#type").val(); const order = $("#order").val(); const date_public = $("#date_public").val(); const total_all = $("#total_all").val(); loadNewData = false; $("#loading").addClass("active"); $('#btn-more').text('Loading...') setTimeout(() => { pageNum = pageNum + 1 $.get(site_url('api/journal'), {search, type, order, date_public, limit:20, pageNum:pageNum}, function(rs){ if(rs.length > 0){ var dataHtml = '' rs.map(item =>{ dataHtml += $.genHtml(item); }) $(".page-journal__content--mobile").append(dataHtml); loadNewData = true if(rs.length < 20){ loadNewData = false $('#btn-more').hide(); } $('#btn-more').text('ดูวารสารเพิ่มเติม') }else{ loadNewData = false $('#btn-more').hide().text('ดูวารสารเพิ่มเติม'); } $("#loading").removeClass("active"); },'json') }, 1000); } $('#btn-more').click(function(){ $.getData(); }) $(window).scroll(function () { var windowWidth = $(window).width(); var windowScrollTop = $(window).scrollTop(); var mobileOffsetTop = $(".mobile-load").offset().top; var mobileOuterHeight = $(".mobile-load").outerHeight(); var windowInnerHeight = window.innerHeight if(loadNewData && windowWidth <= 1024 && windowScrollTop >= (mobileOffsetTop+mobileOuterHeight)-windowInnerHeight){ // console.log(pageNum, loadNewData) if(loadNewData) $('#btn-more').show() // $.getData(); } }); $.filterChange = function(){ try { (async function (name) { const search = $("#search").val(); const type = $("#type").val(); const order = $("#order").val(); const date_public = $("#date_public").val(); const total_all = await getTotal(); var container = $("#pagination-" + name); container.pagination({ dataSource: "https://tra.or.th/api/journal", locator: "items", totalNumber: parseInt(total_all.length), pageSize: 20, showPageNumbers: true, showPrevious: true, showNext: true, showFirstOnEllipsisShow: true, showLastOnEllipsisShow: true, prevText: '<img src="https://tra.or.th/public/assets/icons/svg/arrow_right.svg" alt=""/>', nextText: '<img src="https://tra.or.th/public/assets/icons/svg/arrow_right.svg" alt=""/>', //change name parameter alias: { pageNumber: "pageNum", pageSize: "limit", }, ajax: { //add parameter data: { search: search, type: type, order: order, date_public: date_public, }, beforeSend: function () { // $("#loading-desktop").addClass("active"); }, }, callback: function (response, pagination) { var dataHtml = ""; $.each(response, function (index, item) { dataHtml += $.genHtml(item); }); dataHtml += ""; container.prev().html(dataHtml); $(".page-journal__content--mobile").html(dataHtml); pageNum = 1 loadNewData = true; if(response.length < 20){ loadNewData = false $('#btn-more').hide(); } $('#btn-more').text('ดูวารสารเพิ่มเติม') // $("#loading-desktop").removeClass("active"); }, }); })('blog'); } catch (error) { console.log(error) } }; (async function (name) { const search = $("#search").val(); const type = $("#type").val(); const order = $("#order").val(); const date_public = $("#date_public").val(); const total_all = await getTotal(); var container = $("#pagination-" + name); container.pagination({ dataSource: "https://tra.or.th/api/journal", locator: "items", totalNumber: parseInt(total_all.length), pageSize: 20, showPageNumbers: true, showPrevious: true, showNext: true, showFirstOnEllipsisShow: true, showLastOnEllipsisShow: true, prevText: '<img src="https://tra.or.th/public/assets/icons/svg/arrow_right.svg" alt=""/>', nextText: '<img src="https://tra.or.th/public/assets/icons/svg/arrow_right.svg" alt=""/>', //change name parameter alias: { pageNumber: "pageNum", pageSize: "limit", }, ajax: { //add parameter data: { search: search, type: type, order: order, date_public: date_public, }, beforeSend: function () { // $("#loading-desktop").addClass("active"); }, }, callback: function (response, pagination) { var dataHtml = ""; $.each(response, function (index, item) { dataHtml += $.genHtml(item); }); dataHtml += ""; container.prev().html(dataHtml); $(".page-journal__content--mobile").append(dataHtml); // $("#loading-desktop").removeClass("active"); }, }); })("blog"); }); </script> </div> <footer class="footer"> <div class="footer__detail"> <div class="footer__warp"> <div class="footer__row footer__row--1"> <h4 class="footer__head">ที่อยู่สมาคม</h4> <h5 class="footer__title footer__title--bold">สมาคมเครื่องทำความเย็นไทย</h5> <p class="footer__title footer__title--light">487 อาคารวิศวกรรมสถานแห่งประเทศไทย <br />ในพระบรมราชูปถัมภ์ (วสท.) ชั้น 3<br /> ซ.รามคำแหง 39 (เทพลีลา 1) ถ.รามคำแหง <br />แขวงพลับพลา เขตวังทองหลาง กรุงเทพฯ 10310</p> <a href="https://maps.app.goo.gl/THD3vMHzJA7teMDr5" target="_blank" class="footer__map">ดูแผนที่ Google Maps</a> </div> <div class="footer__row footer__row--2"> <h4 class="footer__head">ช่องทางติดต่อ</h4> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/svg/footer_tel.svg" alt="" class="lazyload" width="50" height="50" /> <a href="tel:+66 2 184 4618" class="footer__title footer__title--bold">02 184 4618</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/svg/footer_fax.svg" alt="" class="lazyload" width="50" height="50" /> <a href="tel:+66 2 184 4619" class="footer__title footer__title--bold">02 184 4619</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/svg/footer_email.svg" alt="" class="lazyload" width="50" height="50" /> <a href="mailto:info@tra.or.th" class="footer__title footer__title--bold">info@tra.or.th</a> </div> <h5 class="footer__title footer__title--bold footer__title--open">เวลาเปิดทำการ จันทร์-ศุกร์ 09:00 - 17:00 น.</h5> </div> <div class="footer__row footer__row--3"> <h4 class="footer__head">ติดตามเรา</h4> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/png/logo_fb.png" alt="" class="lazyload" width="50" height="50" /> <a href="https://www.facebook.com/Thai-Refrigeration-Association-1095356593844956/" target="_blank" class="footer__title footer__title--bold">Facebook</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/png/logo_yt.png" alt="" class="lazyload" width="50" height="50" /> <a href="https://www.youtube.com/channel/UCYYckSizp_D4uMSjXoDnjEg" target="_blank" class="footer__title footer__title--bold">Youtube</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/png/logo_line.png" alt="" class="lazyload" width="50" height="50" /> <a href="https://line.me/R/ti/p/@thairefrig" target="_blank" class="footer__title footer__title--bold">Line @</a> </div> </div> </div> </div> <div class="footer__copyright"> <img src="https://tra.or.th/public/assets/images/footer/bg.png" alt="" width="1920" height="150" /> <div class="footer__copyright-content"> <p class="footer__subtitle">สถิติการเช้าชมเว็บไซต์ 202,900 คน </p> <p class="footer__subtitle">Copyrights © 2002 - 2024 Thai Refrigeration Association<br class="footer__br" /> All Rights Reserved by <a href="https://www.head2toes.co.th/" target="_blank">HEAD2TOES TECHNOLOGY.</a></p> </div> </div> <div class="fb-customerchat" page_id="1095356593844956" theme_color="#0084FF"></div> <svg id="fb-messanger-fake-button" width="60px" height="60px" viewBox="0 0 60 60" cursor="pointer"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g> <circle fill="#0084FF" cx="30" cy="30" r="30"></circle><svg x="10" y="10"> <g transform="translate(0.000000, -10.000000)" fill="#FFFFFF"> <g id="logo" transform="translate(0.000000, 10.000000)"> <path d="M20,0 C31.2666,0 40,8.2528 40,19.4 C40,30.5472 31.2666,38.8 20,38.8 C17.9763,38.8 16.0348,38.5327 14.2106,38.0311 C13.856,37.9335 13.4789,37.9612 13.1424,38.1098 L9.1727,39.8621 C8.1343,40.3205 6.9621,39.5819 6.9273,38.4474 L6.8184,34.8894 C6.805,34.4513 6.6078,34.0414 6.2811,33.7492 C2.3896,30.2691 0,25.2307 0,19.4 C0,8.2528 8.7334,0 20,0 Z M7.99009,25.07344 C7.42629,25.96794 8.52579,26.97594 9.36809,26.33674 L15.67879,21.54734 C16.10569,21.22334 16.69559,21.22164 17.12429,21.54314 L21.79709,25.04774 C23.19919,26.09944 25.20039,25.73014 26.13499,24.24744 L32.00999,14.92654 C32.57369,14.03204 31.47419,13.02404 30.63189,13.66324 L24.32119,18.45264 C23.89429,18.77664 23.30439,18.77834 22.87569,18.45674 L18.20299,14.95224 C16.80079,13.90064 14.79959,14.26984 13.86509,15.75264 L7.99009,25.07344 Z"> </path> </g> </g> </svg> </g> </g> </svg> </footer> <div class="pdpa" id="pdpa"> <div class="pdpa__content"> <img src="https://tra.or.th/public/assets/icons/png/lock.png" alt="" class="pdpa__icon" width="100" height="114"/> <div class="pdpa__detail"> <p class="pdpa__head">เว็บไซต์นี้ใช้คุกกี้</p> <p class="pdpa__title">เราใช้คุกกี้เพื่อนำเสนอเนื้อหาและโฆษณาที่ท่านอาจสนใจ เพื่อให้ท่านได้รับประสบการณ์ที่ดียิ่งขึ้น คลิกเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้คุกกี้ของเราผ่านทาง <a href="https://tra.or.th/privacy#cookie" target="_blank">‘นโยบายคุกกี้’</a> และ <a href="https://tra.or.th/privacy" target="_blank">‘นโยบายความเป็นส่วนตัว’</a></p> </div> <div class="pdpa__btn-group"> <div class="pdpa__btn pdpa__btn--confirm" id="confirm-pdpa">ตกลง</div> </div> </div> </div> </div> <div class="loader-tra-full hide" id="loading-page"> <div class="loader-tra" id="loading"></div> </div> <script> $(function(){ // $("#page").addClass("hide"); // $("#loading-page").removeClass("hide"); // $("#loading").addClass("active"); var uriSeg1 = 'journal'; // console.log(uriSeg1) let header = $(".js-header-scroll"); (header_top = $(".js-header-scroll-top")), (header_top_logo = $(".js-header-scroll-top-logo")), (logo_full = $(".header__logo--full")), (logo_small = $(".header__logo--small")), (header_bottom = $(".js-header-scroll-bottom")), (scroll = $(window).scrollTop()); if(uriSeg1 !== ''){ header.addClass("header--scroll"); header_top.addClass("header__top--scroll"); header_top_logo.addClass("header__top-logo--scroll"); logo_full.addClass("hide"); logo_small.removeClass("hide"); header_bottom.addClass("header__bottom--scroll"); } $(window).on("load scroll", function (e) { let header = $(".js-header-scroll"); (header_top = $(".js-header-scroll-top")), (header_top_logo = $(".js-header-scroll-top-logo")), (logo_full = $(".header__logo--full")), (logo_small = $(".header__logo--small")), (header_bottom = $(".js-header-scroll-bottom")), (scroll = $(window).scrollTop()); if (scroll >= 10) { header.addClass("header--scroll"); header_top.addClass("header__top--scroll"); header_top_logo.addClass("header__top-logo--scroll"); logo_full.addClass("hide"); logo_small.removeClass("hide"); header_bottom.addClass("header__bottom--scroll"); } else { if(uriSeg1 === ''){ header.removeClass("header--scroll"); header_top.removeClass("header__top--scroll"); header_top_logo.removeClass("header__top-logo--scroll"); logo_full.removeClass("hide"); logo_small.addClass("hide"); header_bottom.removeClass("header__bottom--scroll"); } } }); var clipboard = new ClipboardJS("#copy"); AOS.init({ once: true, // startEvent: "load", }); }) </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXB4BZ5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body> <script src="https://tra.or.th/public/assets/js/script.js?v1744333571"></script>  </html>

CINXE.COM

สมาคมเครื่องทำความเย็นไทย - Journal