muqriz
/
SIBS2024
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
39 コミット
1 ブランチ
ブランチ: master
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'master' から
${ noResults }
SIBS2024/index.html

index.html 33KB
パーマリンク 履歴 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415 
  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. <head>

  5.     <meta charset="UTF-8">

  6.     <meta http-equiv="Content-Security-Policy" content="">

  7. 

  8. 

  9.     <title>SIBS 2024</title>

  10.     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">

  11.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

  12.     <link rel="stylesheet" href="./css/app.css">

  13.     <link rel="stylesheet" href="./css/animate.css">

  14. 

  15. </head>

  16. 

  17. <body>

  18.     <section class="section animate__animated animate__fadeIn" style="max-height: 120vh;">

  19. 

  20.         <div class="search-container">

  21.             <img class="logo pb-4" src="Group_49433x.png" alt="">

  22.             <h6 class="fw-bolder">Pelan Kawasan Tanah Milik Perbadanan</h6>

  23.             <h6 class="mb-3">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala</h6>

  24. 

  25.             <form id="searchForm" class="d-flex justify-content-center">

  26.                 <input id="searchInput" type="text" class="p-1 flex-grow-1" placeholder="Search Here">

  27.                 <button class="btn btn-primary ms-4" type="submit">Search</button>

  28.             </form>

  29.         </div>

  30. 

  31.         <div class="text-center pt-1 bg-white d-flex justify-content-center ps-0">

  32.             <div class="py-5 px-3 relative" style="width: 600px;height: 100px;">

  33.                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"

  34.                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"

  35.                     style="enable-background: new 0 0 1080 1080" xml:space="preserve">

  36.                     <g>

  37.                         <!-- Cameron Highland -->

  38.                         <a href="#" data-area="cameron-highland" data-bs-toggle="tooltip" data-bs-placement="top"

  39.                             title="Tooltip on top">

  40.                             <path id="cameron-highland" class="disable" d="M77.6,205.5c11.6-0.8,19.5-9.2,28.7-12c13-4,14.2-13.4,19.1-21.7c0,0,0,0,0,0c0,0,0,0,0,0

  41.                                 c-0.1-5-0.2-10.1-0.3-15.1c-2.4-4.8-11.7-7.4-4.9-15.2h0c-0.1-1.5-0.3-3.1-0.4-4.6c0,0,0,0,0,0c-3.5-5.5-3.3-11-0.1-16.5

  42.                                 c0,0,0,0,0,0c0.2-1.4,0.4-2.8,0.6-4.2c0.3,0.6,0.6,1.2,0.8,1.8c-0.1-0.7-0.3-1.3-0.8-1.8c-0.1-4.3-0.2-8.5-0.3-12.8

  43.                                 c-4.4-8.1-14.8-8.3-20.2-16c-9.9-14.2-18.9-13.6-29.4,0.3c-4.4,5.8-9.1,7.1-15.1,3c-3.8-2.6-8.4-4.7-11.2-8.2

  44.                                 c-8.3-10.4-18.4-6.7-27.4-3.3c-9.7,3.7-5.2,12.7-4.5,19.9c0.4,4.6,0.6,9.2,0.9,13.8l0.6,0.6l0.5,0.6l0.7-0.4c2,0.7,3.8,1.6,5,3.3

  45.                                 c1.4,1.8,3.3,2.7,5.6,2.5c1-0.3,2-0.8,2.8-1.5c1.9-2.2,4.2-2.9,7-2.4c1,0.1,2.1,0.1,3.1,0.1c1.8-0.1,3.6-0.6,5.5-0.7

  46.                                 c1,0.3,1.3,0.9,1.2,1.8c-1,2.3-1.7,4.9-3.5,6.9c-1.2,0.8-2.6,1.3-4.1,1.5c-2.5,0.1-5-0.3-7.1-1.7c-1-0.4-2-0.7-3-0.8

  47.                                 c-2.8,0.3-5,1.6-6.7,3.8c-0.6,0.8-1.3,1.6-1.9,2.5c-6.7,5.6-3.9,16.8-12.8,21.2c-4.1,5.7,2.6,6.3,4.3,9.3c3.7,3.6,1.5,9.3,4.8,13

  48.                                 c1.1,0.7,2.2,0.7,3.3,0c0.8-0.4,1.7-0.7,2.5-1.1c2.1-1.8,2.4-4.2,2.4-6.8c0.4,2,0.7,4.1,2.9,5.2l1.3,0.2l1.2-0.2

  49.                                 c3-1.8,6-3.9,9.7-4.6c-0.3,3.7-4.7,4.4-5.1,7.7c2.5,3.5,6.6,3.3,10.2,4.1c7.6,1.7,10.4,7.2,6.9,13.1c-7.9,13.4,0.5,16.8,10.7,19.8

  50.                                 C65.6,205,72.4,205.9,77.6,205.5z" />

  51.                         </a>

  52.                         <!-- Lipis -->

  53.                         <a href="lists/lipis.html" data-area="lipis">

  54.                             <path id="lipis" class="pahang-barat"

  55.                                 d="M450.8,329.1c-5.7,4.5-13.3,9.2-20.1,9.3c-11.2,0.2-13.3,7.3-15.4,13.6c-13.1-3.3-21.3-13.5-31.4-20.9

  56.                                                 c-5.5-4-13.6-15.1-22.9-5.8c-6.2,6.2-3.1,13.6-0.7,20.7c0.2,1.3,0.9,2.7,1.3,4c0.2,3.5,3,4.9,5.3,6.6c5.6,4,4.5,8.3-0.9,10.5

  57.                                                 c-10.5,4.2-21.5,9.5-32.8,3.1c-6.8-3.8-11.3-1.5-15.3,3.5c-4.5,5.6-8.3,11.7-12.7,17.3c-2.4,3.1-6.5,5.8-9.9,3.8

  58.                                                 c-4.6-2.6-9.5-6.4-11.7-11c-2.3-4.8,4.5-4.4,7.2-6.6c6.6-5.5,13.2-10.3,4.1-20.1c-6-6.5-8.9-15.8-3-24.5c7.2-10.6-1-12.1-7.9-14.3

  59.                                                 c-13.9-4.4-22.6,4.1-31,12.9c-3.6,3.7-9.9,5.7-8.6,12.8c-1.4,1.7-3.4,3.2-4,5.4l-6.8,0.4c-5.5-4.8-9.1-10.5-8.5-18.9

  60.                                                 c0.3-3.4-2.9-6.7-6.6-6.5c-10.1,0.4-15.1-5.6-19.5-13.3c-1.7-2.9-4.7-5.1-8.5-3.5c-2.9,1.2-3,3.8-2.2,6.4c2.3,7.6-3.3,8.7-8.2,9.5

  61.                                                 c-5.4,0.9-11.4,2.3-16.2,0.7c-15.5-5-30.7-4.7-46-0.1c0,0,0,0,0,0c-4.5-11.8-15.8-16.2-25.7-21.2c-11-5.6-15.7-12.4-12.3-24.9

  62.                                                 c4.2-15.4,4.2-15.3-10.6-17c-9-1-15.2-4.2-9.2-14.6c2.6-4.5-0.5-7-2.4-10.1c-1.9-3.2-2.9-6.4-2.9-9.4c0-5.6,3.2-10.6,9.2-14.2

  63.                                                 c12.7,2.5,23.7-2.5,34.9-7.4c6.1-2.7,10.3-12.1,19.3-5.7c0.5,0.4,3.9-1.4,3.9-2.2c0.3-11.1,8.7-20.6,8.7-31.8c0-2-0.3-3.9-0.8-6

  64.                                                 c0.1-0.5,0.1-0.9,0.1-1.3c0-1.7-0.5-3.2-2-4.4c-1.7-2.2-3.4-4.3-5.1-6.5c0,0,0,0,0,0c2.8-4.6,3.4-9.2-0.1-13.7c0,0,0,0,0,0

  65.                                                 c0.1-3.8,0.2-7.6,0.3-11.4c3.6-5.6,2-11.8,2-17.8c0-0.3,0-0.6,0-0.9c8.1-3.3,16.6,6.2,24.7-0.9c1.5-1.3,5.1-1.3,5.6-2.6

  66.                                                 c4.7-14.3,18.9-16.3,29.4-23.2c1.6-1.1,2.4-3.8,4.9-3c13.7,4.5,16.7-5.8,18-14.7c1.9-13.1,4.6-26.3,1.8-39.7

  67.                                                 c-1.2-5.8-0.4-11.5,7.2-12.2c6.7-0.7,12,0.7,10.2,9.7c-0.8,3.7,1.1,7,4.8,7.9c5.5,1.4,7.3,5.4,8.4,10c1.5,6.2,5.2,9.4,11.4,10

  68.                                                 c8.7,0.9,11.1,6.4,10.9,14.2c-0.1,3.8-0.6,7.9,0.7,11.2c2.1,5.2,9.4,9.2,11.1,3.5c4.3-14.2,18.1-23.7,18.5-39.3

  69.                                                 c0.2-6.3,0-12.7,0.2-19c0.1-3.4,1.4-8.8,5.1-5.6c5.1,4.4,11.8,2.2,15.3,4.5c14.4,9.4,26.8,5.5,40-1.6c13.6-7.3,13.8-7,18.2,8.4

  70.                                                 c0.2,0.8,0.1,2.1,0.6,2.4c9.2,6.3,15.1,15.7,21.5,24.8c6.3,9.1,13.1,17.7,23.9,22.4c-9.7,16.5-1.1,29.5,8.8,41.7

  71.                                                 c4.6,5.7,5.7,10.9,2.4,17.3c-1.9,3.7-3.8,7.6-3.1,12c0.4,2.3,0.7,4.6,0.7,6.7c0,7.7-3,14.1-11.1,18.4c-3.7,6.9-9.2,14.6-5.4,22

  72.                                                 c6,11.9,9.1,24,9.8,37.1l0,0c3.7,3.5,6.9,7,6.6,12.8c-0.2,4.1,0,8.9,2,12.2c7.8,12.4,7.6,24.7,2.9,38.2c-0.9,2.6-1.7,5.5-1.7,8.4

  73.                                                 c0,3.2,0.9,6.5,3.6,9.3c4,3.8,9.5,3.2,14.2,4.8C458.6,315.3,460.3,321.5,450.8,329.1z" />

  74.                         </a>

  75.                         <!-- Raub -->

  76.                         <a href="./lists/raub.html" data-area="raub">

  77.                             <path id="raub" class="pahang-barat"

  78.                                 d="M353.9,410.6c-3.2,7.6-9.2,19.1-4.7,22.8c8.4,7,4,13.7,5,20.6c2.6,16.3-7.4,32.1-16.7,37.8

  79.                                 c-13.2,8.1-9.9,13.7-6.7,23.2c1,3,0.4,6.6,0.5,9.9c-9.6,6.5-16.9,13.6-9.6,26.4c1.1,1.9-0.8,5.5-1.2,8.3c-1.3,1.6-2.3,4.3-3.8,4.6

  80.                                 c-15,3.1-27.4-6.8-28.5-22.9c-0.4-5.5,0.3-11-4.9-14.7c0,0,0,0,0,0c-0.9-4.7-4.1-7.8-8.6-7.9c-7.1-0.1-11.7-3.5-15.5-9

  81.                                 c-2.1-3.1-4.8-6.8-9.2-4.6c-5.5,2.8-2.9,7.4-0.7,10.8c5.1,8.1,0.3,11.2-6.4,11.4c-9.4,0.3-14.3,6-18.9,12.7

  82.                                 c-4.9-1.5-8.4-4.5-9.1-9.6c-1.9-13.1-10.6-21.7-19.5-30.2c-3.1-3-6.7-5.9-11.1-5.2c-19.1,2.7-31.5-6.8-40.7-21.8

  83.                                 c-8.2-13.6-29.8-22.3-16.1-44.4c2-3.3,0.3-10.9-4.2-13.8c-9.1-5.9-8.5-14.5-8.8-23.4c-0.3-13,4.4-27-7.6-38

  84.                                 c-3.1-2.9,0-7.3,2.2-10.4c3.4-4.8,7.1-9.4,10.6-14.1c13.4-4,26.3-3.6,40.2-0.6c12.2,2.6,27,4,35.2-11.1c0.5,0,0.9-0.1,1.4,0

  85.                                 c4.3,6.5,9.4,11.3,17.5,11.4c4.9,0.1,6.7,3,5.9,7.6c-2,12.2,3.8,16.3,14.2,15.6h5.9c0.1,0,0.3,0,0.4,0c3.3,0,5.6-1.3,6.2-4.9

  86.                                 c2.3-13.1,18.5-13.1,23.6-24.1c0.7-1.5,10.7-0.1,15.4,2.1c5,2.4,0.3,6.8-0.8,9.8c-3.6,9.1,0,16.8,4.8,23.8

  87.                                 c5.5,7.9,3.1,12.4-4.8,15.4c-4.9,1.8-9.2,4.8-7.3,10c2.8,7.5,9.6,13.1,16.5,15.9c5.8,2.3,12.1-2.1,16-7.7c1.7-2.4,3-5.1,4.7-7.5

  88.                                 c3.4-4.6,5.9-11.9,12.6-11c6.3,0.9,13,3.9,12.1,13.2c-0.2,2,4.9,4.2,5.1,6.6C345.4,400.8,358.4,400.9,353.9,410.6z" />

  89.                         </a>

  90.                         <!-- Bentong -->

  91.                         <a href="lists/bentong.html" data-area="bentong">

  92.                             <path id="bentong" class="pahang-barat" d="M442.5,743.9c-7.8-2.7-7.4-11.3-4.9-12.5c14.5-7.3,7-22,11.8-32.4c2.1-4.5,1.4-8.7,7.8-10.3

  93.                                    c5.5-1.4,9.2-6.8,7.6-12.6c-1.3-4.6-5.4-5.9-10-2.5c-0.8,0.6-4-0.2-4.3-1.1c-5.3-13.5-22.2-9.5-29.6-19.6c-1.8-2.5-3.7-1.4-5.4-0.1

  94.                                    c-10.7,7.6-23.6,8.6-35.6,12.2c0,0,0,0,0,0c-12.3,7.4-15.5-1-18-10.4c-9.7-10.7-3.6-22.8-1.8-33.8c1.8-10.7-1.8-15.4-11.1-17.1

  95.                                    c-8.3-1.5-12.3-5.1-12.4-14.2c-0.1-12.6-7.7-18.9-20.4-19c0,0,0,0,0,0c-0.8-0.3-1.6-0.6-2.4-0.8c-5.7-1-10.3-2-14-3.3

  96.                                    c0.4,0.2,0.8,0.4,1.3,0.6c-1.5-0.2-2.9-0.8-4.2-1.7c-9.3-4.3-11.8-11.8-14.1-29.2c-0.3-2-1.4-4-2.1-5.9c0,0,0,0,0,0

  97.                                    c-3.5-8.3-11.4-6.4-17.9-7.7c0,0,0,0,0,0c0,0,0,0,0,0c-1,0.1-2,0.1-3,0.2c-1.2,8.2-9,9.4-14.1,9.6c-8.8,0.3-13.6,5.3-18.8,10.5

  98.                                    c0,0,0,0,0,0c0.1,1.7,0.5,3.5,0.1,5.1c-2.9,10.8,1.6,24-13.7,30.8c-9.7,4.3-10.3,17.9-5.6,28c4.6,9.8,12.9,22,4.5,30.7

  99.                                    c-10.8,11.1-9.7,18.2-0.4,27.9c3.5,3.6,6.3,8,8.6,12.5c5.8,11.3,16.2,17.2,26.7,22.5c8.6,4.3,18.9,5.9,27.4,1.8

  100.                                    c13.6-6.6,23-4.5,29.3,9.7c2.5,5.8,6.4,9.3,12.6,8.6c15-1.9,21.6,4.7,23.2,19.4c0.8,7.7,4.4,12.6,13,4.3

  101.                                    c11.7-11.4,22.6-11,34.6-0.8c3.4,2.9,7.3,4.2,11.4,5.4c12.6,3.8,25.2,7.3,37.7,11.3c4.3,1.4,8.2,2,12-0.9

  102.                                    C454.9,750.5,448.9,746.1,442.5,743.9z" />

  103.                         </a>

  104.                         <!-- Jerantut -->

  105.                         <a href="#" data-area="jerantut" style="color:gray !important">

  106.                             <path id="jerantut" class="disable" d="M431.5,110.2c5.4,5.9,6.4,12.3,2.5,19.5c-3.7,6.8-4.5,14.3-3.7,21.9h0c6.1,6.2,11.1,12-3.4,12.9

  107.                                 c-4.7,0.3-7.1,4.1-9.8,7.3c-3.3,9.5-3.4,18.6,2.6,27.4c4.8,7.1,2.7,15.3,3.2,23.1c6.7,4.2,9.9,10.2,9.4,18.1c0,0.4-0.1,0.9,0,1.3

  108.                                 c10.5,20.1,4.7,41.2,3.7,62c3.3,0.8,6.6,1.5,9.9,2.3c7.1,1.7,16,3.6,16.1,11.6c0.1,7.7-5.5,14.9-13.2,18.9c-4.1,2.1-8.1,4.6-12.5,6

  109.                                 c-7.9,2.5-18.2,1.9-15.2,15.6c0.5,2.3-6.1,5.6-8,2.5c-6.5-10.5-22-8.4-27-20.7c-2.8-6.9-11.3-6.5-16.5-10.9c-3.7-3.2-7.2-0.5-7,4.7

  110.                                 c0.1,2.9,0.7,5.8,1,8.7c1.1,4.1,2.7,7.5,6.1,10.6c8.4,7.6,7.2,14.4-2.8,19.2c-1.9,0.9-3.9,1.4-5.9,2.1c-21.4,6.9-22.1,9.7-4.7,25.1

  111.                                 c6,5.3,8.7,9.3,0.1,14c-0.5,3.7-0.3,7.7-1.6,11.1c-3.6,9.5,3.7,13.5,8.9,11.1c15.5-7.3,33.5-5.8,48.3-14.7c0,0,0,0,0,0

  112.                                 c0.8-5.5,3.8-8.5,9.4-7.2c5.9,1.4,7.7,5.6,6.9,11.5c-0.6,4.5-0.6,9.1-0.9,13.7c0,0,0,0,0,0c4.4,1,8.2-1.1,12.2-2.3

  113.                                 c3.7-1.1,9.5-2.2,10.5,1.2c4.4,13.6,15.3,8.5,23.6,8.4c9.1-0.2,14.2,3.1,16.9,11.3c0.5,1.6,1.3,3.1,2.2,4.5

  114.                                 c3.7,5.7,4.8,16.6,12.2,15.5c7-1,11.5-10.1,16-16.9c7.6-11.4,9.9-23.7,8.1-37c-0.7-5.4,0.2-10.7,7.1-11c6.5-0.3,11.1,2.7,12.9,9.6

  115.                                 c1,3.9-2,10,5,11.3c0,0,0,0,0,0c7.8-9.7,17.1-3.1,25.9-2.3c0,0,0,0,0,0c9.3-10.9,18.8-4,28.3-1.1c0.9,0,2,0.4,3.1,0.8

  116.                                 c10.6-0.9,20.1,8.8,31.2,3.3c15.2-9,12.5-28.7,24.3-40.1c5.4-5.2,11.4-9.6,16.9-14.7c5.9-5.6,10.6,1.1,13.3,6.4

  117.                                 c4.9,9.6,10.1,7.4,12.2-0.6c4.4-16.9,14.8-26.4,31.2-30.2c1.5-3.4,3.2-6.9,1.2-10.6c-6-11.1-1.7-19.8,6.2-27.7c0,0,0,0,0,0

  118.                                 c-3.8-3.3-7.7-6.5-11.2-10.1c-3.6-3.6-5.9-9.1-1.6-12.4c10.9-8.4,9.7-18.2,6-29.2c-1.3-3.9,1.5-7.3,3.7-10.4

  119.                                 c2.5-3.5,4.2-7.3,3.4-11.8c-1.1-6.5,1.8-11.4,6.7-15.5c2.9-2.4,6.2-4.9,6.9-8.9c2.2-12.1,8.6-17.9,24.1-13.2

  120.                                 c-4.2-8.1-7.4-14.8-3.2-20.1c12.5-15.7,0.6-26.4-7.1-37.8c-5.6-8.2-13-10.7-23.1-5.7c-9.3,4.6-20.1,5.9-28.9-0.9

  121.                                 c-10.7-8.2-17.2-19.4-18.1-33.4c-0.4-6.2-1.4-12,7.1-13.5c4.7-0.8,6.7-3.9,4-8.3c-2.6-4.2-1.9-7.1,2.2-9.4c1.8-1,3.6-1.8,3.3-4.6

  122.                                 c-1.7-15.9-19.5-28.8-35.8-25.6c-3.4,0.7-6.5,1.3-10,0.6c-21.3-4.2-39.7-13-51.6-32.3c-2.2-3.6-5.3-7-9.6-7.8

  123.                                 c-5.9-1.2-10.9-10.1-16.8-4.9c-5.9,5.2-2.8,13.2-0.6,20.2c1.5,4.6,4.9,10,0.1,14.1c-4.1,3.5-10.8,3.2-14.5,0.9

  124.                                 c-10.1-6.3-14.5-0.7-20.1,6.4c-8.4,10.4-13.2,10.3-23,1.2c-2.5-2.3-4.6-5-6.9-7.4c-7.6-7.9-33.2-11.8-42.8-6.8

  125.                                 c-3.7,1.9-2.3,4.5-2.2,7.4c0.2,12.7-10,19.1-17.9,26c-6.4,5.5-13.4-0.5-19.5-4.2c-13.3-8-23.5-3.9-28.1,11c0,0,0,0,0,0

  126.                                 C414.2,86.1,420.9,98.6,431.5,110.2z" />

  127.                         </a>

  128.                         <!-- Kuantan -->

  129.                         <a href="./lists/kuantan.html" data-area="kuantan">

  130.                             <path id="kuantan" class="pahang-timur" d="M661.7,445.8c0-5-4.4-10-5.4-15c1.2-3.7,2.3-7.4,5.6-10c8.7-2.7,5.4-7.7,2.5-12.6c3.6-8.3,10.1-13.8,17.7-18.2

  131.                                 c5.4,2.7,6-2.4,8-5c4.3,4.1,6.3,12.9,12.7,12.9c1.9,0,4.3-0.8,7.2-2.8c5.3,0.2,9.1-0.6,5.4-7.1c0.3-4.1,2.1-7.6,4.7-10.7

  132.                                 c1.1,1.7,3.4,2.2,4.2,0.8c6-10.5,17.6-12.8,27-17.6c9.9-5.1,8-8.3,1.6-14.5c-2.6,3.1-1.2,7.5-4.9,9h0c0.1-4.2,0.3-8.4,0.4-12.6

  133.                                 c9.8-5.6,8.6-10.7-0.6-15.6c0,0,0,0,0,0c1.3-2.3,2.5-4.5,3.8-6.8c0,0,0,0,0,0c1.5-0.9,3-1.8,4.6-2.7c0.4,4,2.9,3.3,5.2,2

  134.                                 c1.9-1.1,5.1-2,2-5.2c1.8-0.9,3.6-1.7,5.4-2.6c1.2,2.1,2.4,5.1,5.3,3.3c2.7-1.7,2-4.1-0.6-5.8c2.4-1.7,4.7-2.7,7-2.7

  135.                                 c2.2,0,4.3,0.9,6.4,2.9c-1.9,2.5-0.2,4.3,1.9,4.5c7.8,0.6,15.7,2.5,23.2-1.4c1.8,0.5,3,1.5,3.9,2.7c0.9,1.2,1.6,2.7,2.3,4.2

  136.                                 c-1.8,0.3-4.3-1.8-5.3,0.9c-0.9,2.3,0.8,4,3,4.2c4.8,0.2,9.8,1.9,13.9-2.1c7.8,1.9,10,8.7,13.1,14.8c5.6,2.1,11,4.8,14.9,9.2

  137.                                 c2.8,3.2,5.8,4,9,4c2,0,4.1-0.3,6.2-0.6c1.3,2,1.7,6,5.6,2.6c1.6,1.8,3.3,3.7,4.9,5.5c-1.9,0.8-6.2,1.9-2.4,4

  138.                                 c4.1,2.1,10.5,3.7,12.3-4.2c4.7,10.3,15.5,15.5,18.8,28.5c2.5,9.9,6.4,25.3,22,27.8c-1.7,1.3-3.4,2.6-6.3,4.8c4-0.5,9,2,7-3.4

  139.                                 c0.1-0.2,0-0.4-0.2-0.6c0,0,0,0.1,0,0.1c-0.1-0.3-0.3-0.6-0.4-1c2.5-3,2.6-6.3,1.6-9.8c2.8-2,5.9-3.9,3.2-8.1

  140.                                 c9.1-9.3,4.1-19.8,2.4-29.9c0,0,0,0,0,0c5.7-8,1.6-16.5,0-24.8v24.8c-3.9-5.3-1.9-11.4-2-17.1c-0.1-6.6-0.8-12.2-6.6-16.7

  141.                                 c-8.4-6.6-6.3-15.6-1.5-22.4c6.2-8.6,9-16.6,5.4-26.9c-0.7-1.9-1.1-5.3,1-5.3c0.8,0,1.9,0.5,3.6,1.8c-1.4,1.4-1.9,3,0,4.1

  142.                                 c2.1,1.2,4,0.2,5.4-1.7c4.7-0.1,9.3-0.3,14-0.2c3.6,0.1,8.8-2.3,10.2,2c1.6,5,1.8,12.2-3.2,15.2c-11.4,6.8-8.5,16.5-6.6,25.8

  143.                                 c3.4,17,9.4,33.2,18.7,48.3c-20.6,4.2-32.1,23-29,46.7c0.7,5,2.3,9.9,3.1,14.9c1.3,7.6,2.6,13.1-9,16.2

  144.                                 c-10.2,2.7-12.8,16.2-12.9,26.4v0.5c0,22.5,12.8,40.4,24.7,58.3c-8.4,2.4-16.8,4.9-25.3,7.3c-0.8,0-1.7-0.1-2.6-0.1

  145.                                 c-11.3-9.3-23.5-4.7-35.6-2.4c-1.7,0.2-3.3,0.4-5,0.6c-6.6-0.3-13.1-0.5-19.6-0.8c0,0,0,0,0,0c-0.5-0.5-1-1.1-1.4-1.8

  146.                                 c0,0,0.1-0.1,0.1-0.1c3.4-0.8,7.3,0.9,11.4-2.5c-9.4,0.4-17.9-2.4-26.1,1.9c-0.8,0.2-1.6,0.5-2.4,0.8c-2.7,0-5.3-0.1-7.9-0.1

  147.                                 c-4.8-0.2-9.6-0.5-14.4-0.7c-0.3-0.7-0.7-1.3-1.2-1.9h17.5c-1.5-0.4-2.9-0.8-4.4-1.2c2-0.5,0.5-2.2,1-0.9c-0.8,0.3-1.6,0.5-2.4,0.6

  148.                                 c-5.6-1.4-11.1-2.3-16.4,1.1l-10.5-2.2c6.1-1.1,3.4-4.5,1.6-7.1c-4.6-6.2-11.1-1.9-16.5-1.9c-3.2,0-0.7,3.8,0,6l-11.7-2.4l-0.1,0

  149.                                 c-3.7-0.9-7.6-1-11.3-1.8c-5.7-1.1-11.4-2.2-17-3.3c-3.8-1.5-7.5-3-11.3-4.5c-2.4-10.3-23.6-30-33.2-30.8c-2.5-0.2-5.1-0.8-7.4-0.3

  150.                                 c-1.1,0.2-0.1,2,1.1,2.4c0.8,0.3,1.6,0.4,2.4,0.6c-0.3,0.6-0.6,1.3-0.8,1.9c-2.6,1.3-6,9.5-7-1c-0.2-2.3-1.4-4.6-2.2-6.8

  151.                                 c0,0,0-0.1,0-0.1c-0.1-0.7-0.2-1.3-0.3-2c0.5-4.5-0.4-7.1-5.6-4.4c0,0,0,0,0,0c-6.6-7.4-14.3-7.4-22.6-3.3

  152.                                 c-0.3-2.9-0.4-5.8-0.9-8.7c-0.2-0.9-1.2-1.6-1.9-2.5c-0.8,1.3-1.6,2.7-2.3,4c-2.7-4.3-5.3-8.5-8-12.8

  153.                                 C660.3,451.3,661.7,448.5,661.7,445.8z" />

  154.                         </a>

  155.                         <!-- Temerloh -->

  156.                         <a href="./lists/temerloh.html" data-area="temerloh">

  157.                             <path id="temerloh" class="pahang-tengah"

  158.                                 d="M528.7,494c-16.5-1-31.1-5.4-39.8-21.4c-9.5-17.6-9.5-17.6-29-15c-0.8,0.1-0.8,0.3-0.8,0.4c0.1,0.1,0,0.1,0,0

  159.                                 c-0.1-0.1-0.2-0.1-0.4-0.3c-1.5-1-3.1-2-4.7-2.8c-0.9,0-1.6-0.3-2.1-1.1c-7.2-3.5-14.9-5.7-22.2-9c-1.9,0.3-3.6-0.6-4.8-2.4

  160.                                 c-0.3-0.2-0.6-0.3-0.9-0.5c0,0,0,0,0,0c-7.8-3.1-2.4-13.1-8.1-17.3c-1.9,7.5-8,9.4-14.8,10.2c-7.2,0.8-14.3,2-20.9,5.2

  161.                                 c-9.9,4.9-17.9,11.3-17.9,23.9c0.1,12.8-8.2,22.3-15.3,31.4c-5.9,7.6-8.7,14.9-8.7,24c-0.3,0.7-0.6,1.4-1,2.1

  162.                                 c7.5,6,7.5,9.6,0.6,14.5c-8.6,6-11.2,20.1-4.5,28.7c5.6,7.1,10.3,14.4,12.4,23.2c1.1,4.6,4,6.8,8,9c15.2,8.4,17.6,14.5,13.1,30.8

  163.                                 c-2.7,6.3-2.2,12.6-0.5,19c0.2,1.2,0.2,2.4,0.1,3.6c5,2.2,6.1,8.4,10,11.8c6.6-6.2,42-21.8,46.2-19.1c8.5,5.3,16.2,11.3,26.3,14

  164.                                 c4.9,1.3,8.8,1.2,13.2-0.4c0.4,0.1,0.8,0.2,1.1,0.3c1.5-10.3,9.7-11.3,17.6-11.6c8.1-0.3,15.8,2.2,23.5,4.8

  165.                                 c7.7,2.6,15.5,4.2,23.6,1.6c4.8-1.6,10.2-5.1,8.1-9.5c-5.9-12.6,4-19.2,8.7-27.9c0.4-0.6,0.9-1.2,1.4-1.6

  166.                                 c-5.9-11.6-11.3-22.3-10.3-37.3c1.4-22.8,1.8-46.6-6.1-69.1C528.5,502.3,528.9,498,528.7,494z" />

  167.                         </a>

  168.                         <!-- Pekan -->

  169.                         <a href="./lists/pekan.html" data-area="pekan">

  170.                             <path id="pekan" class="pahang-timur" d="M999.1,601.2c-19.6,20.7-24.3,47.5-19.7,73.2c5.8,32.6,7.8,65.2,10.7,97.9c0.7,7.9-4.5,13.3-5.4,20.4

  171.                                 c-1.9,14.3-1.8,28.6-2,43c-0.1,5.6,1,12.3-7.1,14.2h0c-3.9-1.5-7.8-4.4-11.7-4.3c-31,0.9-62-5.8-92.9,0.3

  172.                                 c-4.4,0.9-8.9,3.4-13.1-0.6c0.8-5.1-2-8.1-6.3-9.7c-8.1-2.9-11.6-10.4-17.2-15.6c-9.7-8.8-9-23.1-20.1-31c-5.7-4-0.1-8.8,5.1-10.9

  173.                                 c4.3-1.6,11.3-1.8,11.5-6.5c0.3-10.4,8.1-17.9,9-27.9c0.3-3.9,1-7.6-1.2-11c-9.5-15-20.5-29.3-24-47.3c-4-4.6-8.2-5.2-12.9-0.8

  174.                                 c-3.4,3.2-7.1,6-10.7,9c-7.5,6.1-23.6,6.9-26.2,0.7c-2.6-6.4-5.6-10.4-12.9-8.8c-8.1,1.8-8.7,8.2-8.5,14.9

  175.                                 c-6.8,5.4-11.3-1-14.7-4.3c-5-4.9-10.3-9.6-15.3-14.7c-4.9-5.1-9.5-10.4-13.1-16.6c-0.1-3.3-0.2-6.7-0.3-10

  176.                                 c-0.5-1.9-1.5-3.3-2.8-4.5c-1.3-1.2-2.8-2.2-4.1-3.5c-1.5-2-3.2-3.9-4.5-6c-3.7-6-11.2-11.4-9.7-18.4c1.6-7.7,11.8-0.3,16.2-5.6

  177.                                 c2.1-2.3,4.2-4.6,6.3-6.9l8.1-1.6l0,0c4.3-0.5,5.1-6.6,7.3-9.9c2.8-4.4,2.4-10.6,8.2-13.5c6.8-3.5,9-10.5,12.3-16.9

  178.                                 c7-13.6,6.7-28.9,11.4-43c5.7,1.1,11.4,2.1,17.1,3.2c6.3,1.5,12.4,5,18.8,4.5l15.8,3.8l0,0c1.3,0.4,2.5,0.7,3.7,0.7h0l12.1,2.1

  179.                                 c0.9,1.6,4,1.2,6.1,1.1c2.3,0.2,4.6,0.4,6.8,0.6v0c11.7,3.4,23.7,2,35.5,2.4c5.9,2.8,12.2,1.9,18.4,1.8c0,0,0,0,0,0h0

  180.                                 c6.6,0.3,13.2,0.5,19.8,0.8c5,2.8,10.5,1.9,15.8,1.8v0c12.7,0.2,25.5,0.4,38.2,0.6c22.2,3.3,28.7,25.1,43.4,37.3

  181.                                 C1004,588.3,1004.5,595.5,999.1,601.2z" />

  182.                         </a>

  183.                         <!-- Maran -->

  184.                         <a href="./lists/maran.html" data-area="maran">

  185.                             <path id="maran" class="pahang-tengah"

  186.                                 d="M690,649.3l0.1,0.1c-0.8,3.2-4.3,2.9-6.1,4.7c0,0,0,0,0,0c-5.5-0.8-10.9-1.6-16.4-2.5

  187.                                             c-7.2-4.7-11.8-3-13.8,5.5c-0.5,2-1.6,3.9-2.4,5.8c-6.2,13.7-6.2,12.9-18.7,5.4c-10.8-6.4-15.7-20.3-29.5-22.6

  188.                                             c-1-0.2-2.1-3.6-2.1-5.4v-0.2c0-9.2-5.8-14.2-13-18.4c-5.1-3.8-10.7-6.3-16.9-7.5c-4-0.8-8.2,0-12.3,0c-3.2,0-6.4-0.5-9.4-2.7

  189.                                             c0.5-10.4-10.9-17.3-8.5-28c5.2-23-2.2-45.5-2.2-68.2c0-8-3.6-16-6-24c0.2-0.5,0.4-1,0.5-1.6c-0.6-5.2-5.2-6.1-8.9-7.8

  190.                                             c-4.8-2.1-4.9-4.7-2.1-8.7c9.7-13.6,21.4-26.5,17-45.7c8.1,12.1,8.7,12.4,18.8,8.2c8.8,2.4,17.6,7.2,25.9-1.3c0-0.1,0-0.2,0-0.3

  191.                                             c7.3,1.3,14.6,3.1,21.7-0.7c1.5,3.7,4.9,5.3,8.3,5.8c14.1,2,24.6,9.1,33.2,20.3c3.3,4.3,6.9,8.4,8.9,13.5c1.7,4.5,4.8,9.3,9.7,8.7

  192.                                             c10.7-1.3,19.7,3.4,29.2,6.1c0.6,5.6-1.6,11.6,2.7,16.6c0.8,1.1,1.7,1.5,2.5,1.5c0.9,0,1.8-0.4,2.7-1.2c4.7-1.7,5.1-6.8,7.9-10

  193.                                             c1.4,0.1,2.7,0.1,4.1,0.2c5,5.1,9.6,10.9,15.2,15.2c10,7.7,13.3,17.7,10,29.1c-4.6,15.7-5.6,33.5-22.1,43.5

  194.                                             c-2.4,1.5-3.6,5.6-4.6,8.8c-1.4,4.7-3.5,8.8-6.7,12.1l0,0c-0.8,0.9-1.7,1.7-2.7,2.5l-2.1,1.6h0c-6.7,0.6-12,6.4-18.9,6.4

  195.                                             c-1,0-2-0.1-3-0.4c-8,2.6-9.1,8.4-5.4,14.7C678.7,636.1,682.7,644,690,649.3z" />

  196.                         </a>

  197.                         <!-- Bera -->

  198.                         <a href="lists/bera.html" data-area="bera">

  199.                             <path id="bera" class="pahang-barat"

  200.                                 d="M671.1,911.5c-13.5-10.7-16-25.6-11-39.9c3.5-9.9,3.3-18.5,2.3-28.1c-0.4-3.6,1.4-7.4,2.1-11.1c0,0,0,0,0,0

  201.                                 c0,0,0,0,0,0c0.4-1.2,0.6-2.4,1.2-3.5c6.1-10.4,13.1-20.5-1.6-30c-2.9-1.9-4.8-5.7-4.9-9.8c-5.1-8.2,2.4-18.2-3.8-26.6

  202.                                 c-1.3-1.7,2.9-6.3,5.6-5.3c10.6,3.9,16.1-5.2,26.9-8.8c-19.9-13.4-34.9-29-49.3-45.4c0,0,0,0,0,0c-7.1-8.3,1.1-17-0.6-25.4

  203.                                 c-9.3-4.9-17.2-11.7-24.6-19c-3.3-3.3-6-6.6-11.3-7c-4.1-0.2-7.5-2.6-6.7-7.3c1.6-9.6-5.2-14.4-10.6-20c0,0,0,0,0,0

  204.                                 c-7.7-3.4-15.5-6-24.3-5.3c-9.7,0.7-14.8,9.7-14.3,14.9c2.4,24.5-8.5,29-34.4,27.1c-5.6-0.4-11.2-2.5-16.8-4.7

  205.                                 c-9.8-3.9-20.4-5.5-29.2,3.3c0,0,0,0,0,0c-1,3-3.9,6-0.3,9.1c10.7,9.1,4.2,17.9-3,22.9c-11.4,7.9-10.2,18.9-11.1,29.7

  206.                                 c-0.2,2.2,2.3,5.7,0,6.9c-14.3,7.3-3.1,12,1.6,17.1c6.2,6.6,5.2,11.7-2.6,15.9c3.9,4.8,9.8,4.8,15,5.2

  207.                                 c22.6,1.7,39.6,11.4,51.4,31.4c5,8.5,10.2,17.6,18.8,23.5c25.9,17.5,51.8,35,77.7,52.3c3.1,2.1,6.7,4.7,10.1,4.7

  208.                                 c9.9,0.1,13.8,6.2,14.9,14.1c1.7,12.4,8.8,18,20.5,19.7c5,0.7,9.8,2.4,14.7,3.7C672.9,914.3,672.4,912.5,671.1,911.5z" />

  209.                         </a>

  210.                         <!-- Rompin -->

  211.                         <a href="./lists/rompin.html" data-area="rompin">

  212.                             <path id="rompin" class="pahang-timur" d="M1065.4,1052.3c-13.9,1-8.9-8.3-7.4-14.1c1.6-6.6,3.2-13.2,7.8-19.2c3.4-4.5,5.4-12-4.6-14.6

  213.                                 c-6-1.6-6.5-7.6-5.6-12.6c0.9-5.4,5.4-7.1,10.6-7c2.4,0,4.7,2.4,7.2,0c0.4-2.4-1.3-3.8-2.9-5.1c-22.7-19.1-43.4-39.9-61.8-63.3

  214.                                 c-12.4-15.7-22.8-31.6-26-51.3c-1.3-8.2-4.8-12.1-12.7-12.8c-33.5-2.8-66.9-6.7-100.5-1.2c-4.8,0.8-9.8,3.6-14.4-0.6c0,0,0,0,0,0

  215.                                 c-2.8-6.1-5.7-11.3-13.2-13.8c-10.4-3.4-12.1-15.5-18.9-22.9c-6-6.6-9.4-16.1-14.8-24c-5.1-7.3,0.6-13.1,8.4-16.3

  216.                                 c13.6-5.5,20.7-31.1,13.3-44c-7.5-13.2-20.4-24.2-18.2-41.6c0,0,0,0,0,0c-5.4-1.7-9.9,1.8-12,5.1c-6.3,9.8-17.1,8.4-25.8,11.6

  217.                                 c-5.5,2-10.3-1.8-13.7-6.5c-2-2.8-1.5-8.3-7-7.2c-4.9,1-4,5.6-4.9,9.1c-0.5,1.9-1.6,3.7-2.4,5.6c0,0,0,0,0,0

  218.                                 c-6.7,6.5-13.1,1-16.7-2.7c-11.2-11.2-25.1-20.1-32-35.2c0,0,0,0,0,0c-2.3-2.2-2.5-5.1-2.3-8c-9.6-4.8-21.3,2.6-30.4-5.3

  219.                                 c0,0,0,0,0,0c-5.9-0.1-5.7,5.2-7.5,8.6c-3.6,6.9-5,15.3-12.6,19.6c0,0,0,0,0,0c-1,5.1-2.1,10.1-3.1,15.2c0,0,0,0,0,0

  220.                                 c15.3,14.5,27.9,32,46,43.6c7.3,4.7,6.3,9.8-1.1,12.9c-7.1,3-11.7,10.4-21.4,9.5c-3.9-0.4,1.8,6.6-0.3,10.1l0,0c0,0,0,0,0,0

  221.                                 c-1.6,12,0.3,22.3,11.9,29.1c5.1,3,5.5,7.6,2.8,12.9c-4.2,8.1-7.9,16.4-11.8,24.7c0,0,0,0,0,0c5.2,13,1.9,26.5-1.6,38.5

  222.                                 c-3.6,12.5,2.1,19.3,8.3,27.4c2.3,3,4,6.3,6,9.5c0,0,0,0,0,0c25.9,25.7,47.6,55.1,71.6,82.3c7,7.9,12.8,16.9,23.2,21.2

  223.                                 c22.2,9.4,44.4,19,66.5,28.8c6.7,3,12.6,2.7,19.4-0.1c24.3-9.9,48.1-21.1,74.1-26.5c8.9-1.8,16.4-1.4,24.4,3

  224.                                 c8.8,4.8,17,11.6,27.6,12.4c6.1,0.4,9.7,3.8,13.7,7.9c15.9,16.7,37.8,23.5,57.8,33.3c4.1,2,12.7,3,16.9-3.3

  225.                                 C1077.3,1071.6,1068.9,1052.1,1065.4,1052.3z" />

  226.                         </a>

  227.                     </g>

  228.                 </svg>

  229. 

  230. 

  231.             </div>

  232.         </div>

  233. 

  234.     </section>

  235. 

  236. 

  237.     <script>

  238. 

  239.         //remove any history

  240.         sessionStorage.removeItem("prev-btn");

  241. 

  242.         document.getElementById('searchForm').addEventListener('submit', function (event) {

  243.             event.preventDefault(); // Prevent the form from submitting the traditional way

  244. 

  245.             var fileInput = document.getElementById('searchInput').value.trim().toLowerCase();

  246.             var numberRegex = /\d/; // Regular expression to check for any digit

  247.             var matchedFile;

  248. 

  249.             // Check for specific keywords first

  250.             var keywordMapping = {

  251.                 'industri': 'industri.html',

  252.                 'pembangunan': 'pembangunan.html',

  253.                 'penternakan': 'penternakan.html',

  254.                 'pertanian': 'pertanian.html'

  255.             };

  256. 

  257.             if (keywordMapping[fileInput]) {

  258.                 // If the input matches one of the keywords, redirect to the corresponding file

  259.                 window.location.href = keywordMapping[fileInput];

  260.                 return;

  261.             }

  262. 

  263.             if (numberRegex.test(fileInput)) {

  264.                 // Hardcoded list of files containing numbers

  265.                 var numberFiles = [

  266.                     'details_search/detail_hsd2384.html',

  267.                     'details_search/detail_hsd4638.html',

  268.                     'details_search/detail_hsd5621.html',

  269.                     'details_search/detail_hsd5625.html',

  270.                     'details_search/detail_hsd5627.html',

  271.                     'details_search/detail_hsd5714.html',

  272.                     'details_search/detail_hsd5715.html',

  273.                     'details_search/detail_hsd5734.html',

  274.                     'details_search/detail_hsd5738.html',

  275.                     'details_search/detail_hsd5745.html',

  276.                     'details_search/detail_hsd5749.html',

  277.                     'details_search/detail_hsd5761.html',

  278.                     'details_search/detail_hsd5762.html',

  279.                     'details_search/detail_hsd5763.html',

  280.                     'details_search/detail_hsd5764.html',

  281.                     'details_search/detail_hsd10006.html',

  282.                     'details_search/detail_hsd11863.html',

  283.                     'details_search/detail_hsd11991.html',

  284.                     'details_search/detail_hsd19372.html',

  285.                     'details_search/detail_hsd35309.html',

  286.                     'details_search/detail_hsd41862.html',

  287.                     'details_search/detail_hsd54735.html',

  288.                     'details_search/detail_hsd54736.html',

  289.                     'details_search/detail_hsd54737.html',

  290.                     'details_search/detail_hsd62437.html',

  291.                     'details_search/detail_hsd62438.html',

  292.                     'details_search/detail_hsd62441.html',

  293.                     'details_search/detail_hsd62442.html',

  294.                     'details_search/detail_hsd62443.html',

  295.                     'details_search/detail_hsd62495.html',

  296.                     'details_search/detail_hsd62497.html',

  297.                     'details_search/detail_hsd62503.html',

  298.                     'details_search/detail_hsd62504.html',

  299.                     'details_search/detail_hsd62510.html',

  300.                     'details_search/detail_hsd62520.html',

  301.                     'details_search/detail_hsm1225.html',

  302.                     'details_search/detail_hsm1909.html',

  303.                     'details_search/detail_hsm90298.html',

  304.                     'details_search/detail_pm32006.html',

  305.                     'details_search/detail_pn16507.html',

  306.                     'details_search/detail_pn17421_hsd1950.html',

  307.                     'details_search/detail_pn17427_hsd1949.html',

  308.                     'details_search/detail_pn28612.html'

  309.                 ];

  310. 

  311. 

  312.                 var regex = new RegExp(fileInput);

  313.                 matchedFile = numberFiles.find(file => regex.test(file));

  314.             } else {

  315.                 // Hardcoded list of files containing names

  316.                 var nameFiles = [

  317.                     'lists/bentong.html',

  318.                     'lists/bera.html',

  319.                     'lists/kuantan.html',

  320.                     'lists/lipis.html',

  321.                     'lists/maran.html',

  322.                     'lists/pekan.html',

  323.                     'lists/raub.html',

  324.                     'lists/rompin.html',

  325.                     'lists/temerloh.html'

  326.                 ];

  327. 

  328.                 var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search

  329.                 matchedFile = nameFiles.find(file => nameRegex.test(file));

  330.             }

  331. 

  332.             if (matchedFile) {

  333.                 // File found, redirect to it

  334.                 window.location.href = matchedFile;

  335.             } else {

  336.                 // alert('No file containing the input ' + fileInput + ' was found.');

  337.             }

  338.         });

  339. 

  340.     </script>

  341. 

  342.     <script>

  343.         let maran = document.querySelector("#maran");

  344.         let cameronHighland = document.querySelector("#cameron-highland");

  345.         let bentong = document.querySelector("#bentong");

  346.         let lipis = document.querySelector("#lipis");

  347.         let raub = document.querySelector("#raub");

  348.         let jerantut = document.querySelector("#jerantut");

  349.         let kuantan = document.querySelector("#kuantan");

  350.         let temerloh = document.querySelector("#temerloh");

  351.         let rompin = document.querySelector("#rompin");

  352.         let bera = document.querySelector("#bera");

  353.         let pekan = document.querySelector("#pekan");

  354. 

  355.         addLabelText(maran, "Maran");

  356.         addLabelText(cameronHighland, "Cameron");

  357.         addLabelText(cameronHighland, "Highland");

  358.         addLabelText(bentong, "Bentong");

  359.         addLabelText(lipis, "Lipis");

  360.         addLabelText(raub, "Raub");

  361.         addLabelText(jerantut, "Jerantut");

  362.         addLabelText(kuantan, "Kuantan");

  363.         addLabelText(temerloh, "Temerloh");

  364.         addLabelText(rompin, "Rompin");

  365.         addLabelText(bera, "Bera");

  366.         addLabelText(pekan, "Pekan");

  367. 

  368.         function addLabelText(bgPath, labelText) {

  369.             let bbox = bgPath.getBBox();

  370.             let x = bbox.x + bbox.width / 2;

  371.             let y = bbox.y + bbox.height / 2;

  372. 

  373.             // Create a <text> element

  374.             let textElem = document.createElementNS(bgPath.namespaceURI, "text");

  375.             // X axis

  376.             if (labelText == "Bentong") {

  377.                 textElem.setAttribute("x", 286);

  378.             } else if (labelText == "Pekan") {

  379.                 textElem.setAttribute("x", 870);

  380.             } else if (labelText == "Cameron") {

  381.                 textElem.setAttribute("x", 75);

  382.             } else {

  383.                 textElem.setAttribute("x", x);

  384.             }

  385.             // Y axis

  386.             if (labelText == "Rompin") {

  387.                 textElem.setAttribute("y", 935);

  388.             } else if (labelText == "Pekan") {

  389.                 textElem.setAttribute("y", 650);

  390.             } else if (labelText == "Kuantan") {

  391.                 textElem.setAttribute("y", 440);

  392.             } else if (labelText == "Cameron") {

  393.                 textElem.setAttribute("y", 130);

  394.             } else if (labelText == "Highland") {

  395.                 textElem.setAttribute("y", 155);

  396.             } else {

  397.                 textElem.setAttribute("y", y);

  398.             }

  399.             // Centre text horizontally at x,y

  400.             textElem.setAttribute("text-anchor", "middle");

  401.             // Give it a class that will determine the text size, colour, etc

  402.             if (labelText == "Cameron" || labelText == "Highland") {

  403.                 textElem.classList.add("label-text-cameron");

  404.             } else {

  405.                 textElem.classList.add("label-text");

  406.             }

  407.             // Set the text

  408.             textElem.textContent = labelText;

  409.             // Add this text element directly after the label background path

  410.             bgPath.after(textElem);

  411.         }

  412.     </script>

  413. </body>

  414. 

  415. </html>