38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
<style>
|
|
[id^=yt_tooltip] {
|
|
width: 450px;
|
|
}
|
|
</style>
|
|
<div class="container-fluid">
|
|
<div class="row bg-dark">
|
|
<h1 class="p-2 mx-5 mb-0">電錶系統</h1>
|
|
<div class="btn-group my-2">
|
|
<button name="floBtn" data-id="all" type="button" class="btn btn-secondary waves-effect waves-themed" data-tabname="floor" data-target="all">總覽</button>
|
|
<button name="floBtn" data-id="19" class="btn btn-secondary waves-effect waves-themed" data-tabname="floor" data-target="19">19 F</button>
|
|
<button name="floBtn" data-id="21" class="btn btn-secondary waves-effect waves-themed" data-tabname="floor" data-target="21">21 F</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<main id="js-page-content" role="main" class="page-content">
|
|
|
|
</main>
|
|
|
|
<script>
|
|
|
|
$("#js-page-content").load("_sysMonAll.html",loadCallback);
|
|
|
|
$(function () {
|
|
|
|
onEvent("click", "[name=floBtn]", function () {
|
|
if ($(this).data("id") == "all") {
|
|
$("#js-page-content").load("_sysMonAll.html", loadCallback);
|
|
} else {
|
|
$("#js-page-content").load("_sysMonFloor.html", loadCallback);
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
|
|
</script> |