"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 판