"LCWHA"의 두 판 사이의 차이
North Korea Humanities
| 40번째 줄: | 40번째 줄: | ||
<form id="searchForm"> | <form id="searchForm"> | ||
<input type="text" id="searchInput" placeholder="이청원과 관련된 검색어를 입력하세요" required> | <input type="text" id="searchInput" placeholder="이청원과 관련된 검색어를 입력하세요" required> | ||
| + | <input type="submit" value="검색"> | ||
| + | </form> | ||
| + | |||
| + | <script> | ||
| + | document.getElementById('searchForm').onsubmit = function(event) { | ||
| + | event.preventDefault(); // 폼 제출 방지 | ||
| + | |||
| + | var searchInput = document.getElementById('searchInput').value; | ||
| + | var baseURL = "https://dh.aks.ac.kr/~nkh/wiki/index.php"; | ||
| + | var title = "특수:검색"; | ||
| + | var profile = "advanced"; | ||
| + | var fulltext = "1"; | ||
| + | var additionalKeywords = ["이청원", "디지털", "아카이브"]; // 추가 검색어 배열 | ||
| + | additionalKeywords.push(searchInput); // 사용자 입력 추가 | ||
| + | |||
| + | var advancedSearch = '{"options":{"plain":["' + additionalKeywords.join('","') + '"]},"namespaces":["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","2300","2301","2302","2303"]}'; | ||
| + | |||
| + | // 최종 URL 생성 | ||
| + | var finalURL = baseURL + '?search=' + encodeURIComponent(additionalKeywords.join(' ')) + | ||
| + | '&title=' + encodeURIComponent(title) + | ||
| + | '&profile=' + encodeURIComponent(profile) + | ||
| + | '&fulltext=' + fulltext + | ||
| + | '&advancedSearch-current=' + encodeURIComponent(advancedSearch); | ||
| + | |||
| + | // 새로운 URL로 리디렉션 | ||
| + | window.location.href = finalURL; | ||
| + | }; | ||
| + | </script> | ||
| + | </html> | ||
| + | |||
| + | <html> | ||
| + | <style> | ||
| + | #searchForm { | ||
| + | background-color: #fff; | ||
| + | border-radius: 5px; | ||
| + | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); | ||
| + | padding: 20px; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | max-width: 400px; /* 최대 너비 설정 */ | ||
| + | margin: 20px auto; /* 가운데 정렬 */ | ||
| + | } | ||
| + | #searchInput { | ||
| + | flex: 1; | ||
| + | padding: 10px; | ||
| + | border: 1px solid #ccc; | ||
| + | border-radius: 5px; | ||
| + | font-size: 16px; | ||
| + | margin-right: 10px; | ||
| + | transition: border-color 0.3s; | ||
| + | } | ||
| + | #searchInput:focus { | ||
| + | border-color: #007bff; | ||
| + | outline: none; | ||
| + | } | ||
| + | input[type="submit"] { | ||
| + | background-color: #007bff; | ||
| + | color: #fff; | ||
| + | border: none; | ||
| + | border-radius: 5px; | ||
| + | padding: 10px 15px; | ||
| + | cursor: pointer; | ||
| + | font-size: 16px; | ||
| + | transition: background-color 0.3s; | ||
| + | } | ||
| + | input[type="submit"]:hover { | ||
| + | background-color: #0056b3; | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <form id="searchForm"> | ||
| + | <input type="text" id="searchInput" placeholder="검색어를 입력하세요" required> | ||
<input type="submit" value="검색"> | <input type="submit" value="검색"> | ||
</form> | </form> | ||
2024년 10월 24일 (목) 19:31 판