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
Unified 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 
     user-select: none;
 55 
     user-select: none;
56 
     -webkit-user-select: none;
 56 
     -webkit-user-select: none;
57 
     width: auto;
 57 
     width: auto;
58 
+    z-index: 9999999;
58 
 }
 59 
 }
59 
 .button-23:focus-visible {
 60 
 .button-23:focus-visible {
60 
     box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
 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 
 <head>
 4 
 <head>
5 
     <meta charset="UTF-8">
 5 
     <meta charset="UTF-8">
6 
     <meta http-equiv="Content-Security-Policy" content="">
 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 
     <title>SIBS 2024</title>
 9 
     <title>SIBS 2024</title>
10 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
 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">
 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">
 12 
     <link rel="stylesheet" href="./css/app.css">
13 
+    <link rel="stylesheet" href="./css/animate.css">
13
14
14 
 </head>
 15 
 </head>
15
16
16 
 <body>
 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 
         <div class="search-container">
 20 
         <div class="search-container">
20 
             <img class="logo pb-4" src="Group_49433x.png" alt="">
 21 
             <img class="logo pb-4" src="Group_49433x.png" alt="">
235
236
236 
     <script>
 237 
     <script>
237
238
239 
+        //remove any history
240 
+        sessionStorage.removeItem("prev-btn");
241 
+
238 
         document.getElementById('searchForm').addEventListener('submit', function (event) {
 242 
         document.getElementById('searchForm').addEventListener('submit', function (event) {
239 
             event.preventDefault(); // Prevent the form from submitting the traditional way
 243 
             event.preventDefault(); // Prevent the form from submitting the traditional way
240
244

+ 3
- 3
industri.html View File

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

+ 4
- 29
lists/bentong.html View File

6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
     <meta http-equiv="Content-Security-Policy" content="">
 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 
     <title>SIBS 2024</title>
 11 
     <title>SIBS 2024</title>
12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
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" />
 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 
     <link rel="stylesheet" href="../css/app.css">
 14 
     <link rel="stylesheet" href="../css/app.css">
15 
+    <link rel="stylesheet" href="../css/animate.css">
15 
 </head>
 16 
 </head>
16
17
17 
 <body>
 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 
         <div class=""
 21 
         <div class=""
21 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 22 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
75
76
76 
     </section>
 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 
     <script>
 79 
     <script>
105 
         let bentong = document.querySelector("#bentong");
 80 
         let bentong = document.querySelector("#bentong");
106
81

+ 4
- 3
lists/bera.html View File

6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
     <meta http-equiv="Content-Security-Policy" content="">
 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 
     <title>SIBS 2024</title>
 11 
     <title>SIBS 2024</title>
12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
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" />
 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 
     <link rel="stylesheet" href="../css/app.css">
 14 
     <link rel="stylesheet" href="../css/app.css">
15 
+    <link rel="stylesheet" href="../css/animate.css">
15
16
16 
 </head>
 17 
 </head>
17
18
18 
 <body>
 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 
         <div class=""
 22 
         <div class=""
22 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 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 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
     <meta http-equiv="Content-Security-Policy" content="">
 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 
     <title>SIBS 2024</title>
 11 
     <title>SIBS 2024</title>
12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
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" />
 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 
 </head>
 17 
 </head>
18
18
19 
 <body>
 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 
         <div class=""
 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 
             <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
 24 
             <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
25 
                         class="fas fa-chevron-left"></i></a></h6>
 25 
                         class="fas fa-chevron-left"></i></a></h6>
26 
             <h6 style="color: white;">Kuantan</h6>
 26 
             <h6 style="color: white;">Kuantan</h6>
98 
             </div>
 98 
             </div>
99 
         </div>
 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 
                 <h6>Pembangunan</h6><br>
 103 
                 <h6>Pembangunan</h6><br>
105
104
106 
             </div>
 105 
             </div>
123 
             </div>
 122 
             </div>
124 
         </div>
 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 
                 <h6>Penternakan</h6><br>
 127 
                 <h6>Penternakan</h6><br>
130 
-
131 
             </div>
 128 
             </div>
132 
             <div class="text-center pt-2 text-nowrap flex-wrap"
 129 
             <div class="text-center pt-2 text-nowrap flex-wrap"
133 
                 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;">
 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 
             </div>
 138 
             </div>
142 
         </div>
 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 
                 <h6>Industri</h6><br>
 143 
                 <h6>Industri</h6><br>
148
144
149 
             </div>
 145 
             </div>
163
159
164 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
 160 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
165 
             showDiv('pembangun_plot');
 161 
             showDiv('pembangun_plot');
162 
+            sessionStorage.setItem("prev-btn", 'pembangun_btn');
166 
             showPoint('pembangunan-point');
 163 
             showPoint('pembangunan-point');
167 
         });
 164 
         });
168
165
169 
         document.getElementById('penternakan_btn').addEventListener('click', function () {
 166 
         document.getElementById('penternakan_btn').addEventListener('click', function () {
170 
             showDiv('penternakan_plot');
 167 
             showDiv('penternakan_plot');
168 
+            sessionStorage.setItem("prev-btn", 'penternakan_btn');
171 
             showPoint('penternakan-point');
 169 
             showPoint('penternakan-point');
172 
         });
 170 
         });
173
171
174 
         document.getElementById('industri_btn').addEventListener('click', function () {
 172 
         document.getElementById('industri_btn').addEventListener('click', function () {
175 
             showDiv('industri_plot');
 173 
             showDiv('industri_plot');
174 
+            sessionStorage.setItem("prev-btn", 'industri_btn');
176 
             showPoint('industri-point');
 175 
             showPoint('industri-point');
177 
         });
 176 
         });
178
177
190 
                 divs[i].classList.add('hidden');
 189 
                 divs[i].classList.add('hidden');
191 
             }
 190 
             }
192 
             var plots = document.getElementsByClassName(plotClass);
 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 
                 plots[i].classList.remove('hidden');
 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 
     </script>
 204 
     </script>
199 
     <script>
 205 
     <script>
200 
         let kuantan = document.querySelector("#kuantan");
 206 
         let kuantan = document.querySelector("#kuantan");
246 
             bgPath.after(textElem);
 252 
             bgPath.after(textElem);
247 
         }
 253 
         }
248 
     </script>
 254 
     </script>
249 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
255 
+
250
256
251 
 </body>
 257 
 </body>
252
258

+ 5
- 4
lists/lipis.html View File

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

+ 4
- 3
lists/maran.html View File

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

+ 21
- 13
lists/rompin.html View File

6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
     <meta http-equiv="Content-Security-Policy" content="">
 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 
     <title>SIBS 2024</title>
 11 
     <title>SIBS 2024</title>
12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
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" />
 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 
 </head>
 16 
 </head>
17
17
18 
 <body>
 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 
         <div class=""
 21 
         <div class=""
22 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 22 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
34 
             </div>
 34 
             </div>
35
35
36 
         <div class="text-center pt-1"
 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 
             <div class="pt-5 position-relative" style="width: 650px;height: 100px;margin-top: -700px;margin-left: -300px;">
 38 
             <div class="pt-5 position-relative" style="width: 650px;height: 100px;margin-top: -700px;margin-left: -300px;">
39 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
 39 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
40 
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="150 150 950 950"
 40 
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="150 150 950 950"
76 
         </div>
 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 
                 <h6>Pembangunan</h6><br>
 81 
                 <h6>Pembangunan</h6><br>
83
82
84 
             </div>
 83 
             </div>
85 
             <div class="text-center pt-2 text-nowrap flex-wrap"
 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 
                 <a href="../details/detail_hsd5715.html" class="button-23 mb-2 mr-2"
 87 
                 <a href="../details/detail_hsd5715.html" class="button-23 mb-2 mr-2"
89 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5715</a>
 88 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5715</a>
95 
             </div>
 94 
             </div>
96 
         </div>
 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 
             <div class="text-center pt-5"
 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 
                 <h6>Penternakan</h6><br>
 100 
                 <h6>Penternakan</h6><br>
102
101
103 
             </div>
 102 
             </div>
104 
             <div class="text-center pt-2 text-nowrap flex-wrap"
 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 
                 <a href="../details/detail_hsd4638.html" class="button-23 mb-2 mr-2"
 106 
                 <a href="../details/detail_hsd4638.html" class="button-23 mb-2 mr-2"
108 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 4638</a>
 107 
                     style="background-color: #1F9027; color: white; border: none;" role="button">HSD 4638</a>
133
132
134 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
 133 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
135 
             showDiv('pembangun_plot');
 134 
             showDiv('pembangun_plot');
135 
+            sessionStorage.setItem("prev-btn", 'pembangun_btn');
136 
             showPoint('pembangunan-point');
 136 
             showPoint('pembangunan-point');
137 
         });
 137 
         });
138
138
139 
         document.getElementById('penternakan_btn').addEventListener('click', function () {
 139 
         document.getElementById('penternakan_btn').addEventListener('click', function () {
140 
             showDiv('penternakan_plot');
 140 
             showDiv('penternakan_plot');
141 
+            sessionStorage.setItem("prev-btn", 'penternakan_btn');
141 
             showPoint('penternakan-point');
 142 
             showPoint('penternakan-point');
142 
         });
 143 
         });
143
144
155 
                 divs[i].classList.add('hidden');
 156 
                 divs[i].classList.add('hidden');
156 
             }
 157 
             }
157 
             var plots = document.getElementsByClassName(plotClass);
 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 
                 plots[i].classList.remove('hidden');
 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 
     </script>
 170 
     </script>
163 
     <script>
 171 
     <script>
164 
         let rompin = document.querySelector("#rompin");
 172 
         let rompin = document.querySelector("#rompin");
210 
             bgPath.after(textElem);
 218 
             bgPath.after(textElem);
211 
         }
 219 
         }
212 
     </script>
 220 
     </script>
213 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
221 
+
214
222
215 
 </body>
 223 
 </body>
216
224

+ 4
- 3
lists/temerloh.html View File

6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
     <meta http-equiv="Content-Security-Policy" content="">
 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 
     <title>SIBS 2024</title>
 11 
     <title>SIBS 2024</title>
12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
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" />
 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 
     <link rel="stylesheet" href="../css/app.css">
 14 
     <link rel="stylesheet" href="../css/app.css">
15 
+    <link rel="stylesheet" href="../css/animate.css">
15 
 </head>
 16 
 </head>
16
17
17 
 <body>
 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 
         <div class=""
 21 
         <div class=""
21 
             style="z-index: 3;background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
 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 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
 6 
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
 7 
     <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
     <meta http-equiv="Content-Security-Policy" content="">
 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 
     <title>SIBS 2024</title>
 11 
     <title>SIBS 2024</title>
12 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
 12 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
121
121
122 
     </section>
 122 
     </section>
123
123
124 
-    <script defer src="/ruta relativa a mi archivo .js"></script>
124 
+
125
125
126 
     <script>
 126 
     <script>
127
127

+ 3
- 3
penternakan.html View File

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

+ 3
- 3
pertanian.html View File

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

Write Preview
Loading…
Cancel
Save