일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- jquery selectbox change
- TM128
- 폐업자에 대한 업종등의 정보내역
- 2개 테이블
- 접속ip
- map api v3
- checkbox 값처리
- KOSA
- remote ip
- partition by
- http https
- 아이폰키보드
- ant path pattern
- ajax async
- String[]
- mysql
- 한국소프트웨어산업협회
- ajax 동기방식처리
- 주소 좌표변환
- 첫주 및 마지막주 날짜 전체 포함
- mysql trigger
- Oracle
- group by max
- extundelete
- update
- 서브쿼리
- multipart
- eclipse hotdeploy
- String 배열
- 컴퓨터 드라이버
- Today
- Total
하은양 믿음군 효실맘 호홍홍집s
ajax Load처리후 ON 이벤트에서 다시 똑같은 ajax Load를 사용하기 본문
달력을 불러오는 url이 있는데
거기서 다음달을 클릭하면
load()함수를 써서 불러오는데 다시 다음달 버튼을 클릭할려면 on()함수를 써서
똑같은 load page를 써야한다.
이럴때 약간 아리쏭한 일이 생각나서 소스를 구현해 본다.
// Top Calendar ajax Load ...
var v_top_calendar_wrap = $('#top_calendar_wrap');
var v_sel_cal_wrap = $('#sel_cal_wrap');
var v_scalendarGo = $('[id^="scalendarGo_"]');
var v_scalendarYmd = $('[id^="scalendarYmd_"]');
// 이전달 , 다음달 클릭시...
v_scalendarGo.click(function(event){
var v_Go_date = $(this).attr("id").replace('scalendarGo_','');
$.loadTopCalenar(v_Go_date);
event.preventDefault();
});
$.loadTopCalenar = function(seldate){
v_top_calendar_wrap.html("<DIV style="MARGIN: 0px auto; DISPLAY: table"><IMG alt=loading... src="http://godlvkhj.tistory.com/images/ajax-loader.gif"></DIV>");
v_top_calendar_wrap.load("/AjxAgent/loadTopCalenar.jsp", {seldate : seldate}, function(response, status, xhr) {
if (status == "error") {
var msg = "캘린더 정보불러오기 실패 : ";
alert(msg + xhr.status + " " + xhr.statusText);
}else{
if(v_sel_cal_wrap.css('display') == 'block') v_sel_cal_wrap.hide();
$("[id^='scalendarGo_']").on('click',function(event){
var v_Go_on_date = $(this).attr("id").replace('scalendarGo_','');
$.loadTopCalenar(v_Go_on_date);
event.preventDefault();
});
}
});
}
'가벼운 배움 > JQuery' 카테고리의 다른 글
input type="file" 값 초기화하기... (0) | 2015.04.24 |
---|---|
달력관련-특정 요일을 제외한 일자만 선택가능 (0) | 2015.02.16 |
URL 페이지 load 하기 (0) | 2015.01.13 |
간단한 checkbox 전체 선택 및 해제처리 (0) | 2014.10.10 |
jQuery Dialog 팝업창 사용 (0) | 2014.05.29 |