웹마스터 팁

방금 글올리고 그새 완성했네요.

데모페이지


http://internetbat.com/manvswoman


코드공개에 앞서

본 글이 참조되어야합니다.

http://www.xpressengine.com/index.php?mid=freeboard&page=3&document_srl=22239472


jquery load 에 대한 약간의 설명과

id가 list 라는 div가 필요합니다.

(실제 붙히실때는 절대! list라고 사용하지마세요. 그냥 아무거나 붙히셔도되는데 id가 list는 보드스킨만다 어디서 겹칠지모릅니다.)


우선 글목록을 list라는 div로 감싸줍니다.

그리고 div끝에  list_deobogi라는 div를 만들어줍니다.


<div id="list">

글목록

<div id="list_deobogi"></div>

</div>


그리고 아래를 추가합니다.

<script>

var idx = 1;

var idx_p = 1;

var page = 2;

jQuery(document).ready(function () {

jQuery(window).scroll(function() {

if (jQuery(window).scrollTop() == jQuery(document).height() - jQuery(window).height()) {

var newDiv=document.createElement('div'); 

newDiv.innerHTML= idx+'로딩중입니다';

newDiv.setAttribute('id','more'+idx); 

setTimeout(function(){

 morediv = '#more'+idx;

 morediv_p = '#more'+idx_p;

var reload_href_full ='http://internetbat.com/index.php?mid={$mid}&page='+page+' #list';

jQuery(newDiv).insertBefore('#list_load_deobogi' );

jQuery(morediv).load(reload_href_full).fadeIn(1000).delay(5000);

 page++;

  idx++;

 idx_p++;

}, 1000);

 }

});

});

</script>


추가로 

newDiv.innerHTML= '로딩중입니다';

이 부분을  newDiv.innerHTML= '<img src="loading_img.gif">';

로 해주시고 loading 이미지를 loading_img.gif로 저장하시면 로딩이미지가 뜨게되어

더깔끔해집니다.


이번건 저번꺼 보다 참 쉽죠?


이 글은 팁게시판에도 올라갑니다만

조금 더 접근성을 높히기 위해 자유게시판에도 올립니다.


이번건 테스트를 위해 궂이 가입안하셔도 됩니다만 ㅠ

회원 가입한번씩해주시면 감사하겠습니다 ㅠ


------------------------------------------------------------------------------------------------------------------

야매코딩입니다...

setTimeout을 준 이유는 안그랬더니 한번에 주르르르륵 로딩이 되어버려서

뭔가 로딩느낌이 안나서입니다...

으으..


그냥 쓰셔도 무방해요....

제목 글쓴이 날짜
클라우드플레어 사용시 서버 IP 노출방지 체크리스트 gnbstory 2016.12.09
간단한 xe 관련 자바스크립트 질문 [1] 마든남 2016.12.01
스크롤 맨아래로 내리면 자동으로 글 목록 더보이기 구현(게시판어어느 스킨이든 사용가능) [19] 장포크 2013.08.10
메뉴에 새 글 표시 모듈 사용 시 new 아이콘이 보이지 않는 버그 수정 [8] 퍼니엑스이 2014.08.12
가상서버 고르실때 참고하시면 좋겠네요. 로니 2016.11.24
CloudFlare 사용시 방문자 IP와 SSL 접속여부가 정확하게 파악되지 않는 문제 해결법 [4] 기진곰 2015.07.12
네이버 웹마스터도구 최적화검증과 GZIP 영흥도우럭1 2016.11.18
구글애드센스 한페이지에 3개 초과하시면 안됩니다. [3] 최윤한 2016.11.11
모바일환경에서, 스케치북스킨의 경우 포인트레벨아이콘이나 닉네임이미지 가 안 나타나는 경우 수정법 sejin7940 2016.11.13
관리자페이지의 게시판 목록에서 '모듈분류'로만 검색이 안 되는 버그 수정 sejin7940 2016.11.09
Bash Shell 버그 패치 필요 [2] 고구마군 2014.09.29
클라우드 플레어 질문있습니다. [2] 생컨38889 2016.08.31
가입 메일 인증 SMTP 안되시는 분들 참고하세욤~ 네이버 메일 서버 사용. [4] file 테나 2012.12.08
확장변수 출력 방법 초 심플하게 적어봅니다. [15] 라르게덴 2009.03.16
윈도우 서버 2012 에서 제로보드XE 설치부터 사용하기. [16] file 부롱이 2013.03.29
내 작성글 보기에서 익명게시판에서 작성한 내 글도 보이게 하기 위해서 sejin7940 2016.10.19
사이트 운영하시는분들 단체메일 가급적 보내지 마세요. 최윤한 2016.10.19
관리자페이지 첫페이지에서 최근글 / 최근댓글 리스트에서 닉네임 대신에 날짜가 나오게 하는 방법 sejin7940 2016.10.19
포인트 사용시에도 그룹이 안 떨어지도록 하는 방법 [4] sejin7940 2013.10.18
첨부파일 업로드 되고 사라질때...즉 먹통이 될때....!! [3] 시카고코리아 2012.09.25