Programming/JavaScript
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..
TreeView 형태의 자바스크립트 코드
TreeView 형태의 자바스크립트 코드
2007.08.31http://www.treeview.net/ http://www.javajigi.net/servlet/JMBoard?tablename=src_download&mode=view&boardpage=2&searchword=&searchscope=&category=&no=34 (원본)자바지기.net : JavaScript를 이용한 동적인 Menu Tree소스 - 첨부파일 - JavascriptMenuTree.zip - 7747 bytes (downloaded 1423 times) 제가 직접 사용해 본 Menu Tree소스인데 괜찮더군요. 이 소스는 http://www.geocities.com/Paris/LeftBank/2178/foldertree.html 가시면 더 자세한 내용을 볼 수 있고요. 지금 이 소스만..
HTML WYSIWYG Editor를 만들기 위한 기본적인 사용법
HTML WYSIWYG Editor를 만들기 위한 기본적인 사용법
2007.08.23위지윅 모드로 편집하는 편집기를 만들기 위해서는 iframe을 이용해서 하는 방법을 이용하게 된다. iframe의 designMode 속성을 'on'으로 지정하면 편집모드로 설정될 수 있다.
HTTP Cookie Javascript
HTTP Cookie Javascript
2007.08.23HTTP Cookie 를 사용하기 위한 쉬운 자바스크립트 코드 Static function으로 처리되어 있어서 Cookies. 으로 시작하는 구문으로 set과 get을 이용하면 되겠다. // old school cookie functions grabbed off the web var Cookies = {}; Cookies.set = function(name, value){ var argv = arguments; var argc = arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : '/'; var domain = (argc > 4) ? argv[4] : null; var secure = ..
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..
ASP.NET에서 사용할 정말 편한 Ajax Library
ASP.NET에서 사용할 정말 편한 Ajax Library
2007.08.18http://ajax.schwarz-interactive.de/csharpsample/default.aspx 사용법만 조금 연습하면 정말 코드도 짧고 정말 편하게 Ajax 비동기 통신을 이용할 수 있습니다. 정말 특이한 점은 서버메소드형테에 어트리뷰트를 추가하면 자동으로 클라이언트 스크립트에 동일한 형태의 이름으로 호출할 수 있도록 설계되어 있어서 이용하기 쉽도록 되어있다.
Ajax로 데이터 출력을 위한 Javascript Paging 소스
Ajax로 데이터 출력을 위한 Javascript Paging 소스
2007.08.17/*********************************************************** 함수명 :paging(총게시물수) 처리내용 :페이징용 함수 ***********************************************************/ function paging(totalcnt) { var totpages = Math.ceil(totalcnt/LISTUNIT); //총페이지수 var thisblock = Math.ceil(THISPAGE/PAGEUNIT); //현재 페이징블럭 var startpage, endpage; var ret_HTML = ""; // 현재 페이지블럭의 시작페이지번호 if(thisblock > 1){ startpage = (thisblock..
파일업로드 이미지 미리보기 자바스크립트
파일업로드 이미지 미리보기 자바스크립트
2007.08.14---------------------------------------------------------------// 이미지 미리보기 function fncPrevImage(objTxt, objImg) { objImg.src = objTxt.value; objImg.height = '100px'; }