Home - Oil and gas Thailand expo, oil and gas exhibition asia, oil and gas exhibition asean, oil and gas technology and equipment expo, petrochemical expo Thailand, oleochemical expo Thailand, petrochemical equipment and technology expo, oil and gas safety expo Thailand, oil and gas safety conference, process safety conference, oil rigs exhibition thailand

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Home - Oil and gas Thailand expo, oil and gas exhibition asia, oil and gas exhibition asean, oil and gas technology and equipment expo, petrochemical expo Thailand, oleochemical expo Thailand, petrochemical equipment and technology expo, oil and gas safety expo Thailand, oil and gas safety conference, process safety conference, oil rigs exhibition thailand</title>  <link href="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/magnific-popup.css"> <link href="css/style.css?1732346660" rel="stylesheet"> <link href="css/responsive.css?1732346660" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css">  <link rel="icon" href="http://fireworksbi.com/img/file/k5UYz0=UWTNNVFTVRVMU1l5TVRFe.png" type="image/x-icon"> </head> <style type="text/css"> ul.li{ margin-left: 1.5em; list-style: none; } ul.li li{ padding-bottom: 10px; } ul.li li:before { content: '\f054'; /* fa-star */ font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: #f58525; } .shadow{ border-radius: 5px; border: 1px solid #add4ed; } .main-header.style-three .search-box .qoute-link { font-size: 14px !important; } .main-header .nav-outer .dropdown-outer { margin-left: 15px !important; } .main-header.style-three .nav-outer { padding-left: 25px !important; } #minimal-bootstrap-carousel .carousel-caption { background: #000000a3; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .services-item { position: relative; text-align: center; padding: 0px 30px 0px 30px; } .services-item .services-icon { background-color: #FFFFFF; text-align: center; line-height: 160px !important; min-width: 160px; height: 160px; border-radius: 50% 50% 50% 50% !important; display: inline-block; transition: all ease .3s; font-size: 50px; } .services-item .services-icon img { width: 100px; height: 100px; max-width: unset; } .services-item .content-text .title { font-size: 22px; line-height: 32px; font-weight: 700; color: #ffffff; font-family: "Roboto", Sans-serif; margin: 20px 0 12px; } .errorfill{ border-color: red; } </style> <body> <div class="page-wrapper">  <header class="main-header style-three"> <div class="header-top"> <div class="auto-container clearfix"> <div class="pull-right select_state"> <a style="background: red;color: #fff;float: right;margin: 10px; padding: 10px 20px;" href="https://oilgasthai.com/called-fraud-notice.html" class="theme-btn btn-style-one" data-animation="animated fadeInUp">Fraud Notice</a> </div> </div> </div> <div class="header-upper"> <div class="auto-container"> <div class="clearfix"> <div class="pull-left logo-outer"> <div class="logo"><a href="https://oilgasthai.com/"><img src="https://ik.imagekit.io/edrrutawqt/OGET-JPEG-logo%20Event%202025-07-min.png" style="height: 100px;" alt="logo" title=""></a></div> </div> <div class="pull-right upper-right clearfix hidden-xs" style="top: 20px !important;"> <div class="upper-column info-box"> <div class="icon-box"><span class="machinery-icon-clock"></span></div> <ul> <li><strong>Date</strong></li> <li>12-14 November 2025</li> </ul> </div> <div class="upper-column info-box"> <div class="icon-box"><span class="machinery-icon-telephone"></span></div> <ul> <li><strong>Call Now</strong></li> <li>(+66) 2 513 1418</li> </ul> </div> <div class="upper-column info-box"> <div class="icon-box"><span class="machinery-icon-mails"></span></div> <ul> <li><strong>Mail us at</strong></li> <li>info@fireworksthai.com</li> </ul> </div> </div> </div> </div> </div> <div class="header-lower"> <div class="auto-container"> <div class="nav-outer clearfix"> <nav class="main-menu"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li><a href="https://oilgasthai.com/">Home</a></li> <li class="dropdown"><a href="#">Information</a> <ul> <li><a href="https://oilgasthai.com/general-information.html">General Information</a></li> <li><a href="https://oilgasthai.com/industry-facts.html">Industry Facts</a></li> <li><a href="https://oilgasthai.com/venue-information.html">Venue Information</a></li> <li><a href="https://oilgasthai.com/media-partner.html">Media Partner</a></li> </ul> </li> <li class="dropdown"><a href="#">To Exhibit</a> <ul> <li><a href="https://oilgasthai.com/book-a-stand.html">Book A Stand</a></li> <li><a href="https://oilgasthai.com/who-should-exhibit.html">Who Should Exhibit</a></li> <li><a href="https://oilgasthai.com/official-contractor.html">Official Contractor</a></li>  <li><a href="https://oilgasthai.com/official-freight-forwarder.html">Official Freight Forwarder</a></li> <li><a href="https://oilgasthai.com/sponsorship.html">Sponsorship</a></li> </ul> </li> <li class="dropdown"><a href="#">To Visit</a> <ul>  <li><a href="https://oilgasthai.com/who-should-visit.html">Who Should Visit</a></li> <li><a href="https://oilgasthai.com/visitor-faqs.html">Visitor FAQS</a></li> <li><a href="https://oilgasthai.com/official-hotel.html">Official Hotel</a></li> <li><a href="https://oilgasthai.com/transportation.html">Transportation</a></li> </ul> </li> <li><a href="https://oilgasthai.com/Conference.html">Conference</a></li> <li><a href="https://oilgasthai.com/seminar.html">Seminar</a></li>  <li><a href="https://oilgasthai.com/contact-us.html">Contact Us</a></li> </ul> </div> </nav> <div class="search-box"> <div class="dropdown dropdown-outer">  <a href="https://oilgasthai.com/book-a-stand.html" target="_blank" class="qoute-link"><i class="machinery-icon-next"></i>Book A Stand</a> </div> </div> </div> </div> </div> <div class="sticky-header"> <div class="auto-container clearfix"> <div class="logo pull-left"> <a href="https://oilgasthai.com/" class="img-responsive"><img src="https://fireworksbi.com/img/file/16986529495acdf8.png?w=200" style="height: 54px;margin-top: 1px;" alt="logo" title=""></a> </div> <div class="right-col pull-right"> <nav class="main-menu"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li><a href="https://oilgasthai.com/">Home</a></li> <li class="dropdown"><a href="#">Information</a> <ul> <li><a href="https://oilgasthai.com/general-information.html">General Information</a></li> <li><a href="https://oilgasthai.com/industry-facts.html">Industry Facts</a></li> <li><a href="https://oilgasthai.com/venue-information.html">Venue Information</a></li> <li><a href="https://oilgasthai.com/media-partner.html">Media Partner</a></li> </ul> </li> <li class="dropdown"><a href="#">To Exhibit</a> <ul> <li><a href="https://oilgasthai.com/book-a-stand.html">Book A Stand</a></li> <li><a href="https://oilgasthai.com/who-should-exhibit.html">Who Should Exhibit</a></li> <li><a href="https://oilgasthai.com/official-contractor.html">Official Contractor</a></li>  <li><a href="https://oilgasthai.com/official-freight-forwarder.html">Official Freight Forwarder</a></li> <li><a href="https://oilgasthai.com/sponsorship.html">Sponsorship</a></li> </ul> </li> <li class="dropdown"><a href="#">To Visit</a> <ul>  <li><a href="https://oilgasthai.com/who-should-visit.html">Who Should Visit</a></li> <li><a href="https://oilgasthai.com/visitor-faqs.html">Visitor FAQS</a></li> <li><a href="https://oilgasthai.com/official-hotel.html">Official Hotel</a></li> <li><a href="https://oilgasthai.com/transportation.html">Transportation</a></li> </ul> </li> <li><a href="https://oilgasthai.com/Conference.html">Conference</a></li> <li><a href="https://oilgasthai.com/seminar.html">Seminar</a></li>  <li><a href="https://oilgasthai.com/contact-us.html">Contact Us</a></li> </ul> </div> </nav> </div> </div> </div> </header> <div id="minimal-bootstrap-carousel" class="carousel slide carousel-fade slider-home-two" data-ride="carousel">  <div class="carousel-inner" role="listbox"> <div class="item active slide-1" style="background-image: url(https://fireworksvirtual.com/img/file/17254237506091ec.png);background-position: center center;"> <div class="carousel-caption"> <div class="container"> <div class="box valign-middle"> <div class="content"> <div class="main-banner-content-two"> <h1 data-animation="animated fadeInDown">Oil & Gas Thailand 2025</h1> <h3 class="title" data-animation="animated fadeInUp">Thailand's Most Successful Process Automation Oil & Gas And Petrochemical Exhibition </h3> <p class="text" data-animation="animated fadeInDown">12-14 November 2025 <br>BITEC, Bangkok, Thailand</p> </div> </div> </div> </div> </div> </div> <div class="item slide-2" style="background-image: url(https://fireworksvirtual.com/img/file/1725423756c89c35.png);background-position: center center;"> <div class="carousel-caption"> <div class="container"> <div class="box valign-middle"> <div class="content text-center"> <div class="main-banner-content-two"> <h1 data-animation="animated fadeInDown">Oil & Gas Thailand 2025</h1> <h3 class="title" data-animation="animated fadeInUp">Thailand's Most Successful Process Automation Oil & Gas And Petrochemical Exhibition </h3> <p class="text" data-animation="animated fadeInDown">12-14 November 2025 <br>BITEC, Bangkok, Thailand</p> </div> </div> </div> </div> </div> </div> </div> <a class="left carousel-control" href="#minimal-bootstrap-carousel" role="button" data-slide="prev"> <i class="fa fa-angle-left"></i> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#minimal-bootstrap-carousel" role="button" data-slide="next"> <i class="fa fa-angle-right"></i> <span class="sr-only">Next</span> </a> <ul class="carousel-indicators list-inline custom-navigation"> <li data-target="#minimal-bootstrap-carousel" data-slide-to="0" class="active"></li> <li data-target="#minimal-bootstrap-carousel" data-slide-to="1"></li> </ul> </div> <section class="about-style-one"> <div class="auto-container"> <div class="row"> <div class="col-md-12" style="display: none;"> <div style="border-radius: 5px; box-shadow: 0px 0px 2px #474747; background: #fafce1; padding: 20px; width: 100%; margin: 0 auto; margin-bottom: 50px;"> <h2 style="color: #e7674a;">Latest News:</h2> <ul class="li"> <li> <strong>1 June 2022,</strong> No quarantine needed to Thailand further eased nationwide COVID-19 controls from 1 June 2022<br /> <a style="text-decoration: underline; color: #e7674a;" href="https://www.businesseventsthailand.com/en/press-media/news-press-release/detail/1462" target="_blank" rel="noopener"> Read more... </a> </li> <li> <strong>20 Jan 2022,</strong> Quarantine Free Travel Resumes In Thailand. <br /> <a style="text-decoration: underline; color: #e7674a;" href="https://www.channelnewsasia.com/asia/thailand-resume-test-and-go-quarantine-waiver-vaccinated-travellers-february-covid-19-2447541?cid=internal_sharetool_androidphone_20012022_cna" target="_blank" > Read more... </a> </li> </ul> </div> </div> <div class="col-md-12"> <center> <strong> <h3>14<sup>th</sup> Edition of Oil & Gas Thailand (OGET) 2025</h3> </strong> </center> <div style="clear: both; height: 30px;"></div> <div class="col-md-12"> <div class="content-box"> <p> The only specialized process automation oil & gas and petrochemical events in Thailand that brings together an international congregation of both upstream and downstream oil and gas and petrochemical companies and also its supporting industries gathered in the capital city of Bangkok, Thailand to showcase the latest technology and developments in the oil and gas and petrochemical industry. </p> </div> </div> <div class="col-md-9"> <h4>Highlight 14<sup>th</sup> Edition of Oil & Gas Thailand (OGET) 2025</h4> <ul class="li"> <li>A specialized exhibition covering 6,000 sqm of space by quality exhibitors.</li> <li>Showcasing the latest innovations and solutions from Oil & Gas and Petrochemical companies.</li> <li>Meet the buyers directly at their door step.</li> <li>Energy Forum 2025</li> <li>Energy Tech Talk 2025</li> </ul>   <a style="background: #9ce513;" href="https://www.thai-marine.com/download/Invitation%20TMOX%20&%20OGET%202024.pdf?1732346660" class="theme-btn btn-style-one" data-animation="animated fadeInUp">Download Invitation</a> </div>  <div style="clear: both; height: 50px; clear: ;"></div> <div class="col-md-6" style="float: none; margin: 0 auto; margin-bottom: 30px;"> <div style="text-align: center;"> <h4 style="font-size: 22px; text-shadow: 6px 4px 3px rgba(0,0,0,0.21); margin-bottom: 30px;">Oil & Gas Thailand (OGET) Video Highlight</h4> <iframe style="width: 100%; height: 315px;" src="https://www.youtube.com/embed/playlist?list=PLwNTX9VuLAeDizbWOSpjRTQflHnPSifoB" frameborder="0" allowfullscreen></iframe> </div> </div>  </div>  </div> </div> </section>  <section class="fun-fact-style-one" style="background-image: url(https://ik.imagekit.io/x09prsnsb/UTBNdz09WTNNVGM0TVRVMU1UT1RFMk1E_ZvPXwixBd.jpg);"> <div class="auto-container"> <div class="row"> <div style="clear: both;"></div> <div class="col-md-12"> <div class="row"> <div class="col-md-4" style="margin-bottom: 30px;"> <center> <h4 style="color: white; margin-bottom: 30px;">Brought To You By</h4> </center> <div style="clear: both;"></div> <div class="col-lg-12 col-md-12 text-center" style="color: #fff;"> <div class="shadow" style="padding: 30px 18px; background: #fff; height: 150px; display: flex; justify-content: center; align-items: center;"> <a href="http://www.asiafireworks.com/" target="_blank"> <img style="max-width: 100%; max-height: 75px;" src="https://ik.imagekit.io/x09prsnsb/10_GtBGdLhNa5.png" alt="Fireworks Media (Thailand) Co., Ltd. Part Of The Fireworks Trade Media Group"> </a> </div> <div style="padding-top: 10px; font-size: 12px; line-height: 20px;">Fireworks Media (Thailand) Co., Ltd. <br>Part Of The Fireworks Trade Media Group</div> </div> </div> <div class="col-md-4" style="margin-bottom: 30px;"> <center> <h4 style="color: white; margin-bottom: 30px;">Conference By</h4> </center> <div class="col-lg-12 col-md-12 text-center" style="color: #fff;"> <div class="shadow" style="padding: 30px 18px; background: #fff; height: 150px; display: flex; justify-content: center; align-items: center;"> <a href="http://juz-talk.com/" target="_blank"> <img style="max-width:100%; max-height:80px;" src="https://ik.imagekit.io/x09prsnsb/11_JqBKvLSJb.png" alt="JuzTalk (Thailand)"> </a> </div> <div style="padding-top: 10px; font-size: 12px; line-height: 20px;">JuzTalk (Thailand)</div> </div> </div> <div class="col-md-4 col-xs-12" style="margin-bottom: 30px;"> <center> <h4 style="color: white; margin-bottom: 30px;">Official Media</h4> </center> <div class="col-lg-12 col-md-12 text-center" style="color: #fff;"> <div class="shadow" style="padding: 30px 18px; background: #fff; height: 150px; display: flex; justify-content: center; align-items: center;"> <a href="http://thaioilgas.com/" target="_blank"> <img style="max-width:90%; max-height:80px;" src="https://ik.imagekit.io/x09prsnsb/12_wNCFLnZWC.png" alt="Oil & Gas Today Magazine"> </a> </div> <div style="padding-top: 10px; font-size: 12px; line-height: 20px;">Oil & Gas Today Magazine</div> </div> </div> </div> </div> <div class="col-md-10" style="float: none; margin: 0 auto;"> <div class="row"> <div class="col-md-4 text-center" style="color: #fff; margin-bottom: 30px;"> <center> <h4 style="color: white; margin-bottom: 30px;">Co-Located With</h4> </center> <div class="shadow" style="padding: 30px 18px; background: #fff; height: 150px; display: flex; justify-content: center; align-items: center;"> <a href="http://thai-marine.com/" target="_blank"> <img style="max-width:100%; max-height:90px;" src="https://ik.imagekit.io/edrrutawqt/TMOX-JPEG-logo%20Event%202025-08-min.png" alt="Thailand Marine Offshore Expo (TMOX)"> </a> </div> <div style="padding-top: 10px; font-size: 12px; line-height: 20px;">Thailand Marine Offshore Expo (TMOX)</div> </div> <div class="col-md-4 text-center" style="color: #fff; margin-bottom: 30px;"> <center> <h4 style="color: white; margin-bottom: 30px;">Incorporating With</h4> </center> <div class="shadow" style="padding: 30px 18px; background: #fff; height: 150px; display: flex; justify-content: center; align-items: center;"> <img style="max-width:100%; max-height:90px;" src="https://ik.imagekit.io/x09prsnsb/14_Jy3YGTz90.png" alt="ASEAN Oil & Gas Conference 2024"> </div> <div style="padding-top: 10px; font-size: 12px; line-height: 20px;">ASEAN Oil & Gas Conference 2024</div> </div> <div class="col-md-4 text-center" style="color: #fff; margin-bottom: 30px;"> <center> <h4 style="color: white; margin-bottom: 30px;">Inconjuction With</h4> </center> <div class="col-lg-12 col-md-12 text-center" style="color: #fff;"> <div class="shadow" style="padding: 30px 18px; background: #fff; height: 150px; display: flex; justify-content: center; align-items: center;"> <img style="max-width:90%; max-height:80px;" src="https://ik.imagekit.io/x09prsnsb/15_Z3J98qLJJ.png"> </div> <div style="padding-top: 10px; font-size: 12px; line-height: 20px;">Proccess Automation</div> </div> </div> </div> </div> </div> </div> </section> <section class="more-service-link-box text-center"> <div class="auto-container"> <h3> Thailand's Most Successful Oil & Gas And Petrochemical Exhibition <a href="https://oilgasthai.com//book-a-stand.html"><i class="machinery-icon-next"></i> Book A Stand</a></h3> </div> </section> <footer class="main-footer padding-top"> <div class="auto-container"> <div class="widgets-section"> <div class="row clearfix"> <div class="footer-column col-md-6 col-sm-6 col-xs-12"> <div class="col-md-12"> <div class="logo"> <img src="http://fireworksbi.com/img/file/U9URXo=UZzBNakTVRVeU513TURre.png" alt="logo" style="max-width: 100%; max-height: 125px;"> </div> </div> <div style="clear: both;"></div> <div class="footer-widget subscribe-widget"> <div class="widget-content"> <div class="text"> <p> Fireworks Exhibitions and Conferences which have organized successful international Oil & Gas events such as Oil & Gas Brunei (OGAB), Oil & Gas Thailand (OGET) and Oil and Gas Vietnam (OGAV) is the organizer of this premier Oil and Gas event. </p> </div> </div> </div> </div>  <div class="footer-column col-md-6 col-sm-6 col-xs-12"> <div class="footer-widget links-widget"> <div class="widget-title"><h2>Useful Links</h2></div> <div class="widget-content"> <ul class="list clearfix"> <li><a href="https://oilgasthai.com/general-information.html">General Information</a></li> <li><a href="https://oilgasthai.com/venue-information.html">Venue Information</a></li> <li><a href="https://oilgasthai.com/media-partner.html">Media Partner</a></li> <li><a href="https://oilgasthai.com/book-a-stand.html">Book A Stand</a></li> <li><a href="https://oilgasthai.com/official-contractor.html">Official Contractor</a></li> <li><a href="https://oilgasthai.com/official-electricity.html">Official Electricity</a></li> <li><a href="https://oilgasthai.com/official-freight-forwarder.html">Official Freight Forwarder</a></li>  <li><a href="https://oilgasthai.com/visitor-faqs.html">Visitor FAQS</a></li> <li><a href="https://oilgasthai.com/official-hotel.html">Official Hotel</a></li> <li><a href="https://oilgasthai.com/transportation.html">Transportation</a></li> <li><a href="https://oilgasthai.com/contact-us.html">Contact Us</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="auto-container clearfix"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="copyright-text" style="text-align: center;">© Copyright 2025</div> </div> </div> </div> </div> </footer> </div> <div class="search_area zoom-anim-dialog mfp-hide" id="test-search"> <div class="search_box_inner"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button> </span> </div> </div> </div> <div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-arrow-up"></span></div> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/jquery.fancybox.js"></script> <script src="js/owl.js"></script> <script src="js/appear.js"></script> <script src="js/wow.js"></script> <script src="js/bootstrap-select.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/script.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.all.min.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153385052-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-153385052-5'); </script> <script type="text/javascript"> // Mendefinisikan fungsi pengganti alert function customAlert(message) { let alertOptions = { title: 'Success', html: message, icon: 'success', confirmButtonText: 'OK' }; // Menambahkan logika untuk memeriksa isi pesan secara dinamis let lowercaseMessage = message.toLowerCase(); if (lowercaseMessage.includes('error')) { alertOptions.title = 'Error'; alertOptions.icon = 'error'; } else if (lowercaseMessage.includes('warning')) { alertOptions.title = 'Warning'; alertOptions.icon = 'warning'; } Swal.fire(alertOptions); } // Menggantikan fungsi alert bawaan dengan customAlert window.alert = customAlert; $(function() { $('.nav a, .request_btn').click(function() { var target = $(this).attr('href'); target = target.split('#'); target = target[1]; if (window.location != 'http://www.oilgasthai.com/') { top.location = 'http://www.oilgasthai.com/#' + target; } if (target) { $('html,body').animate({ scrollTop: $('#' + target).offset().top - 70 }, 1000); } }); $('.econtent').val($('.formm').html()); $('input').change(function() { $(this).attr('value', $(this).val()); $('.econtent').val($('.formm').html()); }); $('textarea').change(function() { $(this).html($(this).val()); $('.econtent').val($('.formm').html()); }); $('input[type="checkbox"]').change(function() { if ($(this).is(':checked')) { $(this).attr('checked', 'checked'); } else { $(this).removeAttr('checked'); } $('.econtent').val($('.formm').html()); $(this).parent().find('input[type="radio"]').attr('name', $(this).parent().text()); }); $('#submit').click(function() { var obj = $(this); $('.formm input').css('border-color', '#ddd #f1f1f1 #f1f1f1 #ddd'); $('.formm input[type="text"]').each(function() { // Menghapus spasi dari awal dan akhir nilai input var trimmedValue = $(this).val().trim(); if (!trimmedValue) { $(this).css('border-color', '#ea6666'); $(this).addClass('errorfill'); } else { $(this).removeClass('errorfill'); } }); if (!$(":input").hasClass("errorfill")) { $('.msg').remove(); obj.attr('disabled', 'disabled').after('<div class="msg" style="width: 100px;margin-top: 10px;background: #f7ff97;clear: both;text-align: center;padding: 2px 3px;border-radius: 5px;border: 1px solid #b5b5b5;color: #000;">sending...</div>'); var contentFull = $('.econtent').val(); $.ajax({ type: 'POST', url: 'action.php', data: { 'ref': 'book-stand', 'content': contentFull, 'param[name]': $('#name').val(), 'param[company]': $('#company').val(), 'param[phone]': $('#phone').val(), 'param[email]': $('#email').val(), }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('error'); }, success: function(result) { alert('Your Data Has Been Successfully Submitted'); obj.removeAttr('disabled'); $('.msg').remove(); // Mengosongkan semua input $('input').val(''); // Meng-unselect semua checkbox $('input[type="checkbox"]').prop('checked', false); // Meng-unselect semua radio button $('input[type="radio"]').prop('checked', false); } }); } }); }); $(document).ready(function() { $('.econtent-conference-registration').val($('.formm-conference').html()); $('input, textarea, select').change(function() { if ($(this).is('input')) { $(this).attr('value', $(this).val()); } else if ($(this).is('textarea')) { $(this).html($(this).val()); } else if ($(this).is('select')) { $(this).find('option').each(function() { if ($(this).is(':selected')) { $(this).attr('selected', 'selected'); } else { $(this).removeAttr('selected'); } }); } $('.econtent-conference-registration').val($('.formm-conference').html()); }); $('input[type="radio"]').change(function() { // Setel properti checked pada radio button terkait berdasarkan apakah itu yang dipilih $('input[type="radio"][name="' + $(this).attr('name') + '"]').removeAttr('checked'); $(this).prop('checked', true).attr('checked', 'checked'); $('.econtent').val($('.formm').html()); }); $('#conference-registration').click(function() { var obj = $(this); $('.formm-conference input').css('border-color', '#ddd #f1f1f1 #f1f1f1 #ddd'); $('.formm-conference input[type="text"]').each(function() { var trimmedValue = $(this).val().trim(); if (!trimmedValue) { $(this).css('border-color', '#ea6666'); $(this).addClass('errorfill'); } else { $(this).removeClass('errorfill'); } }); if (!$(":input").hasClass("errorfill")) { $('.msg').remove(); obj.attr('disabled', 'disabled').after('<div class="msg" style="width: 100px; margin-top: 10px; background: #f7ff97; clear: both; text-align: center; padding: 2px 3px; border-radius: 5px; border: 1px solid #b5b5b5; color: #000;">sending...</div>'); var contentFull = $('.econtent-conference-registration').val(); var data = { 'ref': 'conference-registration-form', 'content': contentFull, 'param[name]': $('#name').val(), 'param[salutation]': $('#salutation').val(), 'param[organization]': $('#organization').val(), 'param[designation]': $('#designation').val(), 'param[address]': $('#address').val(), 'param[country]': $('#country').val(), 'param[nationality]': $('#nationality').val(), 'param[telephone]': $('#telephone').val(), 'param[email]': $('#email').val(), 'param[remarks]': $('#remarks').val(), 'param[normal-rate]': $('[name="normal-rate"]:checked').val(), }; /*alert(JSON.stringify(data)); throw'stop';*/ $.ajax({ url: 'action.php', type: 'POST', data: data, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('error'); obj.removeAttr('disabled'); $('.msg').remove(); }, success: function(result) { alert('Your Data Has Been Successfully Submitted'); obj.removeAttr('disabled'); $('.msg').remove(); // Mengosongkan semua input $('input').val(''); // Meng-unselect semua radio button $('input[type="radio"]').prop('checked', false); // Mengosongkan textarea $('textarea').val(''); } }); } }); }); jQuery(function($) { function blink(selector) { $(selector).delay(1000).fadeOut(300, function() { $(this).fadeIn(50, function() { blink(this); }); }); } $('.seeprof').click(function() { // Temukan elemen parent terdekat yang cocok dengan salah satu dari selector yang diberikan $(this).closest('.col-md-6, .col-md-4, .col-md-3').find('.profile').toggle(300); }); blink('.Sponsorship'); $('.silver-sponsor').owlCarousel({ loop: true, margin: 10, responsiveClass: true, autoplay: true, autoplayTimeout: 1000, /*autoplayHoverPause:true,*/ responsive: { 0: { items: 1, }, 600: { items: 3, }, 1000: { items: 4, } } }); }); </script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> <style type="text/css"> .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } .slick-dots li { margin: 0 0.25rem; } .slick-dots button { display: none; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #696969; text-indent: -9999px; } .slick-dots li.slick-active button { background-color: #7bbb4b; } .slick-prev { display: none !important; } .slick-next { display: none !important; } </style> <script type="text/javascript"> $(".slick").slick({ dots: false, infinite: true, speed: 300, autoplay: true, autoplaySpeed: 2000, slidesToShow: 4, slidesToScroll: 1, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: false, }, }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, }, }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, }, }, ], }); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"> <style type="text/css"> .white-popup { position: relative; padding: 20px; width: auto; max-width: 600px; margin: 20px auto; } .mfp-close-btn-in .mfp-close { color: #fff; } .swal2-popup {width: 55em !important;} </style> <script type="text/javascript"> $(document).ready(function() { $('.slick img, .pop').parent().magnificPopup({ type: 'image', gallery:{ enabled:true } }); $('a').on('click', function(e) { var imageUrl = $(this).attr('href'); if (imageUrl.match(/\.(jpeg|jpg|gif|png)$/) != null) { e.preventDefault(); Swal.fire({ html: `<img src="${imageUrl}" alt="Image" style="max-width: 100%;">`, confirmButtonText: 'close' }); } }); }); </script> <script type="text/javascript"> $(document).ready(function() { /*Swal.fire({ html: ` <div style="position:relative;"> <img style="width:100%;" src="https://fireworksvirtual.com/img/file/1723119754ac0aa7.jpg"> <a href="https://www.oilgasthai.com/Conference.html" target="_blank"><div style="position:absolute;top: 85%;left: 3%;width: 31%;height: 10%;"></div></a> <a href="https://mobile.eventpassinsight.co/registration/create/tmo24/" target="_blank"><div style="position:absolute;top: 85%;left: 35%;width: 30%;height: 10%;"></div></a> <a href="https://www.oilgasthai.com/book-a-stand.html" target="_blank"><div style="position:absolute;top: 84%;left: 67%;width: 29%;height: 10%;"></div></a> </div> `, confirmButtonText: 'Close' });*/ }); </script> </body> </html>

CINXE.COM