본문 바로가기

jQuery

(76)
jQuery, News Tikcer o GPLv2 License http://www.jquerynewsticker.com/
[모음글] jQuery 로 form validation 요소 제어, input/select/textarea o jQuery Form Validation 세세한 조정이 필요한 것이 아니라면.. http://mytory.co.kr/archives/195 o select- $('... > option ...') 과 $('... option ...') 차이는.. 만약 select 가 하나 뿐이면 차이 없음, option 앞에서 딱 하나의 element 가 주어지면 차이 없음. 다만, option 을 갖는 select 가 여럿일 때는 차이가 있음.. - select 태그의 option 조정 http://ddoong2.com/386 - $('... select > option:selected').val(); 와 $('... select').children('option:selected').val() 은 동일 $('.....
jQuery serialize, 파라미터가 제대로 체크되었는지 확인하는 용도로 좋을 듯.. http://mylife365.tistory.com/143 var obj = { width:1680, height:1050 };var data1 = $.param(obj); // json 타입의 객체(리터럴)을 쿼리스트링(urlencoding)으로 만들어준다. console.log(data1) // 결과 : width=1680&height=1050 var data2 = $("form").serialize(); // form의 입력데이터를 쿼리스트링으로 만들어준다.console.log(data2); // 결과 : a=1&b=2&c=3&d=4&e=5 var data3 = $('form').serializeArray(); // form의 입력데이터를 배열의 Object형태로 만들어준다.console.log(d..
jQuery 로 이미지 preLoading 드림위버로 작업을 하면, 이미지가 들어 있는 화면을 html 로 만들때 MM_preloadImages 함수가 자동 생성되는데요.. 간단한 jQuery 플러그인을 만들면 아래와 같이 만들 수 있답니다. 이미지 프리로드를 왜 하냐구요..? 화면에 그려지는 이미지들은, html 코드가 모두 읽혀지고.. 해당 이미지들이 PC 에 다운로드 된 다음에야 웹브라우저가 화면에 렌더링을 하여 보여줍니다. 따라서 이미지가 많이 사용된 화면의 경우, 다운로드 받은 순서대로 이미지들이 열리는데.. 간혹 이미지의 가로와 세로 사이즈에 따라 화면 레이아웃이 왔다갔다 하거든요. 이걸 막기 위해서 브라우저가 렌더링 하기 전에 이미지를 몽땅 받아 두는 거에요. 그러면, 첫 화면이 열리기 까지는 시간이 걸리겠지만.. 그 다음 부터는 화..
jQuery 플러그인 모음, 별점 http://www.fyneworks.com/jquery/star-rating MIT 라이센스
jQuery Ajax, FAQ 를 웹에디터로 관리할때 아코디언 목록이 1건만 표시될 때의 처리 (방법론) FAQ 를 구성할 때.. 평소에는 제목만 보이다가, 제목을 클릭하면 상세 내용이 제목 밑으로 펼쳐지는 방식의 아코디온 FAQ 가 필요할 때가 있죠. 그런데, FAQ 내용을 웹에디터를 사용해서 관리한다면 간혹 곤란한 경우가 발생하기도 합니다. 수작업으로 만들어 낼 때는 FAQ 목록에 html 태그가 들어가지 않는데, 웹에디터를 사용해서 FAQ 를 관리하면 펼쳐지는 본문 내용 부분에 태그가 들러붙죠. 이때 FAQ 목록의 첫번째는 제대로 나오는데 그 다음부터 나오지 않을 수도 있어요. FAQ 를 구성하는 구조를 어떻게 했느냐에 따라서 발생하기도 발생하지 않기도 하는 현상입니다만.. 본문내용 로 해 두었다가 클릭했을때 나오게 하거나, 를 두고 본문내용 에 담았다가 div 에 표시되게 하는 방법이 먹히지 않을 때..
[모음] jQuery Slide 슬라이드/스크롤 o http://nobleslider.vaneayoung.com 무료. 하나의 슬라이드 안에서 object 가 따로 도는 것도 있고.. o https://github.com/kenwheeler/slick/ MIT 라이센스, 모바일/PC 환경에서 구웃.. o Rebox, http://trentrichardson.com/examples/jQuery-Rebox/ MIT 라이센스 o 이런 효과는 유료에서나 보았던 것인데.. GPL 입니다.http://www.kyrielles.net/sliderkit/demos/imagefx.html o FlexSlider 2, GPL2 라이센스. 모바일에서 플립 기능http://flexslider.woothemes.com http://stspace.tistory.com/430 ..
jQuery 로 Ajax 가 중첩되어 또는 순차적으로 Call 할때 CallBack 함수 사용 Ajax 는 비동기식 이다 보니.. a.jsp 가 b.jsp 를 호출하고 이어서 c.jsp 를 호출한다 했을때, c.jsp 가 b.jsp 보다 먼저 호출되지 않도록.. 순서를 정해줄 필요가 있을때 callBack 을 활용해 보자구요. function openSimpleUri(id,uri){ var args = openSimpleUri.arguments; // 추가 파라미터. args[0] id, args[1] uri, args[2] parameter, args[3] callback var param = ''; if(args[2]) param = args[2]; $.ajax({ type: 'POST', url: uri, data: param, // 파라미터 cache:false, success:functi..