출처 : http://namocom.tistory.com/ 나모의 노트 기기에 브라우저 장치가 되는데 디스플레이 크기를 구해야 되었다.처음에는 이미지를 표시해서 몇 픽셀인지 구하려다가 자바스크립트에 화면 크기를 구하는 방법이 있다는 것이 생각났다. 참고: http://stackoverflow.com/questions/2474009/browser-size-width-and-heightvar size = { width: window.innerWidth || document.body.clientWidth, height: window.innerHeight || document.body.clientHeight } 이것을 바탕으로 HTML을 만들어보았다. di.html전체화면 모드일 경우에는 모니터 해상도를 구할 ..
How to get selected tab index when clicking - jqueryUI - tabs $('#tabs').click('tabsselect', function (event, ui) { var selectedTab = $("#tabs").tabs('option', 'active'); $("#hidLastTab").val(selectedTab); }); jquery reference: http://jqueryui.com/upgrade-guide/1.9/#deprecated-selected-option-renamed-to-active
출처: http://www.nextree.co.kr/p10155/ jQuery: data() 이해와 활용 Posted by 김 대호 in 배움터 - 열공, 일터 - 경험과 노하우 on May 27th, 2014 data() : html 엘리먼트 내에 데이터를 저장하고 읽는 역할을 하는 함수 data()의 사용 서버에서 조회된 데이터를 추후 ajax통신을 하기 위한 data 저장 data()를 활용하여 Form의 엘리먼트의 validation 적용 data()를 활용하면 매우 가볍고 쉽게 적용가능한 클라이언트 측 validation을 구현할 수 있습니다. 1. data() 설명 : 해당 엘리먼트에 Javascript Type의 value를 로 저장할 수 있으며, 값으로 저장되어 있는 데이터를 읽습니다. [..
2009년 6월 16일 화요일 [jQuery] each 메소드 사용시 break, continue 사용 jQuery.each ( callback ) jQuery에서 for, while 문과 비슷한 역할을 하는 each 메소드 사용 시 break, continue와 같은 프로세스를 수행해야 할 때가 있다. 그럴 때 return true;는 continue와 같은 역할을, return false;는 break와 같은 역할을 수행한다. 예제 >> $('#loop').each ( function() { if ( i==0 ) return true; // continue; else return false; // break; } );
함수호출 방식에 따른 this의 바인딩 자바스크립트의 4가지 함수호출 패턴 패턴에 따라서 함수내의 this의 값은 달라지게 됩니다. Javascript에서 this의 바인딩은 메소드를 호출한 객체입니다. 메드 호출패턴함수 호출패턴생성자 호출패턴apply 호출패턴메서드 호출 패턴 여기서 메서드는 함수가 객체의 속성(멤버함수)로 저장되어 있는 경우에 이 함수를 메서드라고 부르고 메서드를 호출할때 this는 객체에 바인딩 됩니다. JavaScript var test = { x: 100, showX: function() { alert(this.x); } } test.showX(); // 100 함수 호출 패턴 함수가 객체의 속성이 아닌 경우입니다. 이렇게 호출했을때 this는 전역객체(window객체를 의미합니..
clear 속성 개요float 속성으로 텍스트와 이미지를 배치 시킬 때는 문제가 없지만 div 태그 등을 배치 시킬 때는 상위 태그가 높이 값이 float를 적용한 하위 태그의 높이를 반영하지 않아 이상하게 된다. 다음요소가 float에 영향을 받지 않고 일반적인 레이아웃을 사용하게 하기 위한 여러 방법이 있는데 그 중 float를 준 태그 다음에 clear속성을 준 요소를 삽입하는 방법이 가장 쉽다. 사용법 asdf clear 속성 값에 "both"을 적용하면 float의 left, right 모두 제거된다. css혹은 style속성에서 float를 사용한 후 마지막 객체에 clear속성을 지닌 태그를 일일이 추가시키는 방법대신 after 가상 선택자를 이용하면 더 편리하게 관리 할 수 있다. 사용법 ..