muqriz
/
SIBS2024
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

add history on category onback button

master
azri 2 months ago
parent
56e3a3c015
commit
b87b62d2b8
15 changed files with 108 additions and 104 deletions
Split View Show Diff Stats
  1. 1
    0
      css/app.css
  2. 7
    3
      index.html
  3. 3
    3
      industri.html
  4. 4
    29
      lists/bentong.html
  5. 4
    3
      lists/bera.html
  6. 22
    16
      lists/kuantan.html
  7. 5
    4
      lists/lipis.html
  8. 4
    3
      lists/maran.html
  9. 4
    3
      lists/pekan.html
  10. 20
    15
      lists/raub.html
  11. 21
    13
      lists/rompin.html
  12. 4
    3
      lists/temerloh.html
  13. 3
    3
      pembangunan.html
  14. 3
    3
      penternakan.html
  15. 3
    3
      pertanian.html

+ 1
- 0
css/app.css View File 

@@ -55,6 +55,7 @@
55 55 
     user-select: none;
56 56 
     -webkit-user-select: none;
57 57 
     width: auto;
58 
+    z-index: 9999999;
58 59 
 }
59 60 
 .button-23:focus-visible {
60 61 
     box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;

+ 7
- 3
index.html View File 

@@ -4,17 +4,18 @@
4 4 
 <head>
5 5 
     <meta charset="UTF-8">
6 6 
     <meta http-equiv="Content-Security-Policy" content="">
7 
-    <!-- include bulma css -->
8 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
7 
+
8 
+
9 9 
     <title>SIBS 2024</title>
10 10 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
11 11 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
12 12 
     <link rel="stylesheet" href="./css/app.css">
13 
+    <link rel="stylesheet" href="./css/animate.css">
13 14
14 15 
 </head>
15 16
16 17 
 <body>
17 
-    <section class="section" style="max-height: 120vh;">
18 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 120vh;">
18 19
19 20 
         <div class="search-container">
20 21 
             <img class="logo pb-4" src="Group_49433x.png" alt="">
 
@@ -235,6 +236,9 @@
235 236
236 237 
     <script>
237 238
239 
+        //remove any history
240 
+        sessionStorage.removeItem("prev-btn");
241 
+
238 242 
         document.getElementById('searchForm').addEventListener('submit', function (event) {
239 243 
             event.preventDefault(); // Prevent the form from submitting the traditional way
240 244

+ 3
- 3
industri.html View File 

@@ -6,8 +6,8 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
@@ -95,7 +95,7 @@
95 95
96 96 
     </section>
97 97
98 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
98 
+
99 99
100 100 
     <script>
101 101

+ 4
- 29
lists/bentong.html View File 

@@ -6,16 +6,17 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">
15 
+    <link rel="stylesheet" href="../css/animate.css">
15 16 
 </head>
16 17
17 18 
 <body>
18 
-    <section class="section" style="max-height: 100vh;">
19 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
19 20
20 21 
         <div class=""
21 22 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 
@@ -75,32 +76,6 @@
75 76
76 77 
     </section>
77 78
78 
-    <script>
79 
-
80 
-        document.getElementById('pembangun_btn').addEventListener('click', function () {
81 
-            showDiv('pembangun_plot');
82 
-        });
83 
-
84 
-        document.getElementById('penternakan_btn').addEventListener('click', function () {
85 
-            showDiv('penternakan_plot');
86 
-        });
87 
-
88 
-        document.getElementById('pertanian_btn').addEventListener('click', function () {
89 
-            showDiv('pertanian_plot');
90 
-        });
91 
-
92 
-        document.getElementById('industri_btn').addEventListener('click', function () {
93 
-            showDiv('industri_plot');
94 
-        });
95 
-
96 
-        function showDiv(divId) {
97 
-            var divs = document.getElementsByClassName('content-div');
98 
-            for (var i = 0; i < divs.length; i++) {
99 
-                divs[i].classList.add('hidden');
100 
-            }
101 
-            document.getElementById(divId).classList.remove('hidden');
102 
-        }
103 
-    </script>
104 79 
     <script>
105 80 
         let bentong = document.querySelector("#bentong");
106 81

+ 4
- 3
lists/bera.html View File 

@@ -6,17 +6,18 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">
15 
+    <link rel="stylesheet" href="../css/animate.css">
15 16
16 17 
 </head>
17 18
18 19 
 <body>
19 
-    <section class="section" style="max-height: 100vh;">
20 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
20 21
21 22 
         <div class=""
22 23 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">

+ 22
- 16
lists/kuantan.html View File 

@@ -6,8 +6,8 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
 
@@ -17,10 +17,10 @@
17 17 
 </head>
18 18
19 19 
 <body>
20 
-    <section class="section" style="max-height: 100vh;">
20 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
21 21
22 22 
         <div class=""
23 
-            style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
23 
+            style="z-index: 1;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
24 24 
             <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
25 25 
                         class="fas fa-chevron-left"></i></a></h6>
26 26 
             <h6 style="color: white;">Kuantan</h6>
 
@@ -98,9 +98,8 @@
98 98 
             </div>
99 99 
         </div>
100 100
101 
-        <div id="pembangun_plot" class="content-div">
102 
-            <div class="text-center pt-5"
103 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
101 
+        <div id="pembangun_plot" class="position-relative content-div animate__animated animate__fadeIn" style="z-index: 3;background-color: rgb(0, 0, 0, 0);">
102 
+            <div class="text-center pt-5" style="display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
104 103 
                 <h6>Pembangunan</h6><br>
105 104
106 105 
             </div>
 
@@ -123,11 +122,9 @@
123 122 
             </div>
124 123 
         </div>
125 124
126 
-        <div id="penternakan_plot" class="hidden content-div">
127 
-            <div class="text-center pt-5"
128 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
125 
+        <div id="penternakan_plot" class="position-relative content-div animate__animated animate__fadeIn hidden" style="z-index: 3;background-color: rgb(0, 0, 0, 0);">
126 
+            <div class="text-center pt-5" style="display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
129 127 
                 <h6>Penternakan</h6><br>
130 
-
131 128 
             </div>
132 129 
             <div class="text-center pt-2 text-nowrap flex-wrap"
133 130 
                 style="position: relative;z-index: 3;background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
 
@@ -141,9 +138,8 @@
141 138 
             </div>
142 139 
         </div>
143 140
144 
-        <div id="industri_plot" class="hidden content-div">
145 
-            <div class="text-center pt-5"
146 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
141 
+        <div id="industri_plot" class="position-relative content-div animate__animated animate__fadeIn hidden" style="z-index: 3;background-color: rgb(0, 0, 0, 0);">
142 
+            <div class="text-center pt-5" style="display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
147 143 
                 <h6>Industri</h6><br>
148 144
149 145 
             </div>
 
@@ -163,16 +159,19 @@
163 159
164 160 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
165 161 
             showDiv('pembangun_plot');
162 
+            sessionStorage.setItem("prev-btn", 'pembangun_btn');
166 163 
             showPoint('pembangunan-point');
167 164 
         });
168 165
169 166 
         document.getElementById('penternakan_btn').addEventListener('click', function () {
170 167 
             showDiv('penternakan_plot');
168 
+            sessionStorage.setItem("prev-btn", 'penternakan_btn');
171 169 
             showPoint('penternakan-point');
172 170 
         });
173 171
174 172 
         document.getElementById('industri_btn').addEventListener('click', function () {
175 173 
             showDiv('industri_plot');
174 
+            sessionStorage.setItem("prev-btn", 'industri_btn');
176 175 
             showPoint('industri-point');
177 176 
         });
178 177 
 
@@ -190,11 +189,18 @@
190 189 
                 divs[i].classList.add('hidden');
191 190 
             }
192 191 
             var plots = document.getElementsByClassName(plotClass);
193 
-            for (var i = 0; i < divs.length; i++) {
192 
+            for (var i = 0; i < plots.length; i++) {
194 193 
                 plots[i].classList.remove('hidden');
195 194 
             }
196 195 
         }
197 196
197 
+
198 
+        if(sessionStorage.getItem("prev-btn")){
199 
+            let prev_btn = sessionStorage.getItem("prev-btn");
200 
+            let targetButton = document.getElementById(prev_btn);
201 
+            targetButton.click();
202 
+        }
203 
+
198 204 
     </script>
199 205 
     <script>
200 206 
         let kuantan = document.querySelector("#kuantan");
 
@@ -246,7 +252,7 @@
246 252 
             bgPath.after(textElem);
247 253 
         }
248 254 
     </script>
249 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
255 
+
250 256
251 257 
 </body>
252 258

+ 5
- 4
lists/lipis.html View File 

@@ -6,18 +6,19 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
14 14 
         integrity="sha512-abc123..." crossorigin="anonymous" />
15 15 
     <link rel="stylesheet" href="../css/app.css">
16 
+    <link rel="stylesheet" href="../css/animate.css">
16 17
17 18 
 </head>
18 19
19 20 
 <body>
20 
-    <section class="section" style="max-height: 100vh;">
21 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
21 22
22 23 
         <div class=""
23 24 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 
@@ -156,7 +157,7 @@
156 157 
         }
157 158 
     </script>
158 159
159 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
160 
+
160 161
161 162 
 </body>
162 163

+ 4
- 3
lists/maran.html View File 

@@ -6,17 +6,18 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
14 14 
         integrity="sha512-abc123..." crossorigin="anonymous" />
15 15 
     <link rel="stylesheet" href="../css/app.css">
16 
+    <link rel="stylesheet" href="../css/animate.css">
16 17 
 </head>
17 18
18 19 
 <body>
19 
-    <section class="section" style="max-height: 100vh;">
20 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
20 21
21 22 
         <div class=""
22 23 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">

+ 4
- 3
lists/pekan.html View File 

@@ -6,17 +6,18 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
14 14 
         integrity="sha512-abc123..." crossorigin="anonymous" />
15 15 
     <link rel="stylesheet" href="../css/app.css">
16 
+    <link rel="stylesheet" href="../css/animate.css">
16 17 
 </head>
17 18
18 19 
 <body>
19 
-    <section class="section" style="max-height: 100vh;">
20 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
20 21
21 22 
         <div class=""
22 23 
             style="z-index: 9999;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">

+ 20
- 15
lists/raub.html View File 

@@ -6,8 +6,8 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
12 12 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
13 13 
     <link rel="stylesheet" href="../css/app.css">
 
@@ -15,7 +15,7 @@
15 15 
 </head>
16 16
17 17 
 <body>
18 
-    <section class="section" style="max-height: 100vh;">
18 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
19 19
20 20 
         <div class=""
21 21 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 
@@ -33,7 +33,7 @@
33 33 
             </div>
34 34
35 35 
         <div class="text-center pt-1"
36 
-            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 400px;">
36 
+           style="min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 400px;">
37 37 
             <div class="pt-5 position-relative" style="width: 600px;height: 100px;margin-top: -200px;">
38 38 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
39 39 
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="100 170 600 600"
 
@@ -63,14 +63,13 @@
63 63 
         </div>
64 64
65 65
66 
-        <div id="pembangun_plot" class="content-div">
67 
-            <div class="text-center pt-5"
68 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
66 
+        <div id="pembangun_plot" class="position-relative content-div animate__animated animate__fadeIn" style="z-index: 3;background-color: rgb(0, 0, 0, 0);">
67 
+            <div class="text-center pt-5"style="display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
69 68 
                 <h6>Pembangunan</h6><br>
70 69
71 70 
             </div>
72 71 
             <div class="text-center pt-2 text-nowrap flex-wrap"
73 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
72 
+               style="display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
74 73
75 74 
                 <a href="../details/detail_hsd11863.html" class="button-23 mb-2 mr-2"
76 75 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 11863</a>
 
@@ -78,14 +77,12 @@
78 77 
             </div>
79 78 
         </div>
80 79
81 
-        <div id="pertanian_plot" class="hidden content-div">
82 
-            <div class="text-center pt-5"
83 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
80 
+        <div id="pertanian_plot" class="hidden position-relative content-div animate__animated animate__fadeIn" style="z-index: 3;background-color: rgb(0, 0, 0, 0);">
81 
+            <div class="text-center pt-5"style="display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
84 82 
                 <h6>Pertanian</h6><br>
85 83
86 84 
             </div>
87 
-            <div class="text-center pt-2 text-nowrap flex-wrap"
88 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
85 
+            <div class="text-center pt-2 text-nowrap flex-wrap"style="display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
89 86
90 87 
                 <a href="../details/detail_hsd11991.html" class="button-23 mb-2 mr-2"
91 88 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 11991</a>
 
@@ -99,6 +96,7 @@
99 96
100 97 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
101 98 
             showDiv('pembangun_plot');
99 
+            sessionStorage.setItem("prev-btn", 'pembangun_btn');
102 100 
             showPoint('pembangunan-point');
103 101 
         });
104 102 
 
@@ -106,6 +104,7 @@
106 104
107 105 
         document.getElementById('pertanian_btn').addEventListener('click', function () {
108 106 
             showDiv('pertanian_plot');
107 
+            sessionStorage.setItem("prev-btn", 'pertanian_btn');
109 108 
             showPoint('pertanian-point');
110 109 
         });
111 110 
 
@@ -125,11 +124,17 @@
125 124 
                 divs[i].classList.add('hidden');
126 125 
             }
127 126 
             var plots = document.getElementsByClassName(plotClass);
128 
-            for (var i = 0; i < divs.length; i++) {
127 
+            for (var i = 0; i < plots.length; i++) {
129 128 
                 plots[i].classList.remove('hidden');
130 129 
             }
131 130 
         }
132 131
132 
+        if(sessionStorage.getItem("prev-btn")){
133 
+            let prev_btn = sessionStorage.getItem("prev-btn");
134 
+            let targetButton = document.getElementById(prev_btn);
135 
+            targetButton.click();
136 
+        }
137 
+
133 138 
     </script>
134 139 
     <script>
135 140 
         let raub = document.querySelector("#raub");
 
@@ -182,7 +187,7 @@
182 187 
         }
183 188 
     </script>
184 189
185 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
190 
+
186 191
187 192 
 </body>
188 193

+ 21
- 13
lists/rompin.html View File 

@@ -6,8 +6,8 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
 
@@ -16,7 +16,7 @@
16 16 
 </head>
17 17
18 18 
 <body>
19 
-    <section class="section" style="max-height: 100vh;">
19 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
20 20
21 21 
         <div class=""
22 22 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 
@@ -34,7 +34,7 @@
34 34 
             </div>
35 35
36 36 
         <div class="text-center pt-1"
37 
-            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: -0px;">
37 
+           style="min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: -0px;">
38 38 
             <div class="pt-5 position-relative" style="width: 650px;height: 100px;margin-top: -700px;margin-left: -300px;">
39 39 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
40 40 
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="150 150 950 950"
 
@@ -76,14 +76,13 @@
76 76 
         </div>
77 77
78 78
79 
-        <div id="pembangun_plot" class="content-div">
80 
-            <div class="text-center pt-5"
81 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
79 
+        <div id="pembangun_plot" class="position-relative content-div animate__animated animate__fadeIn" style="z-index: 3;background-color: rgb(0, 0, 0, 0);">
80 
+            <div class="text-center pt-5"style="display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
82 81 
                 <h6>Pembangunan</h6><br>
83 82
84 83 
             </div>
85 84 
             <div class="text-center pt-2 text-nowrap flex-wrap"
86 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
85 
+               style="display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
87 86
88 87 
                 <a href="../details/detail_hsd5715.html" class="button-23 mb-2 mr-2"
89 88 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5715</a>
 
@@ -95,14 +94,14 @@
95 94 
             </div>
96 95 
         </div>
97 96
98 
-        <div id="penternakan_plot" class="hidden content-div">
97 
+        <div id="penternakan_plot" class="hidden position-relative content-div animate__animated animate__fadeIn" style="z-index: 3;background-color: rgb(0, 0, 0, 0);">
99 98 
             <div class="text-center pt-5"
100 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
99 
+               style="display: flex; justify-content: left; align-items: left; padding-left: 100px;margin-top: 250px;">
101 100 
                 <h6>Penternakan</h6><br>
102 101
103 102 
             </div>
104 103 
             <div class="text-center pt-2 text-nowrap flex-wrap"
105 
-                style="background-color: white; display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
104 
+               style="display: flex; justify-content: left; align-items: left; padding-left: 100px; margin-top: 0;gap: 10px;padding-right: 100px;">
106 105
107 106 
                 <a href="../details/detail_hsd4638.html" class="button-23 mb-2 mr-2"
108 107 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 4638</a>
 
@@ -133,11 +132,13 @@
133 132
134 133 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
135 134 
             showDiv('pembangun_plot');
135 
+            sessionStorage.setItem("prev-btn", 'pembangun_btn');
136 136 
             showPoint('pembangunan-point');
137 137 
         });
138 138
139 139 
         document.getElementById('penternakan_btn').addEventListener('click', function () {
140 140 
             showDiv('penternakan_plot');
141 
+            sessionStorage.setItem("prev-btn", 'penternakan_btn');
141 142 
             showPoint('penternakan-point');
142 143 
         });
143 144 
 
@@ -155,10 +156,17 @@
155 156 
                 divs[i].classList.add('hidden');
156 157 
             }
157 158 
             var plots = document.getElementsByClassName(plotClass);
158 
-            for (var i = 0; i < divs.length; i++) {
159 
+            for (var i = 0; i < plots.length; i++) {
159 160 
                 plots[i].classList.remove('hidden');
160 161 
             }
161 162 
         }
163 
+
164 
+        if(sessionStorage.getItem("prev-btn")){
165 
+            let prev_btn = sessionStorage.getItem("prev-btn");
166 
+            let targetButton = document.getElementById(prev_btn);
167 
+            targetButton.click();
168 
+        }
169 
+
162 170 
     </script>
163 171 
     <script>
164 172 
         let rompin = document.querySelector("#rompin");
 
@@ -210,7 +218,7 @@
210 218 
             bgPath.after(textElem);
211 219 
         }
212 220 
     </script>
213 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
221 
+
214 222
215 223 
 </body>
216 224

+ 4
- 3
lists/temerloh.html View File 

@@ -6,16 +6,17 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">
15 
+    <link rel="stylesheet" href="../css/animate.css">
15 16 
 </head>
16 17
17 18 
 <body>
18 
-    <section class="section" style="max-height: 100vh;">
19 
+    <section class="section animate__animated animate__fadeIn" style="max-height: 100vh;">
19 20
20 21 
         <div class=""
21 22 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">

+ 3
- 3
pembangunan.html View File 

@@ -6,8 +6,8 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
@@ -121,7 +121,7 @@
121 121
122 122 
     </section>
123 123
124 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
124 
+
125 125
126 126 
     <script>
127 127

+ 3
- 3
penternakan.html View File 

@@ -6,8 +6,8 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
@@ -172,7 +172,7 @@
172 172
173 173 
     </section>
174 174
175 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
175 
+
176 176
177 177 
     <script>
178 178

+ 3
- 3
pertanian.html View File 

@@ -6,8 +6,8 @@
6 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 
-    <!-- include bulma css -->
10 
-    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+
10 
+
11 11 
     <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
@@ -70,7 +70,7 @@
70 70
71 71 
     </section>
72 72
73 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
73 
+
74 74
75 75 
     <script>
76 76

Write Preview
Loading…
Cancel
Save