이런싸이트는 어떻게 구현을 하나요 ^^
본문
http://www.roem.com/CustomerService/CustomerServiceList
notice faq event 메뉴들은....제이퀘리 같긴한데...
데이타 베이스 연동을 안하는것 같기도 하는데요..반응이 빨리와서요..^^
답변 2
jquery 맞습니다.
마우스 오른쪽 버튼 > 소스보기
하면 대략 구현방법 아실 수 있으실겁니다.
function setCustomerService(iCurPage)
{
var boardType = $("#hdnServiceType").val() == "" ? "NOTICE" : $("#hdnServiceType").val();
var faqTopGrpNo = $("#hdnFaqTopGrpNo").val() == "" ? "" : $("#hdnFaqTopGrpNo").val();
var searchVal = $("#hdnTxtSearch").val() == "undefined" ? "" : $("#hdnTxtSearch").val();
$.ajax({
url: "/CustomerService/AjaxCustomerServiceList?boardType=" + boardType + "&searchVal=" + encodeURIComponent(searchVal) + "&CurPage=" + iCurPage + "&faqTopGrpNo=" + faqTopGrpNo,
type: "POST",
dataType: "html",
success: function (data) {
$("#divServiceArea").html(data);
}
});
if(boardType == "FAQ")
{
$("#faqSubTab").show();
$(".cs_search").css("margin-top", "20px");
} else {
$("#faqSubTab").hide();
$(".cs_search").css("margin-top", "30px");
if(tmpCnt == 1)
{
$(".tab_csCenter").after("<ul><li></li></ul>");
tmpCnt++;
}
}
$("#txtSearch").val(searchVal);
}
이런식으로 json으로 넘겨받아서 div를 뿌려주는 방식이네요
답변을 작성하시기 전에 로그인 해주세요.
