특정 메뉴에 자바스크립트 적용하기
tail.sub.php 이나 footer.php 같은 곳에 자바스크립트를 넣어서, 특정 메뉴(텍스트명) 클릭 했을 때 alert 하는 방법
관리자에서는 메뉴 설정시 자바스크립트는 제한하기 때문에 소스를 변경해야 하는데, 간단하게 하단 스크립트를 마지막에 실행 해 주면 됩니다. 메뉴에서 '#' 설정 한 것도 강제로 javascript:void(0) 처리 해 주고, 현재 a 태그의 nav-link 클래스로 묶인 곳에 '후보자' 라는 텍스트가 있다면 인식 후 alert 하는 방식.
메뉴 구성 예
<a class="nav-link " href="#" target="_self">후보자</a>
<script>
document.querySelectorAll('a.nav-link').forEach(function(el) {
if (el.textContent.trim() === '후보자') {
el.setAttribute('href', 'javascript:void(0)');
el.addEventListener('click', function(e) {
alert('준비중입니다');
});
}
});
</script>
댓글 1개
민트다이어리
5개월 전
감사합니다 ^^
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4433 | ||
| 2664 |
선택과집중
|
4개월 전 | 575 | |
| 2663 |
 GREENnBLUE |
4개월 전 | 628 | |
| 2662 |
GREENnBLUE |
4개월 전 | 583 | |
| 2661 |
선택과집중
|
4개월 전 | 514 | |
| 2660 | 4개월 전 | 589 | ||
| 2659 |
Modify
|
4개월 전 | 654 | |
| 2658 |
선택과집중
|
4개월 전 | 416 | |
| 2657 | 4개월 전 | 452 | ||
| 2656 |
 레이딩솔루션 |
5개월 전 | 965 | |
| 2655 |
선택과집중
|
5개월 전 | 550 | |
| 2654 | 5개월 전 | 405 | ||
| 2653 |
선택과집중
|
5개월 전 | 592 | |
| 2652 | 5개월 전 | 400 | ||
| 2651 | 5개월 전 | 447 | ||
| 2650 |
선택과집중
|
5개월 전 | 328 | |
| 2649 |
선택과집중
|
5개월 전 | 428 | |
| 2648 | 5개월 전 | 442 | ||
| 2647 |
welcome
|
5개월 전 | 546 | |
| 2646 |
디지털홍익인간
|
5개월 전 | 454 | |
| 2645 | 5개월 전 | 469 | ||
| 2644 |
선택과집중
|
5개월 전 | 515 | |
| 2643 | 5개월 전 | 461 | ||
| 2642 | 5개월 전 | 373 | ||
| 2641 | 5개월 전 | 363 | ||
| 2640 | 5개월 전 | 394 | ||
| 2639 | 5개월 전 | 1364 | ||
| 2638 |
 마르스컴퍼니 |
6개월 전 | 517 | |
| 2637 |
세르반데스
|
6개월 전 | 403 | |
| 2636 |
선택과집중
|
6개월 전 | 572 | |
| 2635 |
선택과집중
|
6개월 전 | 688 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기