프로그램312 선택된 이미지의 높이와 폭 정보를 얻기 브라우저에서 이미지를 선택하고 해당 이미지의 폭과 높이를 알고자 할때, 이미지 객체를 이용하면 손쉽게 해당 정보를 얻을 수 있다. Example var oImg = new Image() oImg.src = “이미지위치정보”; alert(oImg.width); // 이미지의 폭을 표시한다. alert(oImg.height); // 이미지의 높이를 표시한다. 2014. 3. 14. window.open 에서 사용할수 있는 속성값 Syntax window.open(“주소”, “팝업창이름”, “속성값”); 속성값 속성이름 설명 값 toolbar 도구모음 표시 여부를 결정한다. yes / no menubar 메뉴 표시 여부를 결정한다. yes / no status 상태 표시줄 표시 여부를 결정한다. yes / no location 주소 입력줄 표시 여부를 결정한다. yes / no scrollbars 스크롤바 표시 여부를 결정한다. yes / no resizable window 크기 조절 가능 여부를 결정한다. yes / no top 화면 상에 열리는 Y좌표값을 결정한다. 숫자 left 화면상에 열리는 X좌표값을 결정한다. 숫자 width 화면상에 열리는 window의 폭을 결정한다. 숫자 height 화면상에 열리는 window의 .. 2014. 3. 13. FORM 객체 초기화 하기 다음코드는 폼 객채의 하위 객채들에 대해서 초기화를 진행한다. 폼 객체의 Reset() 함수와 동일한 기능을 수행한다. $('#폼객체ID').each(function(){ this.reset(); }); 예) $('frmTest').each(function(){this.reset();}); 2014. 3. 13. 다양한 브라우저에서 XHR 인스턴스 생성하기 자바스크립트 XHR(XMLHttpRequest) 객체를 사용하여 비동기 요청을 만드는 방식이 표준이지만, Internet Explorer 6 에서는 ActiveX 컨트롤을 사용하기 때문에 다른 방식으로 객체를 생성해야 한다. 단, IE 7 은 표준 인터페이스를 대신하는 래퍼를 제공한다. Example var xhr; if(window.XMLHttpRequest){ // XHR 이 정의되는지 검사한다. xhr = new XMLHttpRequest(); }else if(window.ActiveXObject){ // ActiveX를 제공하는지 검사한다. xhr = new ActiveXObject(“Msxml2.XMLHTTP”);; }else { alert(“Ajax를 지원하지 않는 브라우저입니다.”); } 객.. 2014. 3. 12. Locale 가져오기 if(navigator.language){ return navigator.language; }else if(navigator.browserLanguage){ return navigator.browserLanguage; }else if(navigator.systemLanguage){ return navigator.systemLanguage; }else if(navigator.userLanguage){ return navigator.userLanguage; } 2014. 3. 11. [CSS] 레이어의 기본 위치 설정 CSS의 position 속성을 이용하면 레이어의 위치 설정이 가능하다. position 속성의 값은 4가지 중 하나를 설정할 수 있다. static : 기본값으로 HTML문서의 일반적인 내용물의 흐름을 말한다. top, left 지정이 가능하다. absolute : 자신의 상위 레이어 안에서 top, left, right, bottom 등의 절대적인 위치를 지정할 수 있다. relative : HTML 문서 안에서의 일반적인 흐름을 말한다. top, left 지정이 가능하다. fixed : scroll이 일어나도 항상 지정된 위치에 있는다. IE6에서는 적용되지 않는다. 2014. 3. 10. jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict() jQuery 를 다른 자바스크립트 라이브러리(prototype.js, ...)와 같이 사용하다 보면 충돌로 인해서 예약어인 $를 사용할 수 없는 경우가 있다. 이 때, jQuery.noConflict() 를 이용해서 해결할 수 있다. $(document).ready(function(){$("div#jQuery).css("font-weight", "bold");}); 1. jQuery.noConflict() 결과를 변수에 담는 방법 var j = jQuery.noConflict(); j(document).ready(function(){j("div#jQuery").css("font-weight", "bold");}); 2. jQuery code를 클로저 로 감싸는 방법 jQuery.noConflict(); .. 2014. 3. 10. 이전 1 ··· 20 21 22 23 24 25 26 ··· 45 다음