javascript
Javascript 를 이용하기 쉽게 정리된 메소드, 이벤트, XHR 등 정리 목록
Javascript 를 이용하기 쉽게 정리된 메소드, 이벤트, XHR 등 정리 목록
2008.01.10자바스크립트를 사용하면서 함수, 메소드, DOM관련 메소드, XHR관련메소드, 이벤트, 정규표현식 등 한번 사용해 봤지만 다음에 사용하다보면 잘 기억나지 않는 경우가 많이 있다. 아래와 같이 JavaScript에 관련된 잘 정리된 목록을 인쇄해 두면 Javascript를 이용할 때 유용하고 빠르게 찾을 수 있지 않을지 생각한다. PNG, 93KB PDF, 95KB http://www.ilovejackdaniels.com/cheat-sheets/javascript-cheat-sheet/
HTML, CSS, JS 등 Markup과 DHTML의 기초를 위한 추천사이트
HTML, CSS, JS 등 Markup과 DHTML의 기초를 위한 추천사이트
2008.01.08기본적인 HTML과 XHTML 그리고 CSS의 사용이나 JavaScript의 기본에 약한분 XML과 XSLT, XPath의 개념이 약하신분 들에게 도움이 되는 사이트입니다. 자주 보게되는 사이트는 아니지만 기초를 공부하거나 가끔 들려 정확한 스펙을 알고 싶을때 유용한 사이트가 아닐지... http://www.cadvance.org/ PS. 가끔씩 이런식으로 추천사이트를 올려드려야 겠네요. 기존에 아시던 사이트도 많으실겁니다. 비슷한 내용으로 괜찮은 사이트 있으시면 트랙백이나 댓글로 추천 부탁드립니다 ^ ^
QueryString 공백, 특수문자 자바스크립트 처리
QueryString 공백, 특수문자 자바스크립트 처리
2007.12.05쿼리 스트링(Query string)을 자바스크립트로 받아서 클라이언트 상에서 처리를 해야하는 경우가 많이 있게된다. 이런 때에 주소에 공백이 들어가거나 하는 경우에 문제가 생기는데 이를 제대로 처리하기 위해 공백을 2번 변환하는 과정이 필요하게 된다. 다음 아래 소스를 확인해서 차후에 작업에 문제가 생기지 않도록 하자. // URI의 공백 처리 / 특수문자 제거 strInput=window.location.search.substring(1,window.location.search.length); strInput = String(strInput.replace(/%2520/g,"%20")); //공백 제거 spaces = new RegExp("\%20", "g"); strPath = strPath.repl..
JavaScript Caps Lock
JavaScript Caps Lock
2007.11.15로그인 하다보면 암호를 입력하는 부분에서 CapsLock 키가 눌려있는지 확인하지 않아 대문자로 입력해 비밀번호가 틀렸다는 메시지를 볼 때가 있다 이럴 때에 아래와 같은 스크립트를 활용하여 Caps Lock 키가 눌려 있는 것이 아닌지 확인해주는 코드를 이용하면 좋지 않을까 생각한다. 아래의 코드는 사이트에 적용되어 있는 코드부분을 스크랩해온 내용이기 때문에 자신의 사이트에 적용하기 위해 조금의 손질을 해야 할 것이다. CapsLock 키가 눌려있습니다.
Javascript - 간단한 DownLoad 스크립트
Javascript - 간단한 DownLoad 스크립트
2007.11.05// PC로 저장 선택 function download_mail() { var sfileName = makeRightName(g_paramURL); sfileName = sfileName + ".eml"; if (navigator.appVersion.indexOf("MSIE 5.5") != -1) window.open("remote/interreadattach.asp?fileURL=" + escape(g_paramURL) + "&fileName=" + escape(sfileName)); else window.location.href = "remote/interreadattach.asp?fileURL=" + escape(g_paramURL) + "&fileName=" + escape(sfileName); ..
Javascript window.showModalDialog()
Javascript window.showModalDialog()
2007.11.03JavaScript로 Modal Dialog를 띄우는 경우 옵션으로 주어야 하는 값들이 보통 window.open과 달라 고민되는 경우가 많다. 주로 아래와 비슷하게 사용을 많이 하고, "status:no;dialogWidth:765px;dialogHeight:"+height+"px;help:no;scroll:no;edge:sunken;resizable=yes" 상태바가 보일지 여부, 도움말 버튼이 보일지 여부 사이즈나 테두리 사이즈 조절이 가능할지 여부등의 옵션이 존재한다. 페이지와 종속적인 모달 다이얼로그를 실행하고 싶을땐 한번쯤 위 옵션을 이용해서 테스트 해보도록 하자~
Window size and scrolling
Window size and scrolling
2007.09.18참조주소 : http://www.howtocreate.co.uk/tutorials/javascript/browserwindow 윈도우창의 사이즈를 정확히 알기위해 브라우저마다의 지원여부와 어떤 속성을 이용해야 하는지 정확히 알아야 한다. 이를 위해 다음을 참고하자. Window size and scrolling Finding the size of the browser window Clue browser can only work out window width. Tkhtml Hv3 has the values reversed, but in an undetectable way, so it cannot work with this script. There are some constants available that..
HTML WYSIWYG Editor를 만들기 위한 기본적인 사용법
HTML WYSIWYG Editor를 만들기 위한 기본적인 사용법
2007.08.23위지윅 모드로 편집하는 편집기를 만들기 위해서는 iframe을 이용해서 하는 방법을 이용하게 된다. iframe의 designMode 속성을 'on'으로 지정하면 편집모드로 설정될 수 있다.
Ajax 호출의 일반적인 패턴
Ajax 호출의 일반적인 패턴
2007.08.21서핑 중 기본적인 Ajax 패턴을 상당히 간결하게 짜 놓았길래 담습니다. XHR을 생성해서 반환하는 구문을 상당히 간결하게 잘 처리했네요 ㅎㅎ XMLHttpRequest functions Ref URI : http://www.quirksmode.org/js/xmlhttp.html function sendRequest(url,callback,postData) { var req = createXMLHTTPObject(); if (!req) return; var method = (postData) ? "POST" : "GET"; req.open(method,url,true); req.setRequestHeader('User-Agent','XMLHTTP/1.0'); if (postData) req.setRequ..
파일업로드 이미지 미리보기 자바스크립트
파일업로드 이미지 미리보기 자바스크립트
2007.08.14---------------------------------------------------------------// 이미지 미리보기 function fncPrevImage(objTxt, objImg) { objImg.src = objTxt.value; objImg.height = '100px'; }
다이아몬드형 문자열 출력 자바스크립트
다이아몬드형 문자열 출력 자바스크립트
2007.07.09다이아몬드형 문자열이 뭐냐 -_ -;; ♡ ♡♡♡ ♡♡♡♡♡ ♡♡♡♡♡♡♡ ♡♡♡♡♡♡♡♡♡ ♡♡♡♡♡♡♡ ♡♡♡♡♡ ♡♡♡ ♡ 뭐 요래 출력하는 문자열이다 -ㅁ-;; 암튼 이런 소스를 만들기 위해서 입력받는 수는 홀수여야 하는 조건이 있다. (만약 짝수면 +1을 해서 홀수로 만들면 되지만..) 그리고 양수여야 한다. 이것을 계산하기 위해서는 반을 잘라서 보면 되는데 지정된 수까지 증가할 때 까지는 왼쪽의 공백이 감소하다가 그 이후로는 공백의 수가 증가한다. 이는 Math.abs() 함수를 이용하면 되지만 abs 함수를 만들어서 처리했다. 아래 예제를 참조 하시길 ^ ^
상태표시줄에 날자 시간 출력 자바스크립트
상태표시줄에 날자 시간 출력 자바스크립트
2007.07.081초마다 현재 날자 시간을 구하는 함수를 호출하도록 하는 setTimeout() 함수가 중요하게 사용된다. 이 예제를 해보면 많이 주기적으로 실행되는 스크립트에 도움이 되지 않을까 생각한다 ^ ^ 상태 표시줄에 시간 가는 예제