안녕하세요~ 뉴비입니다!

알림

커널패닉 125.♡.12.173

2024.09.19 23:31

675

글쓰기

만나서 반갑습니다

회원 가입할 때 약관이 하얗게 변해 있어서 제보하려고 했었는데 이미 알려진 이슈였군요.. 잠깐 설렜습니다.

따라서...

원하는 소모임을 찾는게 귀찮아서 위 사진과 같이 게시판을 검색하는 기능을 만들어 보았는데 소스 코드는 아래 댓글에 첨부하겠습니다. (헤더 메뉴와 게시판 내 카테고리도 필터링이 되던데 버그가 아닌 기능입니다!)

Tampermonkey에 추가하시면 애드온 설치가 완료됩니다~

🔷LGU+알뜰폰 번호, 회선 유지용 평생 1,100원🔷

댓글 10 / 1 페이지

커널패닉 (125.♡.12.173)

09.19 23:32

// ==UserScript==
// @name        다모앙 검색 필드
// @namespace   Violentmonkey Scripts
// @match       *://damoang.net/*
// @grant       none
// @version     1.0
// @author      커널패닉
// @description 9/19/2024, 8:59:55 PM
// ==/UserScript==

const sidebarElement = document.getElementById('sidebar-sub-s1-1');

function addFilterInput() {
  var input = document.createElement('input');
  input.type = 'text';
  input.id = 'filter-input';
  input.placeholder = '게시판/카테고리 검색...';
  input.onkeyup = filterNavLinks;

  var sidebar = document.getElementById('sidebar-site-menu');
  sidebar.insertBefore(input, sidebar.firstChild);
}

function filterNavLinks() {
  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=javascript]// ==UserScript==
// @name        다모앙 검색 필드
// @namespace   Violentmonkey Scripts
// @match       *://damoang.net/*
// @grant       none
// @version     1.0
// @author      커널패닉
// @description 9/19/2024, 8:59:55 PM
// ==/UserScript==

const sidebarElement = document.getElementById('sidebar-sub-s1-1');

function addFilterInput() {
  var input = document.createElement('input');
  input.type = 'text';
  input.id = 'filter-input';
  input.placeholder = '게시판/카테고리 검색...';
  input.onkeyup = filterNavLinks;

var sidebar = document.getElementById('sidebar-site-menu');
  sidebar.insertBefore(input, sidebar.firstChild);
}

function filterNavLinks() {
  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]