2 files changed, 37 insertions, 9 deletions
diff --git a/irclog/view/index.html b/irclog/view/index.html
index 490e9c3..41c33da 100644
--- a/irclog/view/index.html
+++ b/irclog/view/index.html
@@ -40,6 +40,22 @@
         #searchlink {
             visibility: hidden;
         }
+                .logline {
+            color: black;
+            text-decoration: none; 
+        }
+        .logline:link {
+            color: black;
+            text-decoration: none; 
+        }
+        .logline:hover {
+            color: black;
+            text-decoration: underline;
+        }
+        .logline:visited {
+            color: black;
+            text-decoration: none; 
+        }
     </style>
 </head>
 <body>
@@ -57,6 +73,6 @@
     <div id="log-container"></div>
     <button onclick="setPreviousDay()">上一天</button>
     <button onclick="setNextDay()">下一天</button>
-    <script src="./view4.js"></script>
+    <script src="./view7.js"></script>
 </body>
 </html>
diff --git a/irclog/view/view4.js b/irclog/view/view7.js
index 1863f64..29eed6c 100644
--- a/irclog/view/view4.js
+++ b/irclog/view/view7.js
@@ -44,11 +44,15 @@ function setDateState(date) {
     month = String(date.getMonth() + 1).padStart(2, '0');
     day = String(date.getDate()).padStart(2, '0');
     dateInput.value = formatDate(getDate(year, month, day));
-    window.history.replaceState(null, '', window.location.origin + window.location.pathname +
+    let newurl = window.location.origin + window.location.pathname +
         '?chan=' + chan +
         '&y=' + year +
         '&m=' + month +
-        '&d=' + day);
+        '&d=' + day;
+    if (hashtag !== '') {
+        newurl = newurl + '#' + hashtag;
+    }
+    window.history.replaceState(null, '', newurl);
 }
 
 setDateState(getDate(year, month, day));
@@ -79,20 +83,28 @@ function linkify(text) {
     });
 }
 
+function sethash(time) {
+    let newurl = window.location.pathname + window.location.search + '#' + time;
+    window.history.replaceState(null, '', newurl);
+}
+
 function insertTag(text) {
     let res = '';
     let lines = text.split('\n');
     let scrollToInserted = false;
     for (let line of lines) {
         let time = line.substring(1, 9);
-        if (!scrollToInserted && time == hashtag && time !== '') {
-            res += '<span id="scrollTo"></span>';
-            scrollToInserted = true;
-            res += '<span style="color:red;">' + line + '</span>\n';
+        if (time == hashtag && time !== '') {
+            if (!scrollToInserted) {
+                res += '<span id="scrollTo"></span>';
+                scrollToInserted = true;
+            }
+            res += '<a class="logline" href="#' + time + '" style="color:red;">' + line + '</span>\n';
         } else {
-            res += line + '\n';
+            res += '<a class="logline" href="#' + time + '">' + line + '</a>\n';
         }
     }
+    hashtag = '';
     return res;
 }
 
@@ -117,7 +129,7 @@ function loadLog() {
             logContainer.innerHTML = `<pre>${logProcess(text)}</pre>`;
             let scrollTo = document.getElementById('scrollTo');
             if (scrollTo) {
-                scrollTo.scrollIntoView();
+                scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'});
             }
         })
         .catch(error => {