3초기억력

제목 : bootstrap 반응형, 레이어 팝업(PC, MOBILE) 제어 script 소스 : 내용 : bootstrap 기반 반응형 사이트 제작시, "오늘하루팝업레이어"를 PC 버전과 MOBILE 버전으로 나눌 때, 유용한 script 하지만 위의 소스로만 적용하면 1. ipad(992), ipad pro(1024 사이즈) 에서는 2개 레이어가 동시에 나타하는 현상 발생. 2. 브라우저 실시간 resizing 시 적용이 안됨. 3. 가로길이를 ipad 기준으로 하여 스크롤 width 인 18을 차감한 974 로 브라우저 width 를 계산하여, if 로 구분 처리 참고로, PC용은 레이어로, MOBILE 은 modal 을 사용함. 1. #modalPopView_PC ==> PC용 레이어팝업 id2. ..

제목 : jquery 에서 url 알아내는 법 소스 : jquery 에서 url 알아내는 법 var t1 = $(location).attr('host'); var t2 = $(location).attr('hostname'); var t3 = $(location).attr('href'); var t4 = $(location).attr('port'); var t5 = $(location).attr('protocol'); 내용 : t1=www.test.com:8080t2=www.test.comt3=http://www.test.com:8080/test/test/test_1.aspt4=8080t5=http: 예제 소스 파일 : 출처 :

제목 : jquery select box reset. 다른 select 를 모두 초기화하는 방법 소스 : 내용 : select box 가 여러개 있을 때, 1. fnSelectReset 함수내 아래의 모든 select box 의 option 을 첫줄 제외하고 모두 지우고 싶을때. 보통 셀렉트박스 초기화 하는 방법 2. fnSelectCate하위 뎁스의 select option 에 ajax로 호출한 option 들을 붙일 때. 예제 소스 파일 : 출처 :

제목 : jquery datepicker 여러개, 다중, multi 사용법 소스 : 배송일자1 : 배송일자2 : 배송일자3 : 배송일자4 : 배송일자5 : 배송일자6 : $("input[id^='deliveryDate']").each(function() { var _this = this.id; $('#'+_this).datepicker({regional: 'ko',changeMonth: true,changeYear: true,dateFormat : 'yy-mm-dd',showOn: "button",buttonImage: "/admin/Calendar/calendar.gif",buttonImageOnly: true,buttonText: "Select date"});}); 내용 : each 메소드에서 sel..

제목 : jquery radio checked none; script 소스 : var $checkedElement = $('#FrmQuiz input:radio[name=answer]:checked');if (! $checkedElement.length) {alert("답변을 선택하시기 바랍니다.");return false;}var answer = $checkedElement.val(); 내용 : 라디오버튼 2개 중 1개도 선택하지 않았을 때, 처리법. for if 문도 있으나, jquery 로 해결. 예제 소스 파일 : 출처 :

제목 : inspinia 2.7 Admin Theme 사용시 왼쪽 메뉴 활성화 script 소스 : // 메뉴 클릭시 활성화var $CURRENT_URL = window.location.pathname;var $SIDEBAR_MENU = $('#side-menu'); $SIDEBAR_MENU.find('a[href="' + $CURRENT_URL + '"]').parents('li').addClass('active'); 내용 : 현재 url ( 파라미터 없는 것으로 간주), --> 파라미터와 같이 사용하려면 current_url 의 path 를 수정한다.window.location.href; 왼쪽 메뉴의 id 값을 지정 왼쪽 메뉴의 href 값으로 비교하여 같으면 상위 li 모두에 class 'activ..

제목 : 멀티 form 을 iframe 으로 submit 하는 방법 소스 : 내용 : 멀티 form 을 iframe 으로 submit 하는 방법. target 명을 여러개로 보내는게 확실하다. 왜 그런지는 잘 모름 ㅜㅜ 예제 소스 파일 : 출처 : 나

제목 : safari ajax scroll Error 대처법 소스 : //더보기var i = 2;var tf = true; function receiveMessage(){ $.ajax({url : "/m/common/exec_getMainGoodsList.asp",data : "page=" + i + "&cate=&listtype=",error : function(html, status){//alert(html+'오류입니다.');},success : function(html, status){i += 1;if (html == 'no_data'){//alert('더이상 상품이 존재하지않습니다.');} else {var $items = $(html); $items.imagesLoaded().then(funct..

제목 : jquery ajax 후 이미지 로딩이 완료된 후 append 할수 있는 함수 소스 : // Fn to allow an event to fire after all images are loaded$.fn.imagesLoaded = function () { // Edit: in strict mode, the var keyword is needed var $imgs = this.find('img[src!=""]'); // if there's no images, just return an already resolved promise if (!$imgs.length) {return $.Deferred().resolve().promise();} // for each image, add a deferred ..

제목 : jquery 스마트폰 회전시 제어하는 구문 소스 : function FNareaRelationListCount(){ var areaRelationL = $('#areaRelationList li').length var areaRelationMaxh = $("#areaRelationList").height(); var areaRelationN = $("#areaRelationList li").filter(function () { return $(this).position().top + $(this).height() areaRelationN) { $('#areaRelationBtn').attr('style',..