본문 바로가기

Local Oriented/jQuery

(132)
jquery 1.x 2.x 3.x 버전 비교 원문 : https://noogi.tistory.com/40 지금 시작하는 것이라면, 3.x 추천. 기존 사용자라면 3.x 로의 migration 추천. IE 없는 세계, 평화롭도다!!
팝업전 눌렸던 항목의 잔상이 팝업에 나타나는 현상 없애기.. 누군가 만든 팝업용 자바스크립트 라이브러리를 사용하는데, 팝업이 열리고 닫히는 기능은 정상 작동을 하지만.. 팝업이 열리기 전의 input/select/textarea 태그의 잔상이 팝업에 표시되는 현상 발생. 화면을 터치하거나 스크롤 하면 없어지는데, 잔상 자체가 나오지 않는 방법을 찾기 시작.. 결국 찾았네요. 팝업 열리기 전에 선택된 항목에 포커싱이 있기 때문에, 웹브라우저가 친절하게(?) 표시를 해 주었던 것. 그래서, 해결 방법은.. 아웃 포커싱, 즉.. blur() 처리 하면 됨. 코드는 간단하지만, 원리를 찾는 과정이.. ㅠ
[carouFredSel] 가변폭 요소들이 슬라이드 될 때 가운데 정렬하는 방법 * jquery.carouFredSel-6.2.1-packed.js www.jqueryscript.net/demo/Circular-Responsive-Slideshow-Plugin-carouFredSel/ ul - li 구조로 오른쪽에서 왼쪽으로 움직이는 슬라이드 쇼를 구현할 때, carouFredSel 을 사용해 보세요. $('#ul_태그에_대한_아이디').carouFredSel({ auto:{ pauseOnHover:'resume'}//최초 슬라이딩, 마우스 커서가 올려지면 일시 멈춤, 커서가 벗어나면 슬라이딩 재개 //마우스 커서 움직임과 상관없이 슬라이딩 하려면 auto:true 하면 됨 ,scroll:1//li 가 scroll 갯수만큼 움직임, 2 라고 세팅하면 한 번에 2개의 li 가 움직임...
json 데이타에 key 로 등록한 연도를 역순으로 정렬하여 추출하는 방법 var jsonData = {data:{ 2020:{// year imgGroup:{ '03':{//문자열 ...... } 상기와 같이 데이타가 세팅될 때.. 2020, 2019, ... 와 같이 수치를 뽑고 싶다면, for(year in jsonData.data){ console.log(year); } 와 같이 하면 될까..? 답은 '안 된다'. 왜냐면, 2020 을 수치로 보고 오름차순으로 자동 정렬하기 때문. 그런데, 문자열로 인식하면 오름차순 정렬을 하지 않는다. 문자열로 인식하게 한다고 2020 이라고 세팅했던 것을, '2020':{ 와 같이 세팅하면 될까..? 답은 '안 된다'. '문자열' 로 인식하게 하려면, 문자가 들어있거나 허용되는 특수문자 가 들어가 있거나, '02', '01' 이런식으..
웹화면의 특정 영역을 엑셀 파일로 저장할 때, a 링크 없애기 HTML 문서의 특정 DOM 구조를 엑셀 파일로 저장할 때.. 링크가 저장되는 것이 싫다면..? 특정 DOM 공간을 jquery 로 잡아서 복재 .clone() 하고, 복재된 영역에서 a 태그의 상위 태그에 a 태그의 텍스트 .text() 를 넣어 주고, 이를 엑셀로 저장. 여기에서는 HTML 문서를 엑셀로 저장하는 방법은 다루지 않습니다. ^^;; 이를테면 이런식이죠.. var $clone = $('#원본영역의아이디').clone(); // .clone() 원본과 다른 복재 영역이 생성 $clone.find('a').each(function(){ $(this).parent().html($(this).html()); // a 태그 상위 .parent() 태그에 a 태그의 내용을 넣음. 테스트이면 .tex..
iOS 에서 화면 전환 자바스크립트가 실행되지 않는다면..? iOS 기기에서도,- 사파리에선 스크립트가 정상 작동- iOS 용 앱의 웹뷰에서는 스크립트가 작동하지 않음. 사용되었던 자바스크립트는 top.location.href = ''; 이었음.그런데, 해당 앱의 웹뷰에서 URL을 개발 PC 로 바꿔서 스크립트를 실행하면 정상 작동. 가만, 리얼 서버는 https 로 돌고 개발 PC 는 http 로 돌아서 그런가..?그래서 http 로 해당 화면을 오픈하고 스크립트를 실행하니 역시나 안 됨. 그래서, 미친체 하고 혹시나 싶어서해당 스크립트를 $(document).ready(function(){ ... }); 에 넣었더니..짜잔, 정상적으로 실행됨. ㅠ. 이거, 왜 그런겨..?
iframe 안에서 iframe 밖의 요소를 활용하는 방법 a.jsp 에는 아래와 같은 내용이 포함되어 있고,... b.jsp 에서 a.jsp 에 있는 idA 의 어떤 요소를 활용하려고 할 때..(물론, 동일 Domain.) top.$('#아이디') 와 같이 사용.
bPopup 간단한 팝업 컨트롤 - http://dinbror.dk/bpopup/, - http://annotations.tistory.com/55 아래 내용을 javascript 라이브러리에 넣는다var jsonpDom, jsonpData;function callJsonp(u1,d1){ $.ajax({ type: 'POST', cache:false, // false 캐시 되지 않아야 할 때 dataType : 'jsonp', // jsonp, https:// 와 섞어 써서 보안성 제고 jsonp : 'callback', // jsonp 명칭을 callback 으로 하거나 다른 명칭도 상관없음 url : u1, data : d1, // 전달할 데이타. 기본이 UTF-8 이므로 한글 세팅에 항상 유의 success : function(d..