공지사항을 첫화면에 띄우기 위해서 알아야 하는 것은 크게 두 가지로 나뉩니다.
첫째로, 우선 <iframe> 태그를 설명하겠습니다.
<iframe> 은 익스플로러에서만 적용이 되는 HTML 태그 중 하나입니다. 이 태그를 사용하면 자신이 원하는 위치에 원하는 크기로 프레임(창)을 만들고, 다른 HTML 문서를 그 프레임 안에 나타낼 수 있습니다.
터에서 사용한 소스를 분석하면 다음과 같습니다.
<iframe scrolling=auto width=400 height=90 src="notice.html"
style="position:absolute; left:100; top:20;">
</iframe>
scrolling=auto : 프레임 안에 나타낼 문서의 내용이 프레임의 범위를 벗어날 때, 저절로 스크롤 바가 생기도록 하는 것입니다.
width=400 : 프레임(창)의 너비를 400 픽셀로 두었습니다.
height=90 : 프레임(창)의 높이를 90 픽셀로 두었습니다.
src="notice.html" : notice.html 문서를 그 프레임 안에 나타냅니다.
style="position: absolute; left:100; top:20;" : 프레임(창)의 위치를 지정합니다. absolute 는 절대적인 위치라는 뜻으로 브라우저 크기( 축소, 확대 )에 관계없이 모니터 화면의 특정 위치에 고정되어 나타나는 것을 말합니다. left:100; 은 브라우저 왼쪽 끝에서부터 100 픽셀 오른쪽에 프레임의 좌측상단 모서리가 위치한다는 것, top:20; 은 브라우저 윗쪽 끝에서부터 20 픽셀 아래에 프레임의 좌측상단 모서리가 위치한다는 것을 말합니다. 항상 프레임 위치 기준은 좌측상단 모서리로 합니다.
둘째로, 공지사항 메뉴와 직접 연결되도록 javascript 를 사용해야합니다.
우선, 이곳에서 사용한 javascript 소스의 기본 형태를 보여드리겠습니다.
<html>
<head>
<script language="JavaScript">
window.focus()
function viewNotice(i)
{
window.open("https://www.catholic.or.kr/gnbbs/ncbbs.dll?article?bbs=korea_info&artid=" + i, "_blank", "toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=0,resizable=1,width=650,height=500");
}
</script>
</head>
<body>
<a href=javascript:viewNotice(7)>HTML 동네가 초보님 동네로 바뀌었습니다.</a>
</body>
</html>
이곳에서 핵심적인 부분은 window.open() 입니다. 사용자가 해당 메시지( HTML 동네가...)를 클릭하면 새로운 창이 뜨면서 일정한 주소(https://www.catholic.or.kr/gnbbs/ncbbs.dll?article?bbs=korea_info)로 옮겨가게 되는 것입니다.
그런데, 어떻게 특정한 번호의 공지사항만 링크를 시킬 수 있냐구요? 비밀은 다음과 같습니다.
bbs=korea_info&artid= + i,
여기서 i 는 하나의 변수입니다. 쉽게 말하면 공지사항 번호를 대신하는 임의의 알파벳이죠. <body>태그 안에 있는 viewNotice(7) 에서 7이 바로 i 인 것입니다. 따라서 이 스크립트에서는 7 로 나타나있는 숫자를 읽어들여 i 의 값으로 돌려준 후, 그 i 번째에 해당되는 게시판의 글이 뜨도록 한 것이죠.
"_blank" 는 새창이 뜨도록 한 것입니다.
자...
간단한 설명이 끝났습니다. 이제 이해하셨으니, 사용자 마음에 들도록 살을 붙여서 사용하시면됩니다.
어떠한 질문이 올라오더라도 텃사람들에게 알찬 답을 구할 수 있을 겁니다.
어서 질문하세요~ *^^*