Javascript (7) 썸네일형 리스트형 jQuery 비슷한 ID, Name 찾기 안녕하세요. 엔젤루스입니다. 이번에는 jQuery로 특정 ID, Name을 가지고 있는 요소들을 찾는 방법을 알아보려고 합니다. jQuery ID, NAME 검색 //id, name이 test로 시작하는 엘리먼트들 접근 var vId = $("[id^='test']"); var vName = $("[name^='test']"); //id, name이 test로 끝하는 엘리먼트들 접근 var vId = $("[id$='test']"); var vName = $("[name$='test']"); 다수의 비슷한 ID나 Name으로 컨트롤해야 하는 경우 사용하면 좋을 것 같습니다. 이상 엔젤루스였습니다. autocomplete 높이 고정 autocomplete 을 사용할 때 그냥 사용하게 되면 모든 데이터가 다 나오는 문제가 있죠. 그것을 해결하기 위해서 css를 수정해야 합니다. Code Snippet .ui-autocomplete { max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ html .ui-autocomplete { height: 300px; } 위와 같이 넣으면 높이가 300px 정도로 고정되게 됩니다. 필요하신.. jquery autocomplete selectFirst, minLength 이전 포스팅에서 autocomplete의 사용법에 대해서 간단히 포스팅 했었죠.autocomplete을 조금 더 잘 사용할 수 있는 몇가지 옵션을 살펴볼게요. 우선 selectFirst입니다.이것은 검색한 데이터를 화면에 출력해줄 때 첫번째 아이템이 선택되어 지도록 처리해 줍니다. 두번째로 minLength입니다.이것은 텍스트박스에 몇글자가 입력이 되면 데이터를 검색할지 처리 하는 부분입니다. 즉 minLength:3 이라고 주게 되면 3글자가 입력 되기 전까지는 데이터를 검색하지 않는 거죠. 사용법은 아래와 같아요. Code Snippet $('#test').autocomplete({ source: availableTags, select: function (event, ui) { //아이템 선택시 처리.. Jquery autocomplete 가끔 문자를 입력했을 때 해당 문자에 맞는 데이터를 가져와 리스트를 드롭다운 박스 처럼 보여줘야 되는 경우가 있죠. 그때 사용하기 편리한 Jquery 플로그인을 소개할께요. 바로 autocomplete입니다. 이것을 사용하기 위해서는 이 3가지를 먼저 추가해 줘야 합니다. Code Snippet 혹시 css는 필요하지 않겠지 하고 추가를 안 하시면 좀 당황스러운 상황을 맞이하게 됩니다. 그러니 꼭 3개다 추가를 하시면 되겠습니다. 우선 input태그의 text 타입을 하나 넣어 주시고, 스크립트에 우선 검색할 이름들을 아래와 같이 등록합니다. Code Snippet $(function () { var availableTags = [ "ActionScript", "AppleScript", "Asp", "B.. jquery를 이용한 ajax 처리 당연한 것을 당연하게 알지 못하고 있다가 이번 프로젝트를 통해서 알게 되었네요. jquery를 이용하여 ajax를 처리하는 방법입니다. 기본적으로 다음과 같이 처리를 합니다. Code Snippet $.ajax({ url: UrlEncoding('../Common/Ajax/gateDH.aspx?atype=' + 1 + '&no_car=' + $('#txtCarNum').val() + '&yn_delete=N&autosearch=1'), dataType: "json", success: function (data) { if (data.Car_List.length > null) { if (data.Car_List.length > 1) { response($.map(data.Car_List, function (.. 스크롤 이벤트 처리 이번에는 스크롤를 아래로 내려 끝에 도달했을 때 페이징 처리를 하기 위해서 고민했었다 자료를 찾아보니 jquery를 이용한 좋은 방법을 찾았다. jquery 카테고리를 더 만들까 고민하다가 그냥 javascript에 넣기로 결정 -_-;; $(window).scroll(function(e){ d_height = $(document).height(); // 다큐멘트 크기 w_height = $(window).height(); // 브라우저 크기 s_height = d_height - w_height; d_top = $(document).scrollTop(); // 다큐멘트 최상위 좌표 if ((s_height - d_top) < 1) { 페이징 처리 코드; } }); 소스는 다음과 같습니다. 우선 scro.. FireFox javascript의 innerText 문제 오늘 작업을 하다가 javascript에서 innerText를 써야하는 부분이 열심히 작업을 해서 테스트를 해보았습니다. 아싸!! ie9에서 무지 잘돌아가더군요. 그다음 크롬 아싸 무지 잘돌아가고, 그다음 사파리 완전 잘돌아가 >_ 이전 1 다음
