Pleasure resort of Gleam™

Allbog error in IE8

ETC.2009.03.25 09:24
올블 개발팀 리포트용 포스트.
나말고 다른 사람도 많이 리포트 했겠지만, 혹시나 하는맘에... 글고 마땅히 쓸곳도 없고.. 그래도 블로그가 가장 만만한...ㅋ

간만에 올블 홈페이지를 갔는데 Javascript에러가 난다.
환경은 XP Pro sp3 + IE8..

Windows 7 Besta 7000의 IE8 Besta에서는 오류가 없는데...;;

아래 이미지에 표시된 텝부분에 마우스 올리면 오류 메시지가 보임.
신고

Comment +2

document.body.scrollTop은 스크롤시에 페이지의 상단의 위치값을 반환하거나 부여한다. 그러나 HTML 코드 상당에 아래와 같이 DTD 가 선언되어 있다면 document.body.scrollTop이 재구실을 못하고 undifined 또는 0을 반환하는 문제가 발생한다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
이렇게 DTD가 설정된 경우에는document.documentElement.scrollTop을 사용하면 잘 된다.
웹 표준상 documentElement가 맞다.

http://forums.digitalpoint.com/archive/index.php/documentbodyscrolltop-in-ie/t-11965.html
http://forums.mozilla.or.kr/viewtopic.php?t=2382&sid=442d133080a29e669f7ca4357cdf3415
신고

'Dev & Mng' 카테고리의 다른 글

TRUNCATE TABLE  (0) 2007.03.20
scrollTop 값이 0 으로면 나온다면??  (0) 2007.03.14
WebDevHelper  (0) 2007.03.14
쿠키 압축 기술  (0) 2007.03.14

Comment +0

<script language=javascript>
function disableCheck(obj) {
    if (obj[obj.selectedIndex].className=='disabled') {
        alert("선택하신 품목은 현재 절판입니다.");
        for (var i=0; obj[i].className=="disabled"; i++); obj.selectedIndex = i; return;
    }
}
</script>
<style type="text/css">
    ion.disabled { color: lightgrey; }
</style>

신발치수:
<select onChange="disableCheck(this)">
    <option value='1'>260</option>
    <option value='2' class=disabled>270</option>
    <option value='3' class=disabled>280</option>
    <option value='4'>290</option>
</select>
From: 뉴스그룹 falconer
Example: 보기
신고

Comment +0

<script>
document.writeln("브라우저의 전체 높이",screen.availHeight);
//이것은 해상도의 높이에서 하단의 퀵런치 만큼의 사이즈만큼 빠지는거구요
document.writeln("브라우저의 전체 너비",screen.availWidth);
//너비는 해상도와 일치할겁니다.

document.writeln("모니터의 해상도 높이 ",screen.height);
document.writeln("모니터의 해상도 너비 ",screen.width);

document.writeln("브라우저안쪽의 높이 ",document.body.clientHeight);
//이것이 브라우저 안쪽의 높이구요
document.writeln("브라우저안쪽의 너비 ",document.body.clientWidth);
//이것이 브라우저의 안쪽 너비죠..
</script>


예제보기

해상도의 높이,넓이와 브라우져에서 표현할수 있는 높이,넓이는 차이가 있다.

From: 뉴스그룹 falconer님(http://blog.naver.com/falconer00/80008046165)
신고

Comment +2

  • 스크롤 바의 너비도 포함인거지요?

    • 브라우저 안쪽의 너비(document.body.clientWidth),브라우저 안쪽의 높이(document.body.clientHeight)는 스크롤바의 넓이를 제외한 크기 입니다.
      예제보기를 보시면 브라우저 안쪽의 너비가 634로 나오는데 이는 새창의 넓이 650에서 스크롤바의 넓이 16을 뺀 크기 입니다.
      다른 값들은 스크롤바의 크기를 무시 합니다.