iframe을 사용한 페이지에서 iframe 아래쪽의 html 엘리먼트들이 보이지 않을 경우
iframe 태그는 비어있는 body를 반드시 필요로 하는 태그이다. 혹시 <iframe … /> 이런 식으로 태그를 종료했다면 (X), <iframe … ></iframe> 이런 식으로 태그를 종료하자! (O) 이거 때문에 시간 좀 썼네 ㅜㅡ… 역시 공선생!
iframe 태그는 비어있는 body를 반드시 필요로 하는 태그이다. 혹시 <iframe … /> 이런 식으로 태그를 종료했다면 (X), <iframe … ></iframe> 이런 식으로 태그를 종료하자! (O) 이거 때문에 시간 좀 썼네 ㅜㅡ… 역시 공선생!
http://www.noupe.com/css/7-css-hacks-you-cannt-live-without.html http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/ http://www.thesitewizard.com/css/excludecss.shtml http://www.cssportal.com/css-hacks/ http://kaludin.egloos.com/967831
http://soulgraphy.com/110 http://blog.naver.com/weed31/140072061719
* 참고 링크 W3School Reference table-layout property table-layout 속성을 이용하여 테이블 고정하기 * 문제 해결 사례 – colspan이 들어가 있는 테이블에서 width를 지정해도 원하는 대로 그려지지 않을 때 table-layout: fixed 를 주었더니 해결되었다. – table 안에 div를 넣고 table의 width가 줄어들 때 안에 있는 div도 줄어들게 하고 싶었다. table-layout:… Read More »
http://happyjung.com/gnuboard/bbs/board.php?bo_table=lecture&wr_id=898&sca=HTML
1. 배열객체.getClass().isArray() 사용 – primitive type의 배열에도 사용할 수 있다. – 객체가 null일 경우 NullPointerException을 발생시킨다. 2. 배열객체 instanceof Object[] 사용 – primitive type의 배열에는 사용할 수 없는 듯 하다. – 객체가 null일 경우 false를 리턴한다. * 참고 링크 – http://stackoverflow.com/questions/219881/java-array-reflection-isarray-vs-instanceof
http://www.yunsobi.com/blog/406
http://mean79.tistory.com/60
http://jace.tistory.com/120
HTML ASCII ReferenceHTML ISO-8859-1 ReferenceHTML Symbol Entities Reference HTML URL Encoding Reference (%숫자)
effect 데모 – 특정 브라우저에서 잘 안될 경우 우측 상단의 new window 버튼을 사용, 새창에서 실행해 보자. easing 데모
– 출처 : http://blog.naver.com/aodrmfrl/90142324103 – 우선 float right을 설정할 태그를 감싸고 있는 태그의 넓이값을 정해준다. 그리고 right을 설정할 태그와 이것의 왼쪽에 있는 태그의 위치를 바꿔준다. 보통 왼쪽에서 오른쪽 순으로 코딩을 하는데 이러면 오른쪽에 있는 태그가 아래로 떨어지는 현상이 발생한다. 이 현상을 방지하는 방법은 그저 오른쪽으로 갈 태그를 먼저 써주면 되는 것이다. [출처] IE7 에서 float right버그|작성자 GodIsLove
* 어쩌다 한번 JSTL이나 EL 문법을 html 화면으로 보여주기 위해 escape 해야 할 경우가 있다. – JSTL : <, > 활용 – EL : 역슬래쉬(\) 활용
9 Javascript and Animated GIF Loading Animation SolutionsGlobal AJAX Loading SpinnersjQuery BlockUI (화면 modal 처리) http://ajaxload.info/ http://loadinggif.com/ http://preloaders.net/http://loadinfo.net/
$(document).click(function(event) { alert(‘a’); event.stopImmediatePropagation(); }); $(document).click(function() { alert(‘b’); }); * 참고 링크 http://stackoverflow.com/questions/652495/jquery-multiple-event-handlers-how-to-cancel
* 자바스크립트 배열(array) 관련 문법- 출처 : http://www.yunsobi.com/blog/3 – – 배열의 생성 var arr = [1,2,3,4,5]; //리터럴로 생성 var arr = new Array(); //Array 클래스로 생성var arr = new Array(5); … Read More »
<meta http-equiv=”refresh” content=”30;url=http://www.metatags.info/login”> => 30초 후에 해당 URL로 이동. * 참고링크 – meta tag의 용법을 모아 놓은 사이트
자바스크립트HTML컬렉션객체.namedItem(id or name); – 엘리먼트 컬렉션 내에 해당 id나 name을 갖는 객체가 있으면 그 객체를 반환한다. * 참고 링크 http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/namedItemSyntaxParametersandNote.htm
var bool = event.shiftKey; event 객체는 true/false의 값을 갖는 shitKey 라는 속성을 가지고 있어서, 이벤트 호출시 쉬프트키가 눌러졌는지 여부를 알 수 있다. * 참고 링크 https://developer.mozilla.org/en/DOM/event.shiftKey HTML DOM Event Object
* event.stopPropagation() 이 왜 필요한가? – 상위 엘리먼트의 동일한 이벤트가 호출되는 것을 막기 위하여 – 만약 TR에 onclick이벤트가 걸려 있고, TABLE에도 걸려있을 경우, TR을 클릭하면 TR이벤트 => TABLE이벤트 순으로 이벤트핸들러가 호출되는데. 이 경우 TABLE이벤트가 trigger되지 않도록 하는 것이 stopPropagation() 이다. * 참고 – 모질라 사이트에 있는 예제를 참고하면 이해가 쉬울… Read More »