(주보 내용이 담긴 파일은 직접 만들어서 테스트를 해 보십시오.)

 

1. 스크립트 설명

 

<script language=javascript>

<!--

 

 function show_weekly_news() {

  file_name = document.weely_news.what_date.value + ".html";

  window.location.href = file_name;

 }

 

//-->

</script>

 

show_weekly_news : 함수 이름입니다. 주보를 보여줄 동작이 설명되어 있는 부분의 이름을 정하는 것이죠.

file_name : 주보파일의 이름입니다. 위에서처럼 조합으로 만들어내고, 하이퍼링크의 위치로서 사용합니다.

document.weely_news.what_date.value : 문서.폼이름.사용자가입력한입력폼의이름.그값

document.weely_news.what_date.value + ".html" : 파일로서 사용하려면 콤마와 확장자가 필요하므로 조합으로서 만들어 냅니다.

즉 사용자가 000421를 입력했다면 000421.html이라는 파일 이름을 만드는 과정입니다.

window.location.href : 자바스크립트에서 하이퍼링크를 이렇게 표현합니다.

window.location.href = file_name; : 그 하이퍼 링크의 값이 우리가 좀 전에 만든 파일 이름이라는 뜻이죠.

 

2. 본문 설명

 

<form name=weely_news>

 

<p>날짜를 입력하세요</p>

<p><input type=text maxlength=6 name=what_date></p>

<p><input type=button value="주보보기"></p>

<p>ex) 000423 --> 2000년 4월 23일</p>

 

</form>

 

form name=weely_news : 페이지 내의 모든 항목에 이름을 부여할 수 있습니다.

이름을 부여하면 필요할 때 쉽게 찾아낼 수 있습니다.

<input type=text maxlength=6 name=what_date> : 사용자가 날짜를 입력할 입력폼을 만드는 것인데 역시 이름을 부여했습니다.

<input type=button value="주보보기"> : 버튼의 이름을 현재 쓸일이 없어서 만들어 주지 않았습니다. 페이지가 큰 경우엔 이렇게 당장 안쓴다고 이름을 주지 않으면 나중에 찾느라 후회하게 됩니다.

onClick="show_weekly_news();" : 버튼을 눌렀을 때 show_weekly_news 라는 이름의 함수를 실행시킨다.(위에서 만든 거죠)

 

그럼~~~*^^*~~~