CINXE.COM
Keputusan Undi Dewan Undangan Negeri (DUN) - Keputusan Rasmi Pilihan Raya Umum Malaysia 2018 | Undi PRU14 - GE14 - Myundi.com.my
<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.myundi.com.my/state","20180429155943","https://web.archive.org/","web","/_static/", "1525017583"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <title>Keputusan Undi Dewan Undangan Negeri (DUN) - Keputusan Rasmi Pilihan Raya Umum Malaysia 2018 | Undi PRU14 - GE14 - Myundi.com.my </title> <meta name="description" content="myundi memberi anda kiraan undi terkini PRU 14, keputusan dikemaskini secara langsung dari seluruh Malaysia. Ketahui siapa antara calon BN, PAS, PKR dan DAP yang mendapat undian tertinggi kerusi Parlimen dan DUN di Pilihan Raya Umum kali ini. Tidak ketinggalan, kerusi-kerusi panas, adakah ia milik mana-mana parti politik ataupun calon bebas."> <meta name="keywords" content="semakan keputusan pru, keputusan pru, pilihanraya, undi, election, GE14, pilihan raya, election 2018, malaysia election, election malaysia, keputusan pru 14"> <meta property="og:title" content="Keputusan Undi Dewan Undangan Negeri (DUN) "/> <meta property="og:description" content="mundi memberi anda kiraan undi terkini PRU 14, keputusan dikemaskini secara langsung dari seluruh Malaysia. Ketahui siapa antara calon BN, PAS, PKR dan DAP yang mendapat undian tertinggi kerusi Parlimen dan DUN di Pilihan Raya Umum kali ini. Tidak ketinggalan, kerusi-kerusi panas, adakah ia milik mana-mana parti politik ataupun calon bebas."/> <meta name="twitter:title" content="Keputusan Undi Dewan Undangan Negeri (DUN) "/> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="myundi memberi anda kiraan undi terkini PRU 14, keputusan dikemaskini secara langsung dari seluruh Malaysia. Ketahui siapa antara calon BN, PAS, PKR dan DAP yang mendapat undian tertinggi kerusi Parlimen dan DUN di Pilihan Raya Umum kali ini. Tidak ketinggalan, kerusi-kerusi panas, adakah ia milik mana-mana parti politik ataupun calon bebas."> <meta name="keywords" content="pilihanraya, undi, election, GE14, pilihan raya, election 2018, malaysia election, election malaysia"> <meta name="author" content="Media Prima Digital"> <link rel="apple-touch-icon" sizes="57x57" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/web/20180429155943im_/https://www.myundi.com.my/favicon/favicon-16x16.png"> <link rel="manifest" href="/web/20180429155943/https://www.myundi.com.my/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#201E3A"> <title>Keputusan Rasmi Pilihan Raya Umum Malaysia 2018 | Undi PRU14 - GE14 - Myundi.com.my </title> <!-- Bootstrap core CSS --> <link rel="stylesheet" href="/web/20180429155943cs_/https://www.myundi.com.my/css/bootstrap.min.css"/> <!-- Custom styles for this template --> <link rel="stylesheet" href="/web/20180429155943cs_/https://www.myundi.com.my/css/style.css?id=eaed8f79896203a5d55c"> <!-- Custom Fonts --> <link rel="stylesheet" href="/web/20180429155943cs_/https://www.myundi.com.my/css/font-awesome.min.css"/> <script async="async" src="https://web.archive.org/web/20180429155943js_/https://www.googletagservices.com/tag/js/gpt.js"></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script> googletag.cmd.push(function () { googletag.defineSlot('/1009103/MyUndi_728x90', [728, 90], 'div-gpt-ad-1521441434090-0').addService(googletag.pubads()).setCollapseEmptyDiv(true,true);; googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://web.archive.org/web/20180429155943js_/https://www.googletagmanager.com/gtag/js?id=UA-71805444-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-71805444-3'); </script> <script src="https://web.archive.org/web/20180429155943js_/https://tags.crwdcntrl.net/c/7894/cc_af.js"></script> </head> <body> <div id="newnav_desktop" class="hidden-xs hidden-sm "> <a href="/web/20180429155943/https://www.myundi.com.my/home"> <img src="/web/20180429155943im_/https://www.myundi.com.my/img/myundi_logo_white.png"> </a> <div class=" nav-item" onclick="location.href='/'"> <div class="info"> <a href="/web/20180429155943/https://www.myundi.com.my/home"> HOME </a> </div> </div> <div class=" nav-item" onclick="location.href='/parliament'"> <a href="/web/20180429155943/https://www.myundi.com.my/parliament"> PARLIAMENT </a> </div> <div class="active nav-item" onclick="location.href='/state'"> <a href="/web/20180429155943/https://www.myundi.com.my/state"> STATE </a> </div> <div class=" nav-item" onclick="location.href='/hotseat'"> <a href="/web/20180429155943/https://www.myundi.com.my/hotseat"> HOT SEATS </a> </div> <div class=" nav-item" onclick="location.href='/candidate'"> <a href="/web/20180429155943/https://www.myundi.com.my/candidate"> CANDIDATES </a> </div> <div class="nav-item nopadding"> <form method="get" action="/web/20180429155943/https://www.myundi.com.my/search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search Seat/Candidate" name="name" autocomplete="off" required> <div class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button> </div> </div> </form> </div> </div> <div id="newnav" style="display:none"> <a href="/web/20180429155943/https://www.myundi.com.my/home"> <img src="/web/20180429155943im_/https://www.myundi.com.my/img/myundi_logo_white.png"> </a> <div class="nav-item nopadding"> <form method="get" action="/web/20180429155943/https://www.myundi.com.my/search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search Seat/Candidate" name="name" autocomplete="off" required> <div class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button> </div> </div> </form> </div> <div class=" nav-item" onclick="location.href='/'"> <div class="info"> <a href="/web/20180429155943/https://www.myundi.com.my/home"> HOME </a> </div> </div> <div class=" nav-item" onclick="location.href='/parliament'"> <a href="/web/20180429155943/https://www.myundi.com.my/parliament"> PARLIAMENT </a> </div> <div class="active nav-item" onclick="location.href='/state'"> <a href="/web/20180429155943/https://www.myundi.com.my/state"> STATE </a> </div> <div class=" nav-item" onclick="location.href='/hotseat'"> <a href="/web/20180429155943/https://www.myundi.com.my/hotseat"> HOT SEATS </a> </div> <div class=" nav-item" onclick="location.href='/candidate'"> <a href="/web/20180429155943/https://www.myundi.com.my/candidate"> CANDIDATES </a> </div> </div> <a id="logoMobile" href="/web/20180429155943/https://www.myundi.com.my/" class="hidden-lg hidden-md"> <img src="/web/20180429155943im_/https://www.myundi.com.my/img/myundi_logo_white.png" class="img-responsive"> </a> <div class="burger_menu visible-xs visible-sm"> <i class="fa fa-navicon fa-2x"></i> </div> <div class="wrapper" style="height: auto; min-height: 100%"> <div class="content-wrapper"> <!-- /1009103/MyUndi_728x90 --> <div class="row hidden-xs hidden-sm" style=" display: flex; justify-content: space-between;"> <div class="text-center" style="margin-top: 2%;"> <div id="div-gpt-ad-1521441434090-0" style="height:90px; width:728px;"> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1521441434090-0'); }); </script> </div> </div> </div> <div class="action_area text-center"> <h1>STATE SEATS</h1> <form method="GET" action="https://web.archive.org/web/20180429155943/https://www.myundi.com.my/" accept-charset="UTF-8" name="dun_ajax" class="test"> <select name="election_year"> <option value="2013"> 2013 </option> <option value="2018" selected> 2018 </option> </select> <select name="state_id"><option value="1">PERLIS</option><option value="2">KEDAH</option><option value="3">PERAK</option><option value="4">PULAU PINANG</option><option value="5" selected="selected">SELANGOR</option><option value="6">NEGERI SEMBILAN</option><option value="7">MELAKA</option><option value="8">PAHANG</option><option value="9">JOHOR</option><option value="10">KELANTAN</option><option value="11">TERENGGANU</option><option value="12">SABAH</option><option value="13">SARAWAK</option><option value="14">W.P KUALA LUMPUR</option><option value="15">W.P LABUAN</option><option value="16">W.P PUTRAJAYA</option></select> </form> </div> <div class="row"> </div> <div class="col-sm-10 col-sm-offset-1 col-xs-12 text-center"> <h2 id="title">Seat Statistic</h2> <div id="chart_area"> <canvas height="200" id="statistic_state" style="display: block;width: 100%;background-color: rgba(255, 0, 0, 0);"> </canvas> </div> </div> <div id="modal_seat_history" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h1>SEAT NAME</h1> </div> <ul class="nav nav-pills election_year_tab"> <li><a data-toggle="pill" href="#2013">2013</a></li> <li class="active"><a data-toggle="pill" href="#2018">2018</a></li> </ul> <div class="tab-content"> <div id="2018" class="tab-pane fade in active"> <div class="candidates"> <div class="table-responsive"> <table class="table table-hover modal_candidate_table"> <thead> <tr> <th>PARTY</th> <th>NAME</th> <th>VOTES</th> <th>STATUS</th> </tr> </thead> <tbody name="candidate_list"> <!-- this is where candidate list will show from ajax --> </tbody> </table> </div> <!-- end table --> <div class="row" style="background-color: #291F48; padding:10px;"> <div class="col-md-3 col-xs-6"> <h6>MAJORITY</h6> <span name="majority"></span> </div> <div class="col-md-3 col-xs-6"> <h6>VOTERS</h6> <span name="voters"></span> </div> <div class="col-md-3 col-xs-6"> <h6>TURNOUT</h6> <span name="turnout"></span> </div> <div class="col-md-3 col-xs-6"> <h6>SPOILT</h6> <span name="spoilt"></span> </div> </div> </div> </div> <div id="2013" class="tab-pane"> <div class="candidates"> <div class="table-responsive"> <table class="table table-hover modal_candidate_table"> <thead> <tr> <th>PARTY</th> <th>NAME</th> <th>VOTES</th> <th>STATUS</th> </tr> </thead> <tbody name="candidate_list"> <!-- this is where candidate list will show from ajax --> </tbody> </table> </div> <!-- end table --> <div class="row" style="background-color: #291F48; padding:10px;"> <div class="col-md-3 col-xs-6"> <h6>MAJORITY</h6> <span name="majority"></span> </div> <div class="col-md-3 col-xs-6"> <h6>VOTERS</h6> <span name="voters"></span> </div> <div class="col-md-3 col-xs-6"> <h6>TURNOUT</h6> <span name="turnout"></span> </div> <div class="col-md-3 col-xs-6"> <h6>SPOILT</h6> <span name="spoilt"></span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <section style="padding-bottom: 5em;"> <div class="text-center"> <select name="sorting" class="visible-xs visible-sm col-xs-12 col-sm-12" style="margin-top: 15px; margin-bottom: 15px;"> <option value=""> ---Sort By--- </option> <option value="seat_name" data-id="seat_name" data-sort="asc"> Seat Name Ascending </option> <option value="seat_name" data-id="seat_name" data-sort="desc"> Seat Name Descending </option> <option value="seat_code_name" data-id="seat_code_name" data-sort="asc"> Code Ascending </option> <option value="seat_code_name" data-id="seat_code_name" data-sort="desc"> Code Descending </option> <option value="party_id" data-id="party_id" data-sort="asc"> Party Ascending </option> <option value="party_id" data-id="party_id" data-sort="desc"> Party Descending </option> <option value="candidate_name" data-id="candidate_name" data-sort="asc"> Candidate Name Ascending </option> <option value="candidate_name" data-id="candidate_name" data-sort="desc"> Candidate Name Descending </option> <option value="majority" data-id="majority" data-sort="asc"> Majority Ascending </option> <option value="majority" data-id="majority" data-sort="desc"> Majority Descending </option> </select> </div> <table class="table table-hover" id="no-more-tables"> <thead> <tr> <th style="cursor: pointer;"><span id="state_name" data-id="state_name" data-sort="asc">State <i class="fa fa-sort"></i></span></th> <th style="cursor: pointer;"><span id="seat_name" data-id="seat_name" data-sort="asc">Seat Name <i class="fa fa-sort"></i></span> </th> <th style="cursor: pointer;"><span id="seat_code_name" data-id="seat_code_name" data-sort="asc">Code <i class="fa fa-sort"></i></span></th> <th style="width: 10%" class="text-center">Info</th> </tr> </thead> <tbody name="seats" data-type="DUN" data-page="1" data-to="15" data-lastpage="4"> <tr data-row="1"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SERI SETIA </td> <td data-title="Code">N032</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SERI SETIA"/> <input type="hidden" name="seat_code_name" value="N032"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="2"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">LEMBAH JAYA </td> <td data-title="Code">N020</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="LEMBAH JAYA"/> <input type="hidden" name="seat_code_name" value="N020"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="3"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SUNGAI BURONG </td> <td data-title="Code">N008</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SUNGAI BURONG"/> <input type="hidden" name="seat_code_name" value="N008"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="4"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SUNGAI PELEK </td> <td data-title="Code">N056</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SUNGAI PELEK"/> <input type="hidden" name="seat_code_name" value="N056"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="5"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SELAT KLANG </td> <td data-title="Code">N044</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SELAT KLANG"/> <input type="hidden" name="seat_code_name" value="N044"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="6"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SEMENYIH </td> <td data-title="Code">N024</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SEMENYIH"/> <input type="hidden" name="seat_code_name" value="N024"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="7"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">JERAM </td> <td data-title="Code">N012</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="JERAM"/> <input type="hidden" name="seat_code_name" value="N012"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="8"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SENTOSA </td> <td data-title="Code">N048</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SENTOSA"/> <input type="hidden" name="seat_code_name" value="N048"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="9"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">BANDAR UTAMA </td> <td data-title="Code">N036</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="BANDAR UTAMA"/> <input type="hidden" name="seat_code_name" value="N036"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="10"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SERI KEMBANGAN </td> <td data-title="Code">N028</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SERI KEMBANGAN"/> <input type="hidden" name="seat_code_name" value="N028"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="11"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SUNGAI TUA </td> <td data-title="Code">N016</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SUNGAI TUA"/> <input type="hidden" name="seat_code_name" value="N016"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="12"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">SEKINCHAN </td> <td data-title="Code">N004</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="SEKINCHAN"/> <input type="hidden" name="seat_code_name" value="N004"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="13"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">BANTING </td> <td data-title="Code">N052</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="BANTING"/> <input type="hidden" name="seat_code_name" value="N052"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="14"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">KOTA ANGGERIK </td> <td data-title="Code">N040</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="KOTA ANGGERIK"/> <input type="hidden" name="seat_code_name" value="N040"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr data-row="15"> <td data-title="State">SELANGOR</td> <td data-title="Seat Name">MORIB </td> <td data-title="Code">N053</td> <td data-title="Result" class="text-center"> <input type="hidden" name="seat_name" value="MORIB"/> <input type="hidden" name="seat_code_name" value="N053"/> <button name="candidateHistory" class="btn btn-primary">More</button> </td> </tr> <tr id="info-load" data-row="info"><td class="text-center" colspan="7"> --- Scroll Down To Load More --- </td></tr> </tbody> </table> <div id="loading" class=" text-center" style=" background: gray; opacity: 0.7; position: fixed; top: 50%; left: 0; width: 100%;"> <i class="fa fa-refresh fa-spin fa-5x"></i> </div> <button class="btn btn-default scroll-up" onclick="topFunction()"><i class="fa fa-arrow-circle-up fa-3x"></i></button> </section> </div> <footer class="main-footer"> <div class="container"> <div class="pull-right hidden-xs"> <b>Version</b> 1.0.0 </div> <strong>Copyright 漏 2018 <a href="https://web.archive.org/web/20180429155943/https://www.mediaprimadigital.com.my/">Media Prima Digital Sdn. Bhd.</a></strong> All rights reserved. </div> <!-- /.container --> </footer> </div> <script src="/web/20180429155943js_/https://www.myundi.com.my/js/jquery.min.js"> </script> <script src="/web/20180429155943js_/https://www.myundi.com.my/js/nicescroll.min.js"></script> <script src="/web/20180429155943js_/https://www.myundi.com.my/js/bootstrap.min.js"> </script> <script src="https://web.archive.org/web/20180429155943js_/https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js"></script> <script src="https://web.archive.org/web/20180429155943js_/https://cdnjs.cloudflare.com/ajax/libs/df-number-format/2.1.6/jquery.number.min.js"></script> <script src="https://web.archive.org/web/20180429155943js_/https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.min.js"></script> <script> //ajax env global variable base_url =`https://web.archive.org/web/20180429155943/https://api.myundi.com.my`; </script> <!-- COMPILE OF CUSTOM JS --> <script src="/web/20180429155943js_/https://www.myundi.com.my/js/combined.js?id=7ebf647944fd9812e132"></script> <script> $(document).ready(function(){ //on load, generate chart selangor state for 2008 election chart_statistic_state(5,2018); $election_year = $(this).find('select[name=election_year]').val(); $state_id = $(this).find('select[name=state_id]').val(); $('div#loading').hide(); });//end document ready //update chart when the form updated $('form[name=dun_ajax]').change(function(){ busy = false; currentPage = 1; //need to remove the chart again to refresh $('#statistic_state').remove(); $('#chart_area').append(`<canvas height="200" id="statistic_state"\ style="display: block;width: 100%;background-color: rgba(255, 0, 0, 0);">\ </canvas>`); //update chart data chart_statistic_state($state_id,$election_year); }); var currentPage = 1; //use in onScroll var busy = false; //use in onScroll $(window).on("scroll", function() { scrollFunction(); var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); api_url = `${base_url}/api/v1/report/seat_won_list`; total = $( 'tbody[name=seats]' ).data('total'); lastrow = $('tbody[name=seats]').find('tr:last').data('row') + 1; if (isScrolledIntoView($('#info-load')) && !busy) { busy = true; if($( 'tbody[name=seats]' ).data('page') == $( 'tbody[name=seats]' ).data('lastpage')){ return false; }else{ $('div#loading').show(); setTimeout(function() { $.ajax({ url: api_url, type: 'get', data: { election_year: $('select[name=election_year]').val(), state_id: $state_id, type: 'DUN', page: currentPage + 1, limit: 10, orderBy: orderBy, seq: sequence }, beforeSend: function () { $('tbody[name=seats]').find('tr[data-row=info]').remove() }, success: function (response) { $datas = response; if($datas.data.length > 0 ) { $.each($datas.data, function (i, item) { var majority = item.majority ? item.majority.toLocaleString() : ''; var candidate_won = item.candidate_name == null ? '': item.candidate_name; var party_logo = item.party_logo == null ? '':`<img src='${base_url}/storage/parties/${item.party_logo}' width="50px" height="30px" />`; $appendData = `<tr data-row=${lastrow + i}> <td data-title="State">${item.state_name}</td> <td data-title="Seat Name">${item.seat_name}</td> <td data-title="Code">${item.seat_code_name}</td> <td class="text-center"> <input type='hidden' name='seat_name' value='${item.seat_name}'/> <input type='hidden' name='seat_code_name' value='${item.seat_code_name}'/> <button name='candidateHistory' class='btn btn-primary'>More</button> </td> </tr>`; $('tbody[name=seats]').append($appendData); $('tbody[name=seats]').attr('data-page', $datas.current_page); $('tbody[name=seats]').attr('data-to', $datas.to); currentPage = $datas.current_page; busy = false; totals = $datas.to; page = $datas.current_page; state_id = $state_id; $('div#loading').hide(); }) $('tbody[name=seats]').append(`<tr id="info-load" data-row="info"><td class="text-center" colspan="7"> --- Scroll Down To Load More --- </td></tr>`); }else{ $('div#loading').hide(); $('tbody[name=seats]').find('tr[data-row=info]').remove() $('tbody[name=seats]').append(`<tr id="info-finished" data-row="info"><td class="text-center" colspan="7"> --- End Of Data --- </td></tr>`); } }, error: function (e) { console.log(e); } }); }, 2000); window.scrollBy(0, -100); } }else{ //console.log(busy); } }); function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { $('.scroll-up').css('display',"block"); } else { $('.scroll-up').css('display',"none"); } } function isScrolledIntoView(elem){ return true; } function topFunction() { $("html, body").animate({ scrollTop: 0 }, "slow"); } </script> <script type="text/javascript" src="/web/20180429155943js_/https://www.myundi.com.my/js/sort-table.js"></script> <script> $(document).ready(function(){ //for menu ui $('.burger_menu').click(function(){ $('#logoMobile').slideToggle({}); //toggle logo $(this).find('img').slideToggle(); $(this).find('i').toggleClass('fa-navicon fa-close'); //toggle navigation menu $('#newnav').slideToggle(); }); //nice scroll UI for body and hot seat box /* $("body").niceScroll({ cursorwidth:"10px", }); */ /*$(".menu-box").find('.info').niceScroll({ cursorwidth:"10px", });*/ liveHotSeat(); }); </script> </body> </html> <!-- FILE ARCHIVED ON 15:59:43 Apr 29, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:20:46 Dec 04, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.642 exclusion.robots: 0.033 exclusion.robots.policy: 0.02 esindex: 0.012 cdx.remote: 85.338 LoadShardBlock: 1713.518 (3) PetaboxLoader3.datanode: 1349.262 (4) PetaboxLoader3.resolve: 179.208 (3) load_resource: 83.491 -->