다모앙
다모앙 사이드바에 게시판 / 카테고리 검색 기능 추가하기
커
커널패닉 (119.♡.59.225)
2024년 9월 23일 PM 05:40 · 수정됨(09. 29. 18:35)
조회 581 공감 0
가입 인사에 소개한 것과 같이 사이드바에 게시판 또는 카테고리에 검색 기능을 추가합니다. 아래 댓글의 소스코드를 복사해서 Tampermonkey 또는 Violetmonkey에 추가하시면 애드온 설치/업데이트가 완료됩니다~
변경 사항
- [24/09/19 23:32]: 자유게시판에 최초 릴리즈
- [24/09/23 17:40]: 사이드바 서브 메뉴 태그 sidebar-sub-s1-1에서 sidebar-sub-s1-2로 수정
- [25/06/19 16:40]: 다모앙 사이드바 지원 종료: https://damoang.net/notice/18444
댓글 (2)
- 커
커널패닉
작성자 24.09.23 · 125.♡.12.173
- 컨
컨텍스트
24.09.29 · 125.♡.41.31
감사합니다.
그런데
애드온깔고 스크립트 적용했는데도
"게시판/카테고리 검색..." 항목이 안보이네요.
댓글을 작성하려면 이 필요합니다.
// @name 다모앙 검색 필드
// @namespace Violentmonkey Scripts
// @match *://damoang.net/*
// @grant none
// @version 1.0.1
// @author 커널패닉
// @description 9/19/2024, 8:59:55 PM
// ==/UserScript==
function addFilterInput() {
const sidebar = document.getElementById('sidebar-site-menu');
var input = document.createElement('input');
input.type = 'text';
input.id = 'filter-input';
input.placeholder = '게시판/카테고리 검색...';
input.onkeyup = filterNavLinks;
sidebar.insertBefore(input, sidebar.firstChild);
}
function filterNavLinks() {
const sidebarElement = document.getElementById('sidebar-sub-s1-2');
var input = document.getElementById('filter-input');
var filter = input.value.toLowerCase();
var navLinks = document.getElementsByClassName('nav-link');
if(filter.length > 0 && !sidebarElement.classList.contains('show')) {
if (sidebarElement) sidebarElement.classList.add('show');
} else {
if (sidebarElement) sidebarElement.classList.remove('show');
}
for (var i = 0; i < navLinks.length; i++) {
var link = navLinks[i];
if(filter.length === 0) {
link.style.display = '';
link.style.color = '';
} else if (link.textContent.toLowerCase().indexOf(filter) > -1) {
link.style.display = '';
link.style.color = 'orange';
} else {
link.style.display = 'none';
link.style.color = '';
}
}
}
window.onload = function() {
addFilterInput();
};
[/code]