본문 바로가기

퍼블리싱/jQeury, Javascript

빈칸넣기 문제(input setting), how to get byte /********************************** Part : 빈칸넣기 문제(input setting) 1. input의 갯수만큼 placeholder를 넣어줌 2. 정답을 미리 불러와서, byte값을 구한 후 input에 width값을 뿌려줌 3. 정답이 영어 1글자의 경우 폭이 너무 좁기 때문에 2byte로 설정해줌 **********************************/ var wordArr = ['my','name','is','I','live','in','with','middle school']; // 정답단어들(초급, 중급에만 해당) var placeholderArr = ['①','②','③','④','⑤','⑥','⑦','⑧','⑨','⑩'] // input placeho.. 더보기
탭메뉴, tabmenu, img src replace $(function(){ $('.tab_navi a').on('click',function(){ var idx = $(this).parent().index(); imgToggle($(this)); $('.tab_cont[data-cont=cont0'+ (idx+1) +']').show().siblings('.tab_cont').hide(); return false; }); function imgToggle(obj){ obj.parent().addClass('on').siblings().removeClass('on'); obj.find('img').attr('src',function(){ var src = $(this).attr('src'); return src.replace('off.jpg','on.jp.. 더보기
iframe에서 부모창 document에 접근하기 $('body', window.parent.document); iframe에서 부모창의 DOM Tree를 접근하려면 위처럼 셀럭터 다음에 window.parent.document를 작성해주면 된다.여기서 셀럭터 'body' 다음에 오는 것, 즉, second parameter는 selector를 찾는 위치를 말해준다.$( 'selector' , location ); 반대로 부모창에서 iframe Dom Tree에 접근하려면 다음처럼 하면 된다. $('#iframe').contents().find('.elementInIframe').html(); 더보기
웹접근성 키보드이동가능한 디자인 셀렉트박스 플러그인 selectboxhttp://lcdsantos.github.io/jQuery-Selectric/index.html 더보기
Document.readyState document.readyState 을 이용하여 document의 로딩시점에 따라 각각 다른 이벤트를 취할 수 있다.readyState의 값은 loading, interactive, complete 이 있는데, loading : document가 여전히 로딩중인 상태interactive : parse는 되었지만 resource들(images, stylesheets)은 아직 로딩인 안된 상태로 dom트리에 접근할 수 있다 ( = DOMContentLoaded 와 같은 상태)complete : 모든게 완료된 상태 (= window.load 와 같은 상태) var string = document.readyState; switch (document.readyState) { case "loading": // Th.. 더보기

티스토리툴바