WEB Dev Note

아래의 플러그인을 이용하면 불러오는 페이지의 높이에 따라 아이프레임 높이가 자동으로 조절된다. 단, 외부 경로는 적용되지 않는다. 1) 플러그인을 내려받고 압축을 푼 다음 계정에 올린다. 2) 바로 위에 아래 스크립트를 입력한다. 3) 아이프레임이 출력될 본문에 아래를 입력한다.

다음과 같은 폼이 있다고 하자. Login 기존에 제목과 같은 효과를 내기 위해서 onload="document.login.idn.focus();" 이러한 코드를 태그 내부에 추가했지만, 어찌된 영문인지 동작하지 않을 때도 있었다. 따라서 아래와 같이 jQuery를 이용하면 간단하게 해결할 수 있다. $(document).ready(function(){ $("#idn").focus(); }); 추가> 만약 #idn이 쿠키로 저장되어있을 경우, #password가 포커스 되도록 하려면 아래와 같이 한다. $(document).ready(function(){ if($.cookie('쿠키이름')){ $("#password").focus(); } else { $("#idn").focus(); } }); 물론, ..

무슨 이유에서인지 아래와 같은 CSS가 Internet Explorer에선 적용되지 않는다. input[type=checkbox] { margin: 10px; border: 1px solid red; } 물론 각각의 checkbox마다 클래스를 주면 적용할 수 있지만 용량 낭비고 시간 낭비다. (이거 뭐 Internet Explorer 때문에 몇줄의 코드를 추가해야 하는건지 -_-) 어쨌든 이와 같은 상황을 해결하기 위해 jQuery를 이용하면 된다. 바로 위에 아래와 같은 코드를 추가한다. 페이지를 모두 로드하고 jQuery가 발동되며 해당 페이지의 input[type=checkbox]를 찾아 설정된 스타일을 입힌다.