본문 바로가기

Local Oriented/jQuery

 (132)
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 ..
서적, 시작하세요! 모바일 웹 개발 (위키북스). jQTouch jQueryMobile SenchaTouch 2011.11.11(금) 현재 jQueryMobile 1.0 RC2 가 나왔는데.. 본 책에서 설명하는 것과 다소 괴리감이 있어요.. 책을 사지 말고 해당 웹사이트에서 Document 를 참조하세요.. http://jquerymobile.com/demos/1.0rc2/ 참조 웹사이트, http://javascript.elex.pe.kr/jquery-mobile 모바일 디바이스, 로컬에서만 돌아가는 프로그램으로, 하드웨어 성능을 최대한 끌어내기 위하여 네이티브 API 만 사용하는 방식의 App이, 스탠드 얼론 방식의 게임을 제외하면 얼마나 될까요..? 거의 모든 어플이 서버와 데이타 를 주고 받기 마련이겠지요. 게다가 모바일 디바이스 기종마다 서로 다른 OS 와 API 셋, 제각기 다른 스크린 사이즈와 해..
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..
jQTouch, 멀티 스마트 기기 지원하는 jQuery 기반의 모바일 웹 플러그인 http://www.jqtouch.com/
jQuery v1.4.2 에서 웹브라우저 종류 체크, $.browser.msie DOCTYPE 이 정의된 HTML 에서 필요할까 싶긴 한데요.. DOCTYPE 이 없이 HTML4.x 로 작성된 웹페이지라면, 웹브라우저 종류를 알아내는 것이 중요할 수도 있어요.. $.browser.msie 가 true 이면 MS 사의 인터넷 익스플로러, 아니면 다른 웹브라우저 입니다. 각 웹브라우저 간의 호환성이나 표준 HTML 을 고민하다 보면, 가끔씩 TABLE 태그를 사용하던 시절이 그립기도 합니다. $.browser.version 는 웹브라우저 버전. $.browser.safari 사파리 웹브라우저일때 true, 아니면 undefined. $.browser.opera 오페라 웹브라우저일때 true, 아니면 undefined. $.browser.msie MS IE 웹브라우저일때 true, 아니면..
모바일 기기를 고려한다면, mouseover 와 click 이벤트를 모두 설정하여야.. PC 환경에서는 mouseover 가 의미있지만, 모바일 기기 환경에서는 mouseover 가 의미 없음. 이유는, 모바일 기기에서는 "터치" 를 하기 때문. 터치하는 곳이 마우스 커서가 있는 곳이지요. 따라서 모바일 기기 환경을 생각한다면 mouseover 와 click 을 모두 사용해야 되는가 봅니다. 이벤트를 사용한다면, onmouseover 와 onclick 이 되겠구요.. jQuery 의 trigger 를 사용한다면 $('...').trigger('click mouseover') 이렇게 하면 되겠군요. 모바일 기기에서 onclick 이 작동하지 않는다 하는 분이 계세요.. onclick="funcA(paramA)" 라고 하면 작동하지 않지요. onclick="javascript:funcA(par..

티스토리툴바