새글(new.php) - 페이지새로고침없이 일정시간마다 최신글 로드 정보
최신글 새글(new.php) - 페이지새로고침없이 일정시간마다 최신글 로드첨부파일
본문
그누보드 SMS에서 사용하는 "jquery.sms_paging.js" 파일의 기능을 아주 약간 수정하여 다른 페이지에서도 쉽게 사용이 가능하도록 변경하였습니다.
전체페이지를 새로고침하지 않고 새글의 영역만 새로고침되므로 속도면에서도 확실히 빠르다는 것을 체감할 수 있습니다.
본 글의 내용은 새글을 페이지 새로고침 없이 스크린샷의 빨간박스부분만 일정시간마다 자동으로 새로고침되도록 수정해봤습니다.
(IFRAME임을 선호한다면 이글은 도움이 안됩니다.)
원본파일을 수정하는것을 꺼려하는 분들이 많아서 새로운 파일로만 구성하였습니다.
// 압축을 풀면 아래의 폴더 및 파일이 있습니다.
1. "./new/new.php" : 최신글을 보여주는 메인파일입니다.
2. "./new/new_sub.php" : new.php 파일과 같은 내용이만 head와 tail 부분을 주석처리한 파일입니다.
3. "./new/new.skin.php" :최신글 스킨 파일
4. "./new/style.css" : 최신글 스킨파일의 CSS
5. "./new/_common.php"
6. "./new/_hed.php"
7. "./new/_tail.php"
new 폴더 전체를 올립니다. (폴더 단계가 내려가면 _common.php 파일을 열어 경로를 재수정해주면 됩니다.)
웹브라우저에서 ./new/new.php 파일을 열면 됩니다.
// 최신글 자동으로 불러오는 시간 변경 방법
new.php 파일을 열어 아래코드에서 숫자만 변경해주면 됩니다.
var timer; // setInterval함수를 담을 전역변수 선언
function setTimer(){
setInterval(function(){
page_reload();
},30000); /* 1000 = 1초 */
}
setTimer(); //브라우저가 시작되면 자동으로 호출
자동 새로고침을 안하려면 위 소스를 전체 주석처리하면 됩니다.
iframe임을 개인적으로 싫어해서 만들어본 기능입니다.
검색 또는 페이지 이동시에도 전체페이지 새로고침없이 최신글 내용부분만 다시 로드하는게 핵심입니다.
소심한 팁 하나더 :
페이지로드시 파라미터를 붙여 원하는 데이타만 출력을 할수도 있습니다.
//sms_obj.person_select( "파라미터",'데이타타입','불러올파일명', '불러온파일을 보여줄 위치' );
sms_obj.person_select( {"uid":uid},'html','./new_sub.php', '#left_list' );
{"uid":uid} < = 이 부분에 여러가지 파미터를 작성하면 됩니다.
ex) sms_obj.person_select( {"sfl":"제목", "stx":"그누보드"},'html','./new_sub.php', '#left_list' );
궁금한 사항은 댓글로 남겨주시면 답변드리겠습니다.
!-->!-->
7
댓글 전체
1초에 수천번의 쿼리를 날리는게 아니라서요.
혹시나, 무리가 간다고 하면 시간을 조절하거나 다른 방법을 찾으시면 될듯 합니다.