안녕하세요~ 뉴비입니다!
커널패닉

Lv.1 커널패닉 (125.♡.12.173)

2024년 9월 19일 PM 11:31 · 수정됨(09. 20. 22:01)

조회 827 공감 0

만나서 반갑습니다{emo:damoang-emo-029.gif:100}


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


따라서...

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

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

댓글 (10)

  • 커널패닉

    커널패닉 Lv.1 작성자

    24.09.19 · 125.♡.12.173

    [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]
  • 완두콩

    완두콩 Lv.1

    24.09.19 · 211.♡.12.92

    [https://s3.damoang.net/data/editor/2409/comment_3556052060_4S0kPufB_af0c1c7489e907a5cbf27f36a2f98ef8c0c19f4b.webp]
    다모앙 개발지원 신청하기 -> https://damoang.net/discord
    {emo:onion-051.gif:100}
  • SDK

    SDK Lv.1 → 완두콩

    24.09.19 · 127.♡.0.1

    이런 배너는 또 언제 만들었데요?ㅎㅎ
  • 완두콩

    완두콩 Lv.1 → SDK

    24.09.19 · 211.♡.12.92

    제 서명란에 달아놨습니다
    ㅋㅋㅋㅋㅋㅋ
  • 커널패닉

    커널패닉 Lv.1 → 완두콩 작성자

    24.09.19 · 125.♡.12.173

    {emo:onion-021.gif:100}
  • SDK

    SDK Lv.1

    24.09.19 · 127.♡.0.1

    {emo:welcome-003.jpg:1400}
  • 커널패닉

    커널패닉 Lv.1 → SDK 작성자

    24.09.19 · 125.♡.12.173

    반갑습니다{emo:damoang-emo-011.gif:100}
  • 가로도사

    가로도사 Lv.1

    24.09.20 · 1.♡.112.222

    무슨 말인 지 1도 모르지만,
    아뭏든 환영합니당앙앙앙앙~~~~
  • giants72

    giants72 Lv.1

    24.09.20 · 223.♡.244.21

    환영합니다
  • 사람만이희망이다

    사람만이희망이다 Lv.1

    24.09.20 · 121.♡.250.219

    {emo:welcome-001.jpg:100}{emo:damoang-emo-043.gif:100}

댓글을 작성하려면 이 필요합니다.