Front-End/jQuery

jQuery - AutoComplete-r3.2.2 자동완성기능 (공식홈페이지와 다른것)

http://code.google.com/p/jquery-autocomplete/ jQuery홈페이지에서 제공한걸 다운받아서 하는데익스플로러에서 안되서 찾다보니 알게되었다. 하지만 익스플로러에서 안된건 내문제였다...다신쓸일없을꺼같은 느낌이 든다...

jQuery - AutoComplete 자동완성기능

http://jqueryui.com/demos/autocomplete/ default만 뽑아낸것. 추출하는데 왜이렇게 css가 안먹어대는지...진짜 별것도 아닌건데 엄청난 삽질이었다

jQuery - DatePicker (input박스에 달력창 띄우기)

http://jqueryui.com/demos/datepicker/ jQuery에서 제공해주는 DatePicker크롬, 익스플로러8에서 구동확인. 분석은 사용할때 하는것으로...

키보드 key값 알아내기

$(document).keydown(function(e){alert(e.keyCode)}) KeyCodebackspace8tab9enter13shift16ctrl17alt18pause/break19caps lock20escape27page up33page down34end35home36left arrow37up arrow38right arrow39down arrow40insert45delete46048149250351452553654755856957a65b66c67d68KeyCodee69f70g71h72i73j74k75l76m77n78o79p80q81r82s83t84u85v86w87x88y89z90left window key91right window key92select key93numpad 096num..

jQuery Tree메뉴 간단하게 만들기

유용한 jQuery를 이용하여 트리구조를 만들어보았습니다. 여러가지 UI가 있겠지만 이번에 만들어본것은 모든 아이템에 링크가 가능하고 "+", "-" 아이콘을 이용하여 하위 메뉴를 열고 닫을 수 있습니다. jQuery는 정말 사용할 수록 좋은 점이 너무 많은데요. 이번에 중점적으로 보아야 할 것은 두가지가 있는데요.한가지는 어떠한 앨리먼트를 가지고 있는 개체를 선택하는 것인데요. :has(ul) 을 사용하게 되면 ul 을 가지고 있는 모든 개체를 선택할 수 있게 됩니다.그리고 다른 한가지는, 자식요소를 선택하는 필터인데요. li:last-child 라는 것을 이용해서 li 중에 맨 마지막 자식요소 인것을 한번에 모두 선택할 수 있습니다.정말 편한 기능이지요? 이것을 사용하게 되면 html에 일일히 클래스..

[jqgrid] cell 값 수정 할 때 넘어가는 rowid 값 설정

jqGrid에서 id 값을 설정하지 않으면, 파라미터로 서버에 넘어갈 때 edit한 cell의 행의 순서 번호가 넘어가게 된다.(1, 2, 3.....요렇게) 만약 DB에서 수정을 하려고 cell editing을 할 때 DB의 id 값이 PK이고 행의 번호랑 다르다면?! => rowid를 내가 지정한 id 값으로(key) 지정할 수 있다. 1. 일단 jqGrid로 지정할 아이디 값들을 넣어 놓는다. 2. colModel :[{id:'id', index:'id', width:75, key:true}] 이렇게 id를 key로 지정해 놓으면 된다~ http://marobiana.egloos.com/1029891

jqGrid에서 json data로 표출하는 에제

Json를 다음과 같이 리털할 경우 { "page":"1", "total":2, "records":"13", "user":[ {"id":"12345","name":"Desktop Computers","email":"josh@josh.com","item":{"price":"1000.72", "weight": "1.22" }, "note": "note", "stock": "0","ship": "1"}, {"id":"23456","name":"laptop","note":"Long text ","stock":"yes","item":{"price":"56.72", "weight":"1.22"},"ship": "2"}, {"id":"34567","name":"LCD Monitor","note":"note3","st..

delegate & live 간단예제

* delegate$("body").delegate(".chnodes","change",function() { }); $("body").delegate(".profile_img2","click", function() { }); * live$("body").live("click",function() { });[출처] [Jquery] .live()에서 "change"가 안될 때엔 .delegate()|작성자 루피