본문 바로가기

Local Oriented/jQuery

 (132)
[모음글] jquery 이벤트 *. 동적 적용을 위해 on 함수를 이용한 이벤트 핸들링, 다만 on() 은 1.6 부터 적용.jQuery 를 사용한다면 1.6 부터 사용하시기를.. ~.http://kd3302.tistory.com/m/post/577 함수 사용 형태 $('...').blur(function(){...}); $('...').bind('blur',function(){...}); $('...').bind('blur change keydown',function(){...}); 여러 이벤트에 하나의 함수 설정시$('...').bind({blur:function(){...}, change:function(){...}, ..., keydown:function(){...}}); 여러 이벤트마다 각각의 함수 설정시bind 대신에 on..
jQuery, a 태그의 target 에 _blank 속성을 부여하여 iframe 안의 링크가 모두 새창으로 열리도록 하는 방법 본문을 iframe 으로 처리하는데, 본문에 a 태그를 이용한 링크가 있는 경우.. a 태그의 target 이 정의되어 있지 않다면 기본값인 _self 가 적용되어, iframe 안에서 링크가 열리는데.. iframe 의 사이즈도 다시 조정해야 하고, iframe 안에서 링크 이전의 페이지로 되돌리기도 그렇고 해서.. 이런 경우에는 a 태그의 target 에 _blank 를 설정하여 새창으로 링크가 열리는 것이 나은데 그 방법은..? 상기 코드에서 onload 에 "javascript:" 를 기술하는 이유는.. IE 에서는 필요없지만 다른 웹브라우저 특히 모바일 기기에서, "javascript:" 를 기술하지 않으면 자바스크립트 함수가 실행되지 않기 때문인데.. 조만간 조치가 되겠지요..? resetLi..
jQuery CSS 스타일 선택시, 태그명의 대/소문자는 구분없이 사용해도 되지만.. 속성(값)은 대소문자 구분 정상적인 경우라면, 나 모두 $('a') 또는 $('A') 로 선택이 가능. 즉, jQuery 에서 태그명(혹은 키워드명)은 대소문자를 가리지 않는다는 것. 그런데, 속성(값)은 그렇지가 않아요.. ... 인 경우 아래와 같이 하면 안 되겠죠.. $('a').each(function(){ var $o = $(this); var href = $o.attr('href'); if(href.indexOf('javascript')>-1){ ... } }); 그러면 어떻게 해야 하느냐..? $('a').each(function(){ var $o = $(this); var href = $o.attr('href').toLowerCase(); // 대문자로든 소문자로든 한쪽으로 몰아 두어야 합니다. if(href.ind..
jQuery 와 iframe, 팝업에서 선택 iframe 을 호출하는 쪽이 A 이고, iframe 안에 src 되는 쪽이 B 라고 한다면.. A 에서 iframe 안의 B 내용을 불러다 쓰기 쉽게 하려면.. 1. iframe 에 id 를 부여 2. iframe 안의 DOM 을 호출 3. ifrmae 안의 DOM 에서 필요한 항목 사용 만약 ifrmae 안의 DOM 에서 a 태그를 고르는 것이라면.. $('#idIframe').contents().find('a') 라고 하면 된다. iframe 안의 B 에서 A 쪽 DOM 에 접근하려면.. $(document).parent().find('...') 라고 하면 되지 않나..? $('...', parent.docume..
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 에 다운로드 된 다음에야 웹브라우저가 화면에 렌더링을 하여 보여줍니다. 따라서 이미지가 많이 사용된 화면의 경우, 다운로드 받은 순서대로 이미지들이 열리는데.. 간혹 이미지의 가로와 세로 사이즈에 따라 화면 레이아웃이 왔다갔다 하거든요. 이걸 막기 위해서 브라우저가 렌더링 하기 전에 이미지를 몽땅 받아 두는 거에요. 그러면, 첫 화면이 열리기 까지는 시간이 걸리겠지만.. 그 다음 부터는 화..

티스토리툴바