[jQuery] jQuery로 현재 페이지에서 스크롤된 높이 알아내기

프로그래밍/Web 2009. 12. 17. 15:37 Posted by galad
$(window).scrollTop()

간단하군....
저작자표시 비영리 동일조건

'프로그래밍 > Web' 카테고리의 다른 글

[javascript] addLoadEvent  (0) 2010.01.04
[jQuery] 브라우져 알아내기  (0) 2009.12.17
[javascript] div의 내용이 변할 경우에 div의 높이가 변하지 않음 - Firefox, Crome 등  (0) 2009.12.16
[javascript] document.body 와 document.documentElement  (0) 2009.12.16
[javascript] HTML DOM 생성 후 이벤트 추가  (0) 2009.12.16

[javascript] div의 내용이 변할 경우에 div의 높이가 변하지 않음 - Firefox, Crome 등

프로그래밍/Web 2009. 12. 16. 17:20 Posted by galad
div에다가 createElement로 노드들을 추가하면 div의 높이가 변하는게 당연해 보이는데 - IE6에서는 변한다
Firefox, Crome 등의 브라우저에서는 초기에 설정된 값이 변하지 않는다.

여기저기 뒤져서
1. html, body, div의 height를 100%로 주면 된다 - http://www.webmasterworld.com/forum83/200.htm
  하지만 이건 창 크기가 변할 때 쓰는 듯하고.(element가 추가되는 경우에는 제대로 div가 커지지 않았음)

2. min-height를 주면 된다 - http://forum.standardmag.org/viewtopic.php?id=2239
  안된다 ㅠ.ㅠ

등의 글을 참고했지만 안됨...

모르겠음 ㅠ.ㅠ

그냥 추가되는 노드의 수 만큼 직접 height를 수정하는게 나을 듯.
저작자표시 비영리 동일조건

'프로그래밍 > Web' 카테고리의 다른 글

[jQuery] 브라우져 알아내기  (0) 2009.12.17
[jQuery] jQuery로 현재 페이지에서 스크롤된 높이 알아내기  (0) 2009.12.17
[javascript] document.body 와 document.documentElement  (0) 2009.12.16
[javascript] HTML DOM 생성 후 이벤트 추가  (0) 2009.12.16
[jQuery] jQuery를 이용한 ajax  (0) 2009.12.16

[javascript] 이미지 파일 업로드 시 이미지의 사이즈 알아내기

프로그래밍/Web 2009. 7. 29. 18:46 Posted by galad
!!! IE 6.0밖에 안되는 듯?!!!!
아마도 아래의 FF문제와 같이 locally loaded image에 대해서는 IE6.0밖에 안되는 듯

일단 firefox에서는 image.onload가 업로드 하려는 파일, 즉 locally loaded image에 대해서는 작동하지 않는다
(참고: http://www.tek-tips.com/viewthread.cfm?qid=1452885&page=5)

대신에 image.src="http://www.tek-tips.com/images/logo.gif" 와 같이 어딘가의 서버상에 올려져 있는 파일에 대해서는 작동한다.

 function LoadImg(value)
{
    var imgInfo = new Image();
    imgInfo.onload = img_Load;
    imgInfo.onerror = function() {
        // always called
        alert('error');
    };
// imgInfo.src = "http://www.tek-tips.com/images/logo.gif"; // 이렇게 하면 firefox에서도 동작함
    imgInfo.src = value;
}

function img_Load()
{
    var imgSrc, imgWidth, imgHeight, imgFileSize;
    var maxFileSize;
    maxFileSize = 5000000;
    imgSrc = this.src;
    imgWidth = this.width;
    imgHeight = this.height;
    imgFileSize = this.fileSize;

    if (imgSrc == "" || imgWidth <= 0 || imgHeight <= 0)
    {
        alert('그림파일을 가져올 수 없습니다.');
        return;
    }

    if (imgFileSize > maxFileSize)
    {
        alert('선택하신 그림 파일은 허용 최대크기인 ' + maxFileSize/1024 + ' KB 를 초과하였습니다.');
        return;
    }

    //이미지 사이즈 저장
    document.F.imgWidth.value = imgWidth;
    document.F.imgHeight.value = imgHeight;

    alert(imgWidth);
    alert(imgHeight);
}

주의할 건 image.onload 이후에 image.src 가 와야한다는 것.
image.src 에서 실제 이미지를 로드하고 나서, onload가 동작하는 원리인 듯.
src가 먼저오면 onload가 되기도 하고 아니기도 하는 듯.

기타 참고 링크
http://dogfeet.tistory.com/20
http://www.juniac.net/183
http://blog.byuli.com/entry/운영체제와-브라우저-체크
저작자표시 비영리 동일조건

'프로그래밍 > Web' 카테고리의 다른 글

[ajax] 소스  (0) 2009.08.19
[javascript] 이미지 파일 업로드 시 이미지의 사이즈 알아내기2  (0) 2009.07.30
[html] HtmlCleaner를 이용한 html 파싱  (1) 2009.07.27
[javascript] 스크립트로 style, class 변경  (1) 2009.07.24
[jQuery] jQuery 예제 01  (0) 2009.07.17
 

티스토리툴바