– 출처 : http://taizyeris.tistory.com/241 – 팝업을 띄울때 팝업에 실제와 같은 사이즈를 주어서 띄워도, sp2에서 팝업창 아래 상태바가 있는 경우와 그외의 os에서 상태바가 없는 경우 창 안의 내용들이 달라 보이는 경우가 있다. 또한 앞으로 나올 IE7의 경우에는 창 상단에 주소까지 나와서 많이 틀려보이는 경우가 발생한다. 이때 다음과 같은 스크립트를 사용하여 onload에 넣어주면, 상당히 깔끔한 window resize가 된다.… Read More »
– 출처 : http://stylekai.tistory.com/124 – 오늘 간만에 JavaScript를 사용하다.. 다시한번 빠져든 이야기.. 다음과 같은 태그로 구성된 document가 있다고 하자.. <table onclick=”go(1);”> <tr> <td><span onclick=”go(2);”>메롱메롱</span></td> </tr> </table> 여기서, 내가 기대한 동작은.. span태그가 감싸고 있는 부분(메롱메롱)을 누르게 되면 go함수에 2를 전달하게 되고, 기타 테이블의 다른 영역을 클릭하게 되면, go함수에 1을 전달하는 시나리오였다.. 그런데.. span태그가 감싸고 있는 부분을 아무리… Read More »
내가 경험한 케이스는, 자바 문자열로 alert의 내용을 구성할 때에 \n을 자바 문자열로 만들었을 경우였다. \n 을 \\n 으로, 다시 말해서 역슬래쉬를 이스케이프 처리하니 해결되었다.
– 출처 : http://webprogrammer.tistory.com/1194 – //var _intValue = ‘0123456789’; //var _upperValue = ‘ABCDEFGHIJKLMNOPQRSTUVWXYZ’; //var _lowerValue = ‘abcdefghijklmnopqrstuvwxyz’; //var _etcValue = ‘~`!@#$%%^&*()-_=+\|[{]};:\’\”,<.>/?’; //var dayOfMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31); n = (document.layers) ? 1:0; ie = (document.all) ? 1:0; if (n) document.captureEvents(Event.KEYPRESS); function fnTest(pval) { fnTest = doReverse(pval.value) ; alert… Read More »
– 출처 : http://webprogrammer.tistory.com/1276 – 보통 브라우저명을 체크할 때 아래 코드를 많이 사용합니다. var DOM = (document.getElementById) ? true : false; // W3C 표준 var IE4 = (!DOM && document.all) ? true : false; // IE4 var IE5 = (DOM && (navigator.userAgent.indexOf(“MSIE”)>-1)) ? true : false; // IE5 >= 5 var NS4 = (!DOM && document.layers)… Read More »
– 출처 : http://cafe.naver.com/tonkjsp/226 – ▶ 자바스크립트 객체 – 구현 엔진과는 관계없이 언어에 종속에 된다. 즉 , 자바스크립트를 어디에서 구현하느냐와 관계없이 객체를 사용이 가능하다. – 각 객체는 기 본 데이터 타입과 함께 전환 함수 등의 추가적인 기능을 포함하고 있다. – 자바스크립트의 모든 객체는 배열을 상속하고 있다. – 자바스크립트 객체는 Object라는 객체에 기초를 둔다. -… Read More »
var testObj = obj //obj : 필드를 가지고 있는 Object var alertStr = “”; for (objKey in testObj){ alertStr += “testObj [“+objKey +”] = ” + testObj[objKey]+”\n”; } alert(alertStr);
http://www.lovelgw.com/Blog/54
– 출처 : http://expert0226.tistory.com/54 – isNaN(판별대상) isNaN: is Not a Number 판별대상이 숫자이면 false 를, 숫자가 아니면 true 를 반납한다.
* 자바스크립트 배열(array) 관련 문법- 출처 : http://www.yunsobi.com/blog/3 – – 배열의 생성 var arr = [1,2,3,4,5]; //리터럴로 생성 var arr = new Array(); //Array 클래스로 생성 var arr = new Array(5); … Read More »
[출처] input type=”image”타입은 submit 타입인데 이걸 버튼타입으로 변경|작성자 제임스 다음과 같이 생성한 이미지 버튼은 submit 버튼과 동일하게 작용하며, onsubmit 이벤트를 발생시킨다. <input type=”image” src=”../images/kaho.gif” /> <참고> onsubmit 이벤트 제어하는 예제 1. html 폼 부분 <form method=”post” action=”../test.jsp” onsubmit=”return submitForm()”> 2. 자바스크립트 부분 function submitForm() { var f = document.frm; // 폼 이름 … Read More »
[출처] 자바스크립트 defer 속성 (웹기프트) |작성자 슈퍼맨 브라우저에게 스크립트가 문서컨텐트를 생성하지 않는다것을 명시하여 브라우저는 웹페이지가 모두 로딩된 후 스크립트를 처리하게 된다. 간간이 벌어지는 스크립트 에러 방지. <script language=”JavaScript” type=’text/javascript’ defer=’defer’ ></script> 단, IE에서만 가능!!!
//전역변수 선언, boolean 이나 정수값이나 아무거나… var isSubmitted = false; //한번만 submit 하기 위한 함수 정의. //submit 하는 함수 중간에 넣던지 form의 onsubmit 이벤트에 걸던지 알아서.. function oneTimeSubmit(){ if(isSubmitted == false){ isSubmitted = true; //이 부분은 form submit을 하건 return true를 하건 알아서… … Read More »
http://cafe.naver.com/tonkjsp/229
window.onload 시 실행할 함수를 지정하는 좀 더 세련된 방법이 있었다. 이벤트 리스너를 이용하는 것이었는데… if(window.addEventListener){ //모질라 계열의 경우 window.addEventListener(“load”, callback함수, false); }else if (window.attachEvent){ //IE 계열의 경우 window.attachEvent(“onload”, callback함수); } * 이벤트 해제 – 모질라계열 : object.removeEventListener(“eventName”, functionName, true/false); =>세번째인자 – true : 케스케이드 다운 방식 / false : 버블 업 방식… Read More »
1. 파이어폭스 – innerText (X) => innerHTML (O) – style=”cursor:hand” (X) => style=”cursor:pointer” (O) [출처] 파이어폭스 에서도 잘 돌아가는 웹사이트 만들기?|작성자 난 나야
# 자바스크립트 이미지캐싱의 개념 자바스크립트를 사용하여 현재 페이지 영역에 이미지객체를 만들어 놓으면, 같은 URL로 이미지를 호출하는 상황에서 물리적인 이미지를 호출하지 않고 현재 페이지 영역에 만들어져 있는 이미지 객체를 호출한다. (Fiddler로 확인 가능) # 자바스크립트 이미지캐싱의 용도 개발을 해 보니, 마우스 롤오버로 탭 전환 같은 것을 할 때 반드시 필요하다는 생각이 들었다. (>, < ) 짱 좋음!… Read More »
document.getElementById(‘div01’).style.backgroundImage = ‘url(“picture.jpg”)’;
http://kwon37xi.egloos.com/2558053
[출처] Window객체 – 메소드 – setTimeout/clearTimeout|작성자 꿈의인생 setTimeout 메소드는 일정한 간격으로 함수를 호출하여 수행할 수 있게 해준다. clearTimeout메소드는 setTimeout메소드에 의해 일정한 간격으로 수행하는 함수를 중지하기 위해 사용된다. – 형식 – 변수 = setTimeout(호출함수, 간격) clearTimeout(변수) → [호출함수]는 사용자가 임의로 만든 함수 → [간격]은 일정한 간격으로 호출되는 시간을 설정한다.(1000 = 1초) → [변수]는 setTimeout과 clearTimeout… Read More »
