| 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:#41857c; 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>
<p>(排名先依據企業中文筆劃排序;如企業僅有英文名稱,則按首字母排序)</p>
<div class="tabcontent">
</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');
$(".awardContent").fadeOut(300, function() {
$(this).remove();
});
getYear(y);
});
function getYear(year) {
$.ajax({
url: "/eba/assets/json/award.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 = `
<div class="awardContent">
<h4 class="my-4 text-pramiry">${item.award}</h4>
<div class="awardWrap">
`;
$.each(item.company, function(index, company) {
awardHTML += `
<div class="awardItem">
<img src="${company.parth}" class="img-fluid" alt="${company.name}">
<p class="m-0">${company.name}</p>
</div>
`;
});
awardHTML += `
</div>
</div>
`;
$(".tabcontent").append(awardHTML);
});
},
error: function(xhr, status, errorThrown) {
console.log(errorThrown + "\n" + status + "\n" + xhr.statusTex);
},
});
}
</script>
</body>
</html>