본문 바로가기

분류 전체보기767

jQuery API 정복 - 앞에 추가하기, before() .before() 원문 링크 http://api.jquery.com/before/ .before( content, [content] )Returns : String 개요 : 선택된 요소 앞(before)에 인자로 주어진 요소를 삽입합니다. .before( content, [content] ) content 삽입될 요소(HTML string, DOM element, jQuery object) content 추가로 삽입될 하나 이상의 요소들 (DOM elements, arrays of elements, HTML strings, jQuery objects) .before( function ) function 추가될 요소를 반환하는 함수. 함수는 HTML string, DOM element(s), jQuery .. 2011. 11. 22.
jQuery API 정복 - 새로운 요소 추가, appendTo() .appendTo() 원문 링크 http://api.jquery.com/appendTo/ .appendTo( target )Returns : jQuery 개요 : 새로운 요소를 타겟(target)에 해당하는 요소 마지막에 추가합니다. .attr( attributeName ) target 선택자(selector), 요소(element), HTML 문자열, jQuery 객체; 이 인자로 선택된 요소(들)에 새로운 요소가 추가됩니다. 이전 append()함수에서도 말씀드렸습니다. .append() 와 .appendTo() 함수는 동일한 기능을 합니다. 단, 추가될 컨텐츠와 타겟의 위치가 두 함수의 가장 큰 차이점입니다. append함수는 A.append(B)라면 A에 B를 추가하는 것이고 A.appendTo(.. 2011. 7. 26.
jQuery API 정복 - 마지막 자식 요소 추가, append() .append() 원문 링크 http://api.jquery.com/append/ .append( content, [content] )Returns : jQuery 개요 : 어떤 요소에 마지막 자식 요소를 새로 추가합니다. .append( content, [content] ) content 추가될 HTML 문자열, DOM 요소, 또는 jQuery 객체. content 추가될 하나 이상 복수개의 DOM 요소들, 요소 배열, HTML 문자열들, 또는 jQuery 객체들. .append( function(index, html) ) function(index, html) 선택된 요소 집합의 각 요소 별로 추가될 HTML 문자열을 반환해주는 함수. 집합을 구성하는 요소들의 인덱스를 인자로 받을 수 있습니다. .a.. 2011. 7. 20.
Zebra 바코드 ZPL사용 출력 및 한글 인쇄하기(ZM400) 요구사항 PC(이하 프린터서버)와 바코드프린터(Zebra ZM400모델)이 USB로 연결되어 있다. 프린터서버에 연결된 바코드프린터를 네트워크에 공유시킨다. 다른 PC(이하 클라이언트)들은 공유된 바코드프린터를 연결할 수 있어야 하며 연결과 동시에 바코드프린터 드라이버를 다운로드할 수 있어야 한다. 프린터서버에서 프린터하는 것과 클라이언트에서 출력하는 바코드가 동일해야 한다. 한글을 포함한 텍스트가 표현되어야 한다. 바코드는 EAN-13 타입이다. 테스트환경 WINDOWS 7 Enterprise + Service Pack 1 프린터모델 : Zebra ZM400 ZPL(200dpi), 용지크기 4.5 x 4.5 (Cm), 리본 : 레진 Active-X를 사용함, ASP.NET, C#, javascript .. 2011. 7. 19.
jQuery API 정복 - 뒤에 추가하기, after() .after() 원문 링크 http://api.jquery.com/after/ .after( content, [content] )Returns : jQuery 개요 : 어떤 요소 뒤에 새로운 요소를 추가합니다. .after( content, [content] ) content 추가될 HTML 문자열, DOM 요소, 또는 jQuery 객체 content 추가될 하나 이상 복수개의 DOM 요소들, 요소 배열, HTML 문자열들, 또는 jQuery 객체들 after( function(index) ) function(index) 추가될 HTML 문자열을 반환하는 함수 HTML 을 보시죠. Greetings Hello Goodbye 아래와 같은 스크립트를 적용해 볼까요. $('.inner').after('Test.. 2011. 7. 14.
백스페이스 키를 막아보기 백스페이스 키를 누르면 뒤로가기가 된다는 건 다들 알고들 있을거고. 이번에 했던 작업은 콤보박스(태그는 select죠)에 포커스가 있을 경우 백스페이스를 누르면 뒤로가기가 되는 것을 막아달라는 요청이 있어서 해보았다. 간단하게 처리할 수 있겠다 하면서 진행했는데 의외로 몇 가지 복병이 있었다. 이 스크립트의 키 포인트는 1. 백스페이스(Backspace)키는 onkeydown() 이벤트 함수로 감지할 수 있다. 2. 현재 포커스 위치를 알아내는 방법은 document.activeElement 이다. 3. 포커스가 있는 태그 객체의 태그명을 알고 싶으면 someObject.tagName 을 사용한다. 4. 백스페이스의 keyCode 값은 8이다. 5. 특정한 속성값을 알고 싶으면 object.getAttr.. 2011. 7. 13.
parseInt() 함수가 이상해~ 바코드 관련 작업 중에 넘어온 바코드 정보인 문자열을 정수로 바꿔야 해서 아래와 같이 했다. var t = document.getElementById("txtBarcode"); //바코드 값이 들어오는 텍스트 박스임 if(t == undefined || t == "") return; alert(t); var no = parseInt(t); alert(no); 바코드 값은 문자열로 '00000000162" 였다. 당연히 t='00000000162' 고 no=162 이어야 하는데 아래같이 엉뚱한 값이 나왔다. 순간 당황~~ 응? 이건 뭐야? 하다가 찾아봤더니 문자열 앞에 000 으로 값이 채워져 있어서 이 놈이 162가 8진수 값인지 알았던 것. parseInt에 2번째 인자에 값을 줄 수 있었다는. 아래처.. 2011. 7. 12.
jQuery API 정복 - 범위로 자르기, slice() .slice() 원문 링크 http://api.jquery.com/slice/ .slice( start, [end] )Returns : jQuery 개요 : 요소 집합을 인자로 주어진 범위로 축소시킵니다. 인덱스 번호 기준으로 잘라내는 겁니다. .slice( start, [end] ) start 0 값을 초기값으로 하는 집합을 잘라낼 인덱스의 시작 번호. 만약 음수값이 오면 집합의 인덱스 끝을 의미함. end 0 값을 초기값으로 하는 인덱스의 집합을 잘라낼 인덱스 종료 번호. 음수값이 오면 집합 인덱스 끝에서 부터 앞쪽으로 진행함. 생략되면 집합의 마지막 인덱스 까지를 의미함. .slice() 함수는 요소 집합의 특정 부분을 잘라내어 축소시킨 집합을 만들어 줍니다. start 인덱스는 잘라낼 시작위치를 .. 2011. 7. 7.
jQuery API 정복 - 형제 요소들 찾기, siblings .siblings() 원문 링크 http://api.jquery.com/siblings/ .siblings( [selector] )Returns : jQuery 개요 : 형제 요소들을 찾아 줍니다. 선택자를 인자로 줄 수 있습니다. .siblings( [selector] ) selector 선택자 .siblings() 함수는 DOM 트리 상의 형제 요소들을 찾아 새로운 jQuery 객체를 만들어 줍니다. 이 함수에는 $() 함수에 사용할 수 있는 모든 선택자 표현이 올 수 있습니다. 만일 그 선택자가 주어졌고 그 선택자에 의해 선택될 수 있는 바로 다음 요소들이 있다면 jQuery 객체가 반환되고 그렇지 않다면 제외됩니다. 예를 보시죠. list item 1 list item 2 list item 3 l.. 2011. 7. 6.
얼핏 테트리스?? 젠토미노(Zentomino)를 완성하다. 이상하게 퍼즐게임을 보면 꼭 끝을 봐야 직성이 풀리는데 이 게임은 테트리스가 생각나서 더 하게된 거 같다. 뭐 따로 올릴 건 없고 깬거 캡쳐 해서 올려야 겠다. 참 다들 아실지 모르겠지만 톡톡 두번 터치하면 힌트가 나온다. 잘 못풀겠다 하시는 분들은 힌트를 얻어서 풀어 보시길. 아~ 그리고 가끔은 힌트가 잘못 나오는 버그가 있는 것 같다. 그리고 배경 음악은 정말 꾸지다. 듣고 있으면 아주 그냥 짜증이 나서 던지고 싶어진다. 꾸준히 판이 업데이트 되고 있는 것 같으니 한번씩 해보시는 것도 좋을 듯 하다. 물론 오늘만 무료일때 받아서 잘 하고 있다. ㅋㅋ 2011. 7. 5.
오라클 스케줄러 로그 확인 쿼리 10분 단위로 돌아가는 스케줄러인 경우 로그가 많이 쌓인다. 때로는 실패한 스케줄이 있는지 확인해야 하는데 그때 사용할 수 있는 쿼리이다. select * from user_scheduler_job_log where job_name='스케줄명' and status='FAILED' 지속적으로 체크를 할 필요성이 있으니 꼭 알아둘 것. 2011. 7. 5.
jQuery API 정복 - 이전에 있는 것들, prevAll() .prevAll() 원문 링크 http://api.jquery.com/prevAll/ .prevAll( [selector] )Returns : jQuery 개요 : 이전에 위치한 요소들을 모두 찾아 줍니다. 선택자를 인자로 가질 수 있습니다. .prevAll( [ selector ] ) selector 요소를 선택하기 위해 필요한 선택자 문자열 .prevAll() 함수는 DOM 트리를 기준으로 하여 조건에 맞는 모든 앞쪽 요소들을 새로운 jQuery 객체로 만들어 반환해 줍니다. 이 함수에는 $() 함수에 사용할 수 있는 모든 선택자 표현이 올 수 있습니다. 만일 선택자가 주어졌고 선택될 수 있는 바로 이전 요소들이 있다면 jQuery 객체에 포함되어 반환되고 그렇지 않다면 제외됩니다. 그럼 여기서 .p.. 2011. 7. 5.
jQuery API 정복 - 이전 요소 찾기, prev() .prev() 원문 링크 http://api.jquery.com/prev/ prev( [selector] )Returns : jQuery 개요 : 선택 집합의 각 요소별로 바로 이전에 오는 요소를 반환해 줍니다. 만일 선택자(selector)가 인자로 주어졌다면 그 선택자와 일치하는 요소만 반환이 됩니다. .prev( [ selector ] ) selector 요소를 선택하기 위해 필요한 선택자 문자열 .prev() 함수는 DOM 트리를 기준으로 하여 바로 이전 요소를 새로운 jQuery 객체로 만들어 반환해 줍니다. 이 함수에는 $() 함수에 사용할 수 있는 모든 선택자 표현이 올 수 있습니다. 만일 그 선택자가 주어졌고 그 선택자에 의해 선택될 수 있는 요소들이 있다면 결과에 포함되어 jQuery 객.. 2011. 7. 5.
jQuery API 정복 - 특정 조건을 만날 때까지 이전 요소들을 쭈욱, prevUntil() .prevUntil() 원문 링크 http://api.jquery.com/prevUntil/ .prevUntil( [selector,][filter] )Returns : jQuery 개요 : 이전에 위치한 요소를 찾아 반환하다 요소가 필터 조건에 부합될 경우 실행이 멈춥니다. .prevUntil( [selector,] [filter] ) selector 선택자 filter 영향을 받을 요소의 문자열 표현 .prevUntil( [element,] [filter] ) element 만났을 때 실행을 종료할 DOM 노드 또는 jQuery 객체 filter 영향을 받을 요소의 문자열 표현 본문에 보면 장황하게 설명되어 있습니다만 저는 짧게 하겠습니다. 이 함수는 어떤 조건을 만날때까지 특정한 행동을 할 수 있게.. 2011. 6. 30.
jQuery API 정복 - 특정 부모를 찾을 때까지, parentsUntil() .parentsUntil() 원문 링크 http://api.jquery.com/parentsUntil/ .parentsUntil( [selector,] [filter] )Returns : jQuery 개요 : 어떤 조건이 참이 될 때까지 부모 요소를 쭉 찾습니다. 선택자, DOM 노드, jQuery 객체가 일치할 경우 결과에 포함되지 않습니다.(마치 와우의 특성 설명을 보는 듯 하군하 ;;; 어설픈 직역 ㅜㅜ) .parentsUntil( [selector,] [filter] ) selector 선택자 표현 문자열 filter 일치하는 것을 찾기 위한 선택자 표현 문자열 .parentsUntil( [element,] [filter] ) element 부모요소를 찾기위한 DOM node 또는 jQuery 객.. 2011. 6. 29.
CoolRuler, 디자이너의 필수품 모니터 줄자 가끔 타 사이트, 이미지 등의 넓이, 높이를 알고 싶을 때 사용할 수 있는 컴퓨터용 줄자. Cool Ruler 가 있습니다. 여러가지 사용해 봤는데 기억나는건 이 녀석. 무설치 버젼이고 사용법은 아주 간단하다. 단위는 픽셀, CM등으로 바꿔 사용할 수 있어서 좋다. 그래도 줄자를 늘린 후에 크기를 재는 방식이라 좀 불편하다. 그냥 크기를 조절하면 치수를 바로 알려주는 방식이 더 좋을 것 같은데 말이다. 제작 사이트는 http://fabsoft.com 으로 되있는데 들어가봐도 해당 내용을 찾을 수가 없다. 그냥 심심해서 만들어 본건지.. 흠 원제작 사이트 링크에서 다운로드 해보려 했으니 실패. 인터넷 상에 돌아다니는 파일로 대체한다. 2011. 6. 29.
jQuery API 정복 - position으로 부모 찾기, offsetParent() .offsetParent() 원문 링크 http://api.jquery.com/offsetParent/ .offsetParent()Returns : jQuery 개요 : 위치(position) 요소를 기반으로 한 부모 요소를 찾습니다. .offsetParent() .offsetParent() 함수는 DOM 트리에 존재하는 부모요소들 중 위치(positioned)요소를 기준으로 가장 가까운 요소를 찾아서 jQuery 객체로 만들어(wrapped) 줍니다. 여기서 말한 위치(positioned)는 CSS의 속성인 relative, absolute, fixed를 의미합니다. 이런 정보들은 페이지상에서 객체들의 위치를 계산하기 위해 아주 유용합니다. 음. 좀 어렵네요. CSS의 포지션 속성을 좀 알아야 하고 거.. 2011. 6. 29.
jQuery API 정복 - 부모들 찾기, parents() .parents() 원문 링크 http://api.jquery.com/parents/ .parents( [selector] )Returns : jQuery 개요 : 선택자에 의해 걸러진 요소집합의 각 요소들의 부모요소들을 찾습니다. .parents( [selector] ) selector 선택자 문자열 표현 .parent() 함수는 DOM 트리를 구성하는 요소들의 부모들을 찾아서 새로운 jQuery 객체 집합을 구성해 줍니다. 객체 집합은 추가되는 순서에 따라 인덱스가 부여됩니다. 부모요소가 반환되는 기준은 현재 요소에서 가까운 요소부터 먼 요소 순으로 반환됩니다. .parents() 와 .parent() 는 비슷하비만 DOM 의 깊이가 단일이냐 그 이상이냐의 차이가 있습니다. 이 함수에는 옵션으로 선택.. 2011. 6. 28.
jQuery API 정복 - 부모 찾기, parent() .parent() 원문 링크 http://api.jquery.com/parent/ .parent( [selector] )Returns : jQuery 개요 : 선택자에 의해 걸러진 요소집합의 각 요소들의 부모요소를 찾습니다. .attr( attributeName ) selector 선택자 문자열 표현 .parent() 함수는 DOM 트리를 구성하는 요소들의 부모들을 찾아서 새로운 jQuery 객체 집합을 구성해 줍니다. .parents() 와 .parent() 는 비슷하비만 DOM 의 깊이가 단일이냐 그 이상이냐의 차이가 있습니다. s가 붙으면 복수형!! 다들 아시죠?? :-) 이 함수에는 옵션으로 선택자를 인자로 넣을 수 있습니다. 또한 $() 와 같은 함수도 인자로 사용할 수 있습니다. 만약 인자를 .. 2011. 6. 28.
jQuery API 정복 - ~가 아닌 것, not() .not() 원문 링크 http://api.jquery.com/not/ .not( selector )Returns : jQuery 개요 : 조건에 맞지 않는 것들만 찾아줍니다. 말이 어렵네요. 조건에 해당되지 않는 것이라고 하는게 더 맞는 표현이겠네요. .not( selector ) selector 선택자 표현 .not( elements ) elements 하나 이상의 DOM 요소 표현 .not( function(index) ) function(index) 조건을 검사할 함수 .not() 함수를 사용하면 조건에 부합되는 DOM 요소들로 이루어진 새로운 jQuery 객체를 만들어 줍니다. 선택자가 제공되면 각 요소들을 테스트 하고 일치하지 않는 요소들을 결과에 포함시켜 줍니다. 자. 쉽게 예를 들어봅니다... 2011. 6. 27.

티스토리툴바