로그인
회원가입
정보찾기

강좌/팁

🔥 제목 시위는 [말머리] 또는 임시게시판(불타는앙)을 이용바랍니다.

다모앙 사이드바에 게시판 / 카테고리 검색 기능 추가하기

알림
|
X
no_profile 커널패닉 125.♡.12.173
2024.09.23 17:40
다모앙
291
2
0
쓰기

​가입 인사에 소개한 것과 같이 사이드바에 게시판 또는 카테고리에 검색 기능을 추가합니다. 아래 댓글의 소스코드를 복사해서 Tampermonkey 또는 Violetmonkey에 추가하시면 애드온 설치/업데이트가 완료됩니다~


변경 사항

- [24/09/19 23:32]: 자유게시판에 최초 릴리즈

- [24/09/23 17:40]: 사이드바 서브 메뉴 태그 sidebar-sub-s1-1에서 sidebar-sub-s1-2로 수정

댓글 2 / 1 페이지
no_profile 커널패닉 (125.♡.12.173)
09.23 17:40 
// ==UserScript==
// @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();
};
컨텍스트 (125.♡.41.31)
09.29 18:35
감사합니다.
그런데
애드온깔고 스크립트 적용했는데도
"게시판/카테고리 검색..." 항목이 안보이네요.
쓰기