[AJAX] XMLHTTP를 이용한 글목록,보기(?)

글목록이 나와있는 상태에서 제목을 누르면..

보기 페이지로 넘어가는 게 아니라.. 제목 바로 아래쪽에 컨텐츠 내용이 나오는 스타일입니다.

아주 많이 쓰이지는 않지만..가끔씩 쓸 때가 있죠..

 

번호                        제목                         작성일

  1                 제목이랍니다.                    2006.11.24

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

내용입니다.                                                             -->초기상태는 안보이다가 제목을 클릭시

내용입니다.                                                                  아래쪽에 내용이 이렇게 보이는형태

  2                제목2..                               2006.11.24

 

그런데..보통 이렇게 하려면 처음에 제목뿐만 아니라 내용까지 다 불러와서

내용을 레이어형식으로 감춰두었다가 나타내는 것 뿐이죠..

그래서 리스트목록이 많을경우에는 페이지에 부하가 걸리지 않을까 라는 생각에..

 

초기에는 내용을 불러오지 않고 제목을 클릭시 그 순간에 해당 내용만을 불러올 수는 없을까해서

만든거랍니다. 서론이 길다..

 

XMLHTTP를 이용했습니다.

일단 한글을 이용하기 위해서 <% session.codepage = 949 %> 를 써줘야 됩니다.

<tr>
<td>1 </td>
<td> <a href="#" onClick="fn_view(<%=list_loop%>);">제목1</a></td> -->list_loop는 목록순서
<td>2006-11-24</td>
</tr>
<tr><td colspan="4" style="padding:2px 10px"><div id="td_<%=list_loop%>"></div></td></tr>

--> 바로 이 부분에 내용이 들어갑니다. 초기상태는 보이지 않습니다.

 

<% data_num=1 %>

 

<SCRIPT LANGUAGE="JavaScript">
<!--
 function fn_view(target, idx) {
  //컨텐츠와 추천수, 조회수를 변경해준다.
  var data_num=<%=data_num%>; -->몇 개의 목록이 들어가있나
  
  var oXMLHTTP=new ActiveXObject("Microsoft.XMLHTTP")

  var sUrl="test_action.asp;//처리페이지

  oXMLHTTP.open("GET", sUrl, false);
  oXMLHTTP.send();

  var Talk_Content=oXMLHTTP.responseText; //처리페이지에서 내용을 받아옵니다

  eval("document.all.td_"+target+".innerHTML=Talk_Content"); -->해당 줄에 내용을 삽입합니다

//이 부분은 곁다리로..각 줄 열고 닫기  

for (var i=0;i<data_num;i++) {
   if (target==i) {
    if(eval("document.all.td_"+i+".style.display")=='block')
     eval("document.all.td_"+i+".style.display='none'");
    else
     eval("document.all.td_"+i+".style.display='block'");
   } else
    eval("document.all.td_"+i+".style.display='none'");
  }
 }
//-->
</SCRIPT>

 

//test_action.asp -->처리페이지

//한글깨짐방지 코드

<% session.codepage = 65001 %>
<% Response.CharSet = "UTF-8" %>
<meta http-equiv = "Content-Type" content = "text/html;charset=UTF-8">
<%
 view_sql="select content from Board where idx=1
 
 set viewRs=dbconn.execute(view_sql)

 

 if not viewRs.eof then
     talk_content=output_replace(viewRs(0),1)
 end if

 Response.Write talk_content
%>

홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToT 홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToTb
홈페이지제작 홈페이지제작문의 회사홈페이지제작 쇼핑몰제작 쇼핑몰구축 폐쇄몰 복지몰 몰인몰 효과음 pop시스템 pos시스템 mes crm erp erp컨설턴트 scm me2day 물류프로그램 서버구입 홈페이지빌더 효과음 복지몰 erp프로그램 파워빌더 erp컨설턴트 일본구매대행 부동산119 제로옥션 동영상강의제작 홈페이지계약서 홈페이지제작추천 salesforceautomation 그룹웨어 아이템거래 아이템거래사이트 구직사이트 웹호스팅 웹호스팅비용 바코드시스템 온라인마케팅 IT컨설팅 웹에이전시 ToTb