머리가 나뻐서 삽질 SAP(Study And Programming)

썸네일 프리뷰 jquery 코드를 가져왔는데 브라우저 오른쪽, 브라우저 하단에 잘리는 현상때문에 가져온 라이브러리의 이미지 처리 방식을 전부 수정하였다. 제이쿼리는 그냥 셀렉터 내용만 있으니 중요한게 아니라서 패스하고, 아래의 속성들로 구현할 수 있다. window.innerWidth, window.innerHeight nautralWidth nautalHeight 참고로 가로는 510px 로 고정이고, 세로 사이즈는 비례식을 적용하여 동적으로 적용해야 정확하게 높이까지 적용 될 것이다. HTML ... ... serpiko-imagepreview.js /** * serpiko 허정진 * * 2020.10.11 * */ (function($) { $.previewImage = function(option..

ajaxSetup Ajax 요청에 대한 기본값을 정의. 사용을 권장하지 않습니다. https://api.jquery.com/category/ajax/ Document jQuery.ajaxSetup( options ) options : PlainObject ( Ajax 요청을 구성하기위한 키 : 값 으로된 오브젝트 ) settings : 셋팅에 사용할 수 있는 값은 다음과 같다 jQuery.ajax( [settings ] )settingsType: PlainObjectA set of key/value pairs that configure the Ajax request. All settings are optional. A default can be set for any option with $.ajaxSet..

tabulator 자주쓰는 고급옵션 1. data 의 object key를 직접 설정한 이름으로 변경할때 123paginationDataReceived:{ "data":"record", },cs 2. pagination 이 local일경우 paginationSize를 꼭 적어야한다 123pagination:"local",paginationSize:20, cs 3. ajaxResponse callback 으로 데이터를 조정, 변경할 수 있는데 만약 수동으로 설정할경우 아래와 같은 값들로 직접 조정할 수 있다 1234567891011121314151617181920212223ajaxResponse:function(){ var pageSize = $("#table").tabulator("getPageSize"..

tabulator http://tabulator.info/ 라이브러리 테이블 안에 테이블 ( row - expand ) ajax 기능을 구현 html, script 버그수정 2018. 07. 19 자식 테이블 로드하고 [ 열림 - 닫힘 ] 누르고 부모테이블 페이지 이동하면 문제없는데자식 테이블 로드하고 [ 열림 ] 상태로 부모테이블 페이지 이동하면 에러 나는 문제 해결 2018. 07. xx한번 생성된 자식 테이블은 id나 ( id가 없으면 그냥 row.index로 라도 배열 element 부여한다..) 해서전역배열에 tabulator 인스턴스 저장하고 재 생성을 방지, 닫힘 누르면 destroy 한다. 2018. 07 xxformatter 함수를 쓸 경우, renderComplete callback으로..

img가 로드되고 난 이후에 w,h 반환받고 이미지 비율에 따른 계산하기 img 가 로드되고 나서야 w,h 를 반환받을 수 있다. 이는 아래와 같이 one 메서드에 load 를 사용하여 값을 받도록 하자. 받고 나서 계산하는 프로세스는 간단하다. 1. 컨테이너 (1520x800) 의 세로 비율보다 크면 => 이미지의 세로 사이즈를 임의 변수에 담고 1차함수 계산. 2. 컨테이너 (1520x800) 의 가로 비율보다 크면 => 이미지의 가로 사이즈를 임의 변수 담고 1차함수로 계산. 3. 모두 계산된 tmp_w, tmp_h 는 이미지보정 css에 반영해 준다. 끝 구체적인 내용 설명과 정리는 나중에.. (function ($) { $.mathUtils = {randomize: function($min, $..

jquery context 라이브러리에서 메뉴 분기처리하여 보이고 추가하고 삭제하기.. 실무에서 jquery.context 메뉴의 상태에 따라 메뉴의 내용이 달라져야 하기때문에 아래와 같이 만들어서 사용중. build 객체 사용하여 안에 items 내용들을 넣고, items_obj 만들어서 추가/삭제가 가능하도록 구성해 보았다.. 구체적인 내용은 나중에 정리하겠다... 너무 바쁘다.. 간단한 내용인데 영감은 아래에서 얻었다 source : http://stackoverflow.com/questions/1168807/how-can-i-add-a-key-value-pair-to-a-javascript-object

자바스크립트 TypeError: (intermediate value)(intermediate value)(...) is not a function 에러 즉시실행함수, 클로저 등을 사용할때에 아마도 다음과 같이 가장 가독성 좋은 문법형태로 많이 사용할 것이다. (function(){ //closure })(); 그런데. 문제는 개발도중 "TypeError: (intermediate value)(intermediate value)(...) is not a function" 라면서 에러를 낼때가 있다..... 수정전 : 아래의 경우 클로저 윗부분인 167번 라인을 보자 수정후 : " ; " 로 닫아주면 해결된다. ps. js가 인클루드된 상황에서 처음 열리는 클로저에 문제가 있다면 첫라인에 " ; " 를 사용..

jquery ui를 사용한 resizable NMS솔루션을 만든 프로젝트가 있는데 aside에 resizable기능을 추가하고싶었다 바로 좌측의 LNB부분. 제이쿼리ui 라이브러리에서 resizable (https://jqueryui.com/resizable/)을 제공한다. 그전에 검색을 통하여 비슷하게 동작하는 colResizable (http://www.bacubacu.com/colresizable/) 라이브러리도 찾아냈지만 이 colResizable은 table의 기반의 th,td 를 움직이기 때문에 이 라이브러리를 가지고 div엘리먼트의 사이즈를 확장한다던지 변형해서 사용하려 하다가 애꿎은 시간만 허비했다. 물론 colResizable 라이브러리의 완성도가 낮다는게 아니라 div와 table co..

accordion menu css3 + jquery source : http://designmodo.com/ 예제보기 (실행가능) 소스코드 html + jquery My Files495 01Dropbox42 02Skydrive87 03FTP Server366 04Dropbox1 05Skydrive10 Mail26 01Hotmail9 02Yahoo14 Cloud58 01Connect12 02Profiles19 03Options27 04Connect12 05Profiles19 06Options27 Sign Out 01Log Out 02Delete Account 03Freeze Account By Valeriu Timbuc for DesignModo. css3 /* ************************..

룰렛게임 자바스크립트 (with. 제이쿼리, jqueryrotate library) ※ 경고. 연구용도를 제외한 소스와 결과물의 '상업적 이용'을 절대 금합니다. 수정 : 2015.06.18 직접 ccs3의 속성을 이용하여 구현할 수도 있겠지만, 브라우저의 가장 큰 문제는 호환성이기에.. 이것저것 두루두루 따져보았을 때 아래의 jqueryrotate plugin은 이러한 문제를 간편하게 해결해주며 사용법 또한 직관적이다. 이 플러그인을 가지고 degree를 계산하여 룰렛을 만들어보았다. https://code.google.com/p/jqueryrotate/ http://beneposto.pl/jqueryrotate/ This is a small plugin for jQuery that adds a nic..