본문 바로가기

Local Oriented

 (251)
a 태그에 name 속성 사용시 주의사항 아래와 같이 XHTML 1.0 Transitional 로 정의된 HTML 에서 a 태그는, 와 같이 사용하지 않고, 와 같이 사용한다면 대략 난감합니다. ^^. 아래와 같은 코드가 있다고 생각해 봅시다. '텍스트A' 에는 밑줄이 그어집니다. 참 놀랍죠..? 텍스트A 밑줄이 그어지지 않은 정상적인 상태로 하려면.. 아래와 같이 되어야 합니다. 텍스트A .Fine.
[모음글] 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..
CSS 스타일, 팝업시 배경 투명도, opacity alpha 투명도는 30% 대가 적정..? 투명하게 하려면 완전히 검은색(#000) 에서 35% 투명도가 괜찮은듯.. background:#000; opacity:.35; filter:Alpha(Opacity=35);
모바일 기기에 특화된 메타 태그 maximum-scale 을 1.0 이상으로 설정해도 user-scalable=no 이면 화면 확대/축소가 불가. 애플에서는.. user-scalable 이 no 라도,minimum-scale 을 1.0 이상으로 설정하면 initial-scale 값에 상관없이 최초 화면이 해당 크기로 확대.안드로이드에서는.. user-scalable 이 no 라면,minimum-scale 이나 initail-scale 값에 상관 없이 크기 불변.. ㅎㅎuser-scalable 이 yes 이면 사용자가 확대해 볼때 화면 사이즈가 변경.아직 통일이 안 되어 있음. 애플이나 안드로이드나 동일하게 작동하는 것은..아예 사이즈가 고정되는 것은 상기와 같고,사이즈를 일정하게 확대/축소 시키는 것은 아래와 같음.. target-de..
jQuery, News Tikcer o GPLv2 License http://www.jquerynewsticker.com/

티스토리툴바