'DHTML'에 해당되는 글 2건

  1. 2007/04/01 IE7의 DHTML관련 문제점들 by 타오
  2. 2007/04/01 DHTML 개발시 브라우저별 차이점을 어떻게 다루어야하는가? by 타오
바로 전 포스트에서 소개드린 글을 보면 IE7의 DHTML관련 문제점 에 대한 예기도 있는데 아래는 그부분을 발췌한 내용입니다. 참고하세요^^

+ Can’t set opacity on any div that contains <input type=”text”/> or <textarea/> without getting nasty visual artifacts in the text field.

+ Must use the AlphaImageLoader if we want opacity to apply to a div and all its children.

+ AlphaimageLoader must have its src property set to the URL of an image to prevent a red x/missing image icon from appearing

+ AlphaimageLoader does not send onload/error events - instead we have to use the img tag mentioned above

+ IE 7 still has memory leaks for apps loaded in iframes

+ Empty divs with style.backgroundColor set appear ~10px tall unless they contain an img (for less than 2px tall) or have style.fontSize = ‘0px’ applied.

+ IE does not support &apos; when setting a div’s innerHTML property

+ IE does not send onclick/onmouse* events for divs without a blank image attached



이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오

트랙백 주소 :: http://taoism.tistory.com/trackback/37 관련글 쓰기

댓글을 달아 주세요

OpenLaszlo blog에 DHTML을 개발할 때 브라우저 별 차이점을 어떻게 다루어야 할지에 대한 코드 레벨의 기술적인 내용을 담고 있는 아주 유용한 글이 올라왔군요. 
*링크:  How we deal with browser quirks, with a compendium of IE 7 issues

간단히 요약해보면 직접 브라우저 체크(Browser Detection)를 되도록이면 하지 말고 가능한한 문제점을 체크(Quirk Detection)하라는 예기내요.

즉, isIE라고 체크하지말고 inner_html_strips_newlines 라는 식으로 각 문제점별로 체크하라는 말인듯합니다~

이렇게 하지말고
if (browser.name == 'Safari' && browser.version < 1.5) {
        ....
}

이렇게 하라는 겁니다.
if (this.quirks.invisible_parent_image_sizing_fix) {
....
}


제가 보기에도 아주 깔금하고 좋아보이네요^^.

글에 언급되어있지만 하나의 추상 레이어가 추가되다보니 걷어내기도 좋고 on/off 하기도 좋으며 매번 브라우저 체크를 하지 않으니 더 빠르기도 하고 거기다가 변수명 자체가 브라우저별 차이점(browser quirks) 에 대한 문서화가 될수있으며 여러 브라우저가 같은 문제를 가질경우 쉽게 추가도 가능하네요.

후... 눈앞에 제가 남발한 브라우저 체크 코드가 날아다니는군요 ㅋㅋ
조금만 더 생각했더라면 이렇게 할수 있는데 말이죠... -0-;;
(과연 할수 있었을까요 ㅋㅋ)

이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오

트랙백 주소 :: http://taoism.tistory.com/trackback/36 관련글 쓰기

댓글을 달아 주세요