| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/eba/view/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>媒體報導</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body>
<!-- header -->
<?php include 'inc/navbar.php';?>
<!-- end of header-->
<!-- breadcrumb -->
<div class="breadcrumb" style="background-color:#e20076; background-image:url(/eba/assets/images/countbg.png);">
<div class="breadcrumbWrapper">
<div class="container">
<div class="breadcrumbLink">
<a href="index.php" class="text-white bigfont"> 首頁</a>
</div>
<p class="breadcrumbTitle text-center m-3 h3">媒體報導</p>
</div>
</div>
</div>
<section class="contentWrap">
<div class="contentContainer">
<ul class="nav tabNav">
<li class="nav-item">
<a class="nav-link active tabNavItem" aria-current="page" href="#" data-year="2025">2025</a>
</li>
<li class="nav-item">
<a class="nav-link tabNavItem" href="#" data-year="2024">2024</a>
</li>
<li class="nav-item">
<a class="nav-link tabNavItem" href="#" data-year="2023">2023</a>
</li>
<li class="nav-item">
<a class="nav-link tabNavItem" href="#" data-year="2022">2022</a>
</li>
<li class="nav-item">
<a class="nav-link tabNavItem" href="#" data-year="2021">2021</a>
</li>
</ul>
<div class="tabcontent">
<ul class="list-group list-group-flush">
</ul>
</div>
</div>
</section>
<!-- end #section -->
<!-- footer -->
<?php include 'inc/footer.php'; ?>
<script>
$(function() {
getYear("2025");
});
$('.tabNavItem').on('click', function() {
var y = $(this).data('year');
$('.tabNavItem').removeClass('active');
$(this).addClass('active');
$(".list-group-item").fadeOut(300, function() {
$(this).remove();
});
getYear(y);
});
function getYear(year) {
$.ajax({
url: "/eba/assets/json/media.json",
type: "get",
data: {},
contentType: "application/json; charset=utf-8",
dataType: "json",
cache: false,
success: function(data) {
var list = data[year];
$.each(list, function(index, item) {
var awardHTML = `
<li class="list-group-item">
<a href="${item.url}" target="_blank">
<p>${item.media}</p>
<h4>${item.title}</h4>
</a>
</li>
`;
$(".tabcontent").append(awardHTML);
});
},
error: function(xhr, status, errorThrown) {
console.log(errorThrown + "\n" + status + "\n" + xhr.statusTex);
},
});
}
</script>
</body>
</html>