본문 바로가기
반응형

자바스크립트5

자바스크립트 배경 bakcground 변경 자바스크립트 bakcground 배경 변경 테이블 셀의 배경을 지정하는 HTML 코드는 background='배경이미지' 의 형태로 지정하면 되는데, 자바스크립트 코드를 이용해서 동적으로 변경하려면 어떻게 해야할까요? 자바스크립트로 테이블의 배경등을 바꿀려면 아래 샘플코드를 참조하시면 이해하실 겁니다. 샘플코드 aaaabbbbcccc 요약배경이미지를 자바스크립트를 이용하여 동적으로 변경하기 객체.backgroundImage = "url('이미지')"; 2012. 9. 16.
자바스크립트 브라우저 화면크기 알아내기 브라우저의 화면크기 알아내기 지난번에는 모니터의 크기를 알아내는 방법을 포스팅 한 적이 있습니다. (모니터크기 알아내는 방법 바로가기)이번에 설명드릴 내용은 브라우저의 화면크기를 알아내는 방법입니다. 브라우저 화면크기 브라우저의 크기라 하면 같은 브라우저라도 최대창 모드냐 아니냐에 따라 달라집니다.그리고, 브라우저 윈도우를 사용자가 어떻게 조절하느냐에 따라 크기가 달라집니다. 관련 속성 이때 사용가능한 것이, document.body.clientWidthdocument.body.clientHeight 입니다. 2012. 8. 30.
자바스크립트 iframe 내용에 따라 크기 자동 조절 자바스크립트 iframe 내용에 따라 크기 자동 조절iframe를 사용해야 할 경우가 간혹 있습니다. 그런데, iframe를 사용하려면 꺼려지는 마음이 먼저 드는데, 그 이유는 스크롤바가 생기기 때문입니다.iframe에 담겨질 내용이 미리 지정된 iframe의 높이를 초과하는 경우가 분명히 발생하기 때문입니다.정해진 내용을 iframe에 담을 일은 없죠. 분명 iframe 안에 담길 내용은 상황에 따라 바뀌는 내용입니다. 상황에 따라 바뀌게 되면 그 높이도 어떻게 될지 모르죠.아래 소스를 참조해보세요. iframe 의 내용이 길어지면 같이 길어질 수 있도록 자동으로 크기롤 조절해주는 소스입니다. 2012. 7. 15.
자바스크립트 화면의 크기 알아내기, 사용자 모니터의 해상도를 알아내기 자바스크립트 작성시 사용자 화면(모니터)의 크기(해상도)를 알아내야 할 경우가 있습니다. 특히, 모바일 홈페이지를 작성할 경우, 모바일 디바이스의 화면크기가 매우 다양하기 때문에 모바일 디바이스의 화면 크기를 알아야할 필요가 더 생기지요. 아래 객체 변수를 참조하세요. screen.availWidth : 사용자 화면의 폭 screen.availHeight : 사용자 화면의 높이 웹페이지의 스크롤된 높이를 알 수 있는 변수 document.body.scrollHeight : 내용의 스크롤 된 높이 샘플코드 2012. 7. 12.
숫자 콤마 찍기 (3자리마다) function number_string(val) { var len, strb, revslice; strb = val.toString(); strb = strb.replace(/,/g, ''); strb = getOnlyNumeric(strb); strb = parseInt(strb, 10); if(isNaN(strb)) return ''; strb = strb.toString(); len = strb.length; if(len < 4) return strb; gan = 3; count = len/gan; slice = new Array(); for(var i=0; i= len) break; slice[i] = strb.slice((i+1) * -gan, len - (i*gan)); } revslice .. 2010. 10. 2.
반응형