본문 바로가기

전체 글

[javascript] 팝업 "오늘은 그만보기" 처리 [javascript] 팝업 "오늘은 그만보기" 구현 소스입니다 레이어 팝업 Result Sample 더보기
jquery + xml + json + asp 활용 예제 jquery + xml + json 활용 예제 모음입니다 jQuery를 사용해서 JSON의 데이터를 읽어서 사용하는 예제입니다. JSON Data { 'US' : {'AK' : 'Alaska', 'AL' : 'Alabama'}, 'CA' : {'AB' : 'Alberta', 'MB' : 'Manitoba'} } jQuery 스크립트 $.getJSON('/state.json',function(data) { $.each(data.US, function(key,state) { $($select_state).append('' + state + ''); }); }); [출처 : http://gyuha.tistory.com/342] 훌륭한 JSON Parser가 있어 소개부터 시작한다 https://github.c.. 더보기
[JQUERY] 이미지 비율 유지하며 사이즈 조절하기 jquery 이용 이미지 비율 유지하며 사이즈 조절하기 소스입니다 출처 : 아르고우스(티스토리) 더보기
[JQUERY] 윙배너 구현하기 Jquery를 이용한 사이드 윙배너 구현 소스입니다 더보기
jquery, AJAX 실행 시, 로딩바 구현하기 1. 필요 - Ajax 로딩 시, 비동기화가 아닌이상 페이지가 멀뚱 멀뚱 멈추게 된다. - 당연히, 사용자는 멈춘걸로 인식을 하게 된다. - 비지니스 로직은 A ~ Z 까지 스텝 바이 스텝으로 이뤄지기 때문에 비동기화는 안된다. - 즉, 뭔가 동작을 하고 있다고 사용자에게 어필을 하는 것이 ajax 로딩바를 넣어야하는 이유이다. - 다행이도 jQuery에서는 이러한 점을 감안하여 함수를 제공하고 있다. - 그 함수가 ajaxStart() 와 ajaxStop() 함수이다. - 아래 소스는 개인별로 커스터마이징 하면 된다. 2. 소스 1) CSS 2) Script $(document).ready(function(){ var loading = $('') .appendTo(document.body).hide().. 더보기
JQuery UI datepicker 달력(캘린더) JQuery UI datepicker 달력(캘린더)입니다 달력 아이콘으로 사용될 이미지는 아래 파일 다운로드 받아 사용하시면 되겠습니다 아울러 background:url('/images/btn_date.png') 경로는 알맞게 변경해 주시면 되겠네요 더보기
jquery 마우스오버(mouseover)시 위치에 맞춰 레이어 뷰 jquery 마우스오버(mouseover)시 위치에 맞춰 레이어 보여주기 혹시나 도움이 필요하신 분은 댓글을 남겨 주세요~ 더보기

반응형