SearchTrademark/manual.js

38 lines
1.3 KiB
JavaScript

// 탭 전환 기능
document.addEventListener('DOMContentLoaded', function() {
// 탭 전환 기능
document.querySelectorAll('.tab').forEach(tab => {
tab.addEventListener('click', () => {
console.log('탭 클릭됨:', tab.dataset.tab);
// 모든 탭과 콘텐츠에서 active 클래스 제거
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
// 클릭된 탭과 해당 콘텐츠에 active 클래스 추가
tab.classList.add('active');
const targetContent = document.getElementById(tab.dataset.tab);
if (targetContent) {
targetContent.classList.add('active');
console.log('탭 전환 완료:', tab.dataset.tab);
} else {
console.error('탭 콘텐츠를 찾을 수 없습니다:', tab.dataset.tab);
}
});
});
console.log('매뉴얼 탭 기능 초기화 완료');
});
// 필요한 버튼 클릭 이벤트 함수들만 유지
function openSettings() {
chrome.tabs.create({ url: chrome.runtime.getURL('settings.html') });
}
function openBannedWords() {
chrome.tabs.create({ url: chrome.runtime.getURL('bannedWords.html') });
}
function openSayings() {
chrome.tabs.create({ url: chrome.runtime.getURL('sayings.html') });
}