웹마스터 팁
게시판 메뉴에 새글 알림 표시 띄우기
2009.06.21 16:17
새글 옆에는 new 표시가 뜨는데, 게시판에는 안 뜨셔서 답답하셨던 분 계시죠?
제가 php도 모르고, 자바스크립트도 잘 모르고, 더군다나 데이터베이스도 거의 모릅니다.
더 심각한건 XE를 다룬지는 고작 3~4일 됐습니다.
그래서 하찮게 들릴 수도 있으니 진짜 초보이고 급하신 분들만 참고하세요.
약간 꼼수인데요. 레이아웃 html에서 바로 소스 추가하였습니다.
<?php
//데이터 베이스에서 등록된 글 정보를 가져옵니다.
$result = @mysql_query('SELECT * FROM `xe_documents`');
//time interval을 계산합니다.
$time_interval = 86400;
$time_check = date("YmdHis", time()-$time_interval);
//가져온 글 정보 중에 모듈 번호와 등록시간을 배열에 집어 넣습니다.
while($row = @mysql_fetch_array($result)){
$module_srl[] = $row[module_srl];
$regdate[] = $row[regdate];
}
//가져온 데이터 개수를 셉니다.
$regdate_len = count($regdate);
?>
<script type="text/javascript">
var module_srl = new Array();
var regdate = new Array();
//php에서 가져온 값을 자바스크립트에서 사용하기 위해 자바스크립트 변수에 담습니다.
//최근값을 체크하는 것이므로 실제 받아온 값의 역순으로 넣어야 나중에 비교 회수가 줄어듭니다.
<?php
echo "regdate_len = $regdate_len;";
echo "time_check = $time_check;";
for($i=0;$i<$regdate_len;$i++){
$j = $regdate_len-$i-1;
echo "module_srl[$i] = $module_srl[$j];";
echo "regdate[$i] = $regdate[$j];";
}
?>
//제가 XE의 구조를 잘 모릅니다. 그래서 꼼수를 부렸습니다.
//대충 보니까 아래에서 게시판 정보를 가져오더라구요.
// <!--@foreach($val['list'] as $key1 => $val1)--> <!--@if($val1['text'])-->
// y=y+1; board="{$val1['href']}";
// <!--@if($val1['selected']) -->
// cnt=y;
// <!--@end-->
//"{$val['href']}" 에 /?mid=test_board 와 같은 모듈 이름이 저장되어 있길래 board 변수에 저장했습니다.
//module_srl 번호가 직접 저장돼 있는 곳이 있을지도 모르는데, 아무튼 저는 모릅니다ㅠㅠ
//구조를 정확히 아신다면 그냥 그거 갖다 쓰시면 되겠습니다ㅠㅠ
//새글이 등록된 게시판 체크하는 함수입니다.
function new_icon(board){
var board_id;
//가져온 board 변수의 /?mid=test_board 값에 test_board가 있는지 체크하고
//있으면 그 board의 module_srl 값을 board_id에 넣습니다.
if(board.search("notice_board") != -1) board_id = '100';
if(board.search("humor_board") != -1) board_id = '200';
if(board.search("test_board") != -1) board_id = '300';
//만약 DB에서 가져 온 데이터의 module_srl 값과 board_id와 같다면
//regdate가 time_check보다 큰지 비교하고 크다면 true 값을 리턴합니다.
//만약 아니라면 false값을 리턴합니다.
//보드 값을 찾지 못했다면 false를 리턴합니다.
for(i=0;i<regdate_len;i++){
if(module_srl[i] == board_id) {
if(regdate[i] > time_check) {
return true;
}
else {
return false;
}
}
}
return false;
};
이렇게 새글이 등록된 보드를 골라내었습니다.
예로 제가 사용한 메뉴를 보여드리겠습니다.
//저는 dTree 메뉴를 사용하고 있습니다.
//빨갛게 표시한 부분에 파라미터로 true / false 값을 받도록 해줍니다.
d.add(y,x,new_icon(board),"{$val1['link']}","{$val1['href']}",''<!--@if($val1['open_window']=='Y')-->,true<!--@end-->);
그리고 dTree.js 자바스크립트 파일 내용을 조금 수정하였습니다.
//이 부분처럼 함수 정의 부분에서 파라미터를 하나 더 추가하였습니다.
function Node(id, pid, new_icon, name, url, title, target, icon, iconOpen, open)
//그리고 실제 메뉴를 구성하는 부분에서 new_icon의 true /false 여부에 따라 아이콘 출력 여부를 결정하였습니다.
str += node.name;
if(node.new_icon) str += ' <img src="./뉴아이콘이미지경로>'
실제 적용 스크린샷 첨부합니다.
파란 하트로 표시된 게시판에 새글이 등록된 상태입니다.
저 같은 초보 분만 참고해주시구요.
고수님들은 그냥 넘어가주세요~ 하하~
아예 모듈화 해주실 고수분 계시면 좋겠습니다^^
댓글 13
제목 | 글쓴이 | 날짜 |
---|---|---|
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
[Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
>> 밑줄과 글씨의 색을 다르게 [예제포함] [3] | 아미v | 2002.06.29 |
[사이트제작팁]팁의 보물창고~ [7] | webdio *^-^* | 2002.07.03 |
전광판? 나도 한 번 해볼까 ^^v [4] | Xynex:) | 2002.07.03 |
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] | 문사라 | 2002.07.11 |
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함)
[5]
![]() | ▩윤미 | 2002.07.14 |
xmp 태그를 아시나요 [9] | 세벌사랑 | 2002.07.30 |
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] | 김승진 | 2002.07.30 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
이미지에 border="0"값 않넣고 하는방법 [14] | ZipShin | 2002.07.30 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
iframe을 이용하여 target효과 주기. [8] | ZipShin | 2002.08.01 |
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
[HTML 초보자] 태그(Tag)의 역사 [6] | ZipShin | 2002.08.03 |
[Siren]투명 이미지 [14] | 세이렌 | 2002.08.04 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |