ibms-dome/Frontend/_systemMonitor.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>