ศูนย์อุตุนิยมวิทยาภาคตะวันออกเฉียงเหนือตอนล่าง
http://localhost/
2025-10-30T13:32:30+00:00
Joomla! - Open Source Content Management
main_page (2)
2024-08-19T07:33:25+00:00
2024-08-19T07:33:25+00:00
http://localhost/?view=article&id=71:main-page-2&catid=2
ubonmet
<div class="feed-description"><div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> ข่าวพยากรณ์อากาศ</h3>
</div>
</div>
<div class="moduletable">
<div class="custom" style="background-color: #076004; color: white;"><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/7day.jpg" data-lightbox="PR"> <img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/7day.jpg" width="50%" height="100%"></a><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailynew.jpg" data-lightbox="PR"><img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailynew.jpg" width="50%" height="100%"></a></div>
</div>
<div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> รายงานอุณหภูมิ-ฝน ประจำวัน</h3>
</div>
</div>
<div class="moduletable">
<div class="custom" style="background-color: #076004; color: white;"><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport1.jpg" data-lightbox="PR"> <img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport1.jpg" width="33.33%" height="100%"></a><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport2.jpg" data-lightbox="PR"><img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport2.jpg" width="33.33%" height="100%"></a><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport3.jpg" data-lightbox="PR"><img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport3.jpg" width="33.33%"></a></div>
</div>
<div>
<div class="moduletable">
<div class="custom" style="background-color: #076004; color: white; display: inline; float: left; width: 30.8%;">
<div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> ข่าวพยากรณ์อากาศการบิน</h3>
</div>
</div>
<a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/taf.jpg" data-lightbox="PR"> <img id="imageid" src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/taf.jpg" width="100%"></a></div>
<div class="custom" style="background-color: #076004; color: white; display: inline; float: right; width: 69.2%;">
<div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> ผลการตรวจกลุ่มฝนด้วยเรดาร์และดาวเทียม</h3>
</div>
<div style="position: relative; float: left; display: inline; width: 50%;"><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/radar.jpg" data-lightbox="PR"><img style="width: 100%;" src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/radar.jpg"></a></div>
<div style="position: relative; display: inline; float: left; width: 50%;"><iframe width="300" height="150" style="border-style: none; width: 100%; height: 297px;" id="displayframe" src="https://satda.tmd.go.th/" frameborder="0" scrolling="no" data-ruffle-polyfilled=""></iframe></div>
<!-- https://ubonmet.tmd.go.th/files/tv/satana.html -->
</div>
</div>
</div>
</div>
<p> </p>
<p>
<script>
window.addEventListener("resize", resizeIframe);
window.addEventListener("load", resizeIframe);
function resizeIframe() {
var img = document.getElementById('imageid');
var obj = document.getElementById('displayframe');
var width = img.clientWidth;
var height = img.clientHeight;
//alert(height);
obj.style.height = height+ 'px';
//alert(obj.style.height);
}
</script>
<script>
window.addEventListener("load", function () {
// ค้นหา div ที่มี id="component-left"
const componentLeft = document.getElementById("component-left");
if (componentLeft) {
// ค้นหาเฉพาะภาพภายใน div ที่เลือก
const images = componentLeft.querySelectorAll("img");
images.forEach((image) => {
// เก็บ src เดิมของ img
const originalSrc = image.getAttribute("src");
// ตรวจสอบว่ามี src หรือไม่
if (originalSrc) {
// สร้าง URL ใหม่ที่มี timestamp ต่อท้าย
const timestamp = new Date().getTime();
const newSrc = originalSrc.includes("?")
? `${originalSrc}&t=${timestamp}`
: `${originalSrc}?t=${timestamp}`;
// ตั้งค่า src ใหม่ให้กับ img
image.setAttribute("src", newSrc);
}
});
}
});
</script>
</p></div>
<div class="feed-description"><div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> ข่าวพยากรณ์อากาศ</h3>
</div>
</div>
<div class="moduletable">
<div class="custom" style="background-color: #076004; color: white;"><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/7day.jpg" data-lightbox="PR"> <img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/7day.jpg" width="50%" height="100%"></a><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailynew.jpg" data-lightbox="PR"><img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailynew.jpg" width="50%" height="100%"></a></div>
</div>
<div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> รายงานอุณหภูมิ-ฝน ประจำวัน</h3>
</div>
</div>
<div class="moduletable">
<div class="custom" style="background-color: #076004; color: white;"><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport1.jpg" data-lightbox="PR"> <img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport1.jpg" width="33.33%" height="100%"></a><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport2.jpg" data-lightbox="PR"><img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport2.jpg" width="33.33%" height="100%"></a><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport3.jpg" data-lightbox="PR"><img src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/dailyreport3.jpg" width="33.33%"></a></div>
</div>
<div>
<div class="moduletable">
<div class="custom" style="background-color: #076004; color: white; display: inline; float: left; width: 30.8%;">
<div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> ข่าวพยากรณ์อากาศการบิน</h3>
</div>
</div>
<a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/taf.jpg" data-lightbox="PR"> <img id="imageid" src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/taf.jpg" width="100%"></a></div>
<div class="custom" style="background-color: #076004; color: white; display: inline; float: right; width: 69.2%;">
<div class="moduletable">
<div class="custom" style="background-color: #008000; float: left; position: absolute;">
<h3 style="color: #008000; margin-top: 6px; margin-left: 8px; margin-bottom: 8px;"> </h3>
</div>
<div class="custom" style="background-color: #076004; float: right; width: 100%;">
<h3 style="color: white; margin-top: 6px; margin-left: 14px; margin-bottom: 8px;"> ผลการตรวจกลุ่มฝนด้วยเรดาร์และดาวเทียม</h3>
</div>
<div style="position: relative; float: left; display: inline; width: 50%;"><a href="https://ubonmet.tmd.go.th/files/uppicNE/uploads/radar.jpg" data-lightbox="PR"><img style="width: 100%;" src="https://ubonmet.tmd.go.th/files/uppicNE/uploads/radar.jpg"></a></div>
<div style="position: relative; display: inline; float: left; width: 50%;"><iframe width="300" height="150" style="border-style: none; width: 100%; height: 297px;" id="displayframe" src="https://satda.tmd.go.th/" frameborder="0" scrolling="no" data-ruffle-polyfilled=""></iframe></div>
<!-- https://ubonmet.tmd.go.th/files/tv/satana.html -->
</div>
</div>
</div>
</div>
<p> </p>
<p>
<script>
window.addEventListener("resize", resizeIframe);
window.addEventListener("load", resizeIframe);
function resizeIframe() {
var img = document.getElementById('imageid');
var obj = document.getElementById('displayframe');
var width = img.clientWidth;
var height = img.clientHeight;
//alert(height);
obj.style.height = height+ 'px';
//alert(obj.style.height);
}
</script>
<script>
window.addEventListener("load", function () {
// ค้นหา div ที่มี id="component-left"
const componentLeft = document.getElementById("component-left");
if (componentLeft) {
// ค้นหาเฉพาะภาพภายใน div ที่เลือก
const images = componentLeft.querySelectorAll("img");
images.forEach((image) => {
// เก็บ src เดิมของ img
const originalSrc = image.getAttribute("src");
// ตรวจสอบว่ามี src หรือไม่
if (originalSrc) {
// สร้าง URL ใหม่ที่มี timestamp ต่อท้าย
const timestamp = new Date().getTime();
const newSrc = originalSrc.includes("?")
? `${originalSrc}&t=${timestamp}`
: `${originalSrc}?t=${timestamp}`;
// ตั้งค่า src ใหม่ให้กับ img
image.setAttribute("src", newSrc);
}
});
}
});
</script>
</p></div>