mulder's it blog

javascript 변수가 유효한지 검사하는 방법

전에도 한번 올렸던 포스트 였는데, 다시 정리해야 될것 같아서 정리 합니다. 브라우져에서 java, javascript 소스 를 개발 에디터처럼 볼수 있게 해주는 툴입니다. 원 사이트에서 syntaxhighlighter 를 설치하는 스크립트 example function foo() { } 아래와 같이 화면에 출력 됩니다. /** * SyntaxHighlighter */ function foo() { if (counter TISTORY 포스트 입력시 우측 html 버튼을 눌러 HTML 모드로 변경후 원하는 곳에 아래와 같이 PRE TAG 를 삽입하고 class 에 "brush: ???" 로 설정 해 주면 END ... 여기에 원하는 소스코드를 표시 해 줍니다.

전형적인 ID 입력 폼을 Client-Side, Javascript 로 검증 하기 예제 입니다. 대부분의 경우가 이와 유사하게 작성하고 몇가지가 가감 될거라고 생각 됩니다. ^^ // $("#user_id").focus(); $("#user_id").bind("blur", function(){ check_userid = $(this).val(); if (check_userid.length 15) { $("#us..

쉽게 갈수 있다면 쉽게 가죠. 참고로 여기 있는 스크립트는 여기저기서 카피한것입니다... 출처가 여러군데여서 ... 그냥 모두에게 감사 드립니다. DO COPY & PASTE :) // 플래쉬를 손쉽게 사용하기. /** @id Flash */ var Flash = function (sSwfUrl, iWidth, iHeight, sWmode) { this.params = {}; this.vals = {}; this.atts = {}; if (sSwfUrl) { this.setAtt("src", sSwfUrl); this.setParam("movie", sSwfUrl); } if (iWidth) { this.setAtt("width", iWidth); } if (iHeight) { this.setAtt("h..

javascript injection 보통 외부에 javascript를 배포시킬때 script URL만 알려 주는 경우가 있습니다. 그런경우 보통 static 하게 페이지 header 에 2. 가장 많이 볼수 있는 예제중 하나인 google analytics 스크립트, https도 지원이 가능하도록 된 점이 특히하고, 간단히 document.write를 이용하고 있는것도 구글스런 단순함 같습니다. 3. async Load Example 3 by http://friendlybit.com/js/lazy-loading-asyncronous-javascript/ (function() { function async_load(src){ var s = document.createElement('script'); s...

오늘은 Javascript 를 이용한 Class 상속에 대하여 정리 합니다. Javascript를 이용해서도 Class 간 상속 개념을 이용하여 어느정도 객체지향 ( Object Oriented Programming) 방법으로 코딩을 할 수 있습니다. 간단한 Sample Code 입니다. 간단한 절차는 아래와 같습니다. fucntion RootClass {} // 상위 클래스 만들기 // 하위클래스 연결 및 하위 클래스 구현하기 // java 의 extend keyword 를 사용 할 수 없습니다. //------------------------------------------------------------------- Subclass.prototype = new RootClass(); Subclass..

Good...... Reference HERE ---------------------------------------------------------------------------------------------------------- 아래는 구글의 coding style guide 입니다. 역시 구글이군요 Google Javascript Style Guide ---------------------------------------------------------------------------------------------------------- 아래는 javascript language level 에서 꼭 알아 두어야할 사항들이 정리 되어 있습니다. (아마 중급자 이상) JavaScript Garden

보호되어 있는 글입니다.

좀전 포스트에 소개한 javascriptLoading 함수를 만든 친구의 작품중.. 하나더 소개 할만한게 있어서... 가끔 script 단에서 location.href 의 파라미터 값을 map 구조로 받고자 하는 욕망이 있을때 요긴 하겠군요. 출처 : http://en.design-noir.de/webdev/JS/loadScript/ // converts an URI-like query string to an object containing the parameters as properties. function parseURILikeStr (s) { var rv = {}, decode = window.decodeURIComponent || window.unescape; (s == null ? locatio..

오늘 정신이 번쩍띄는 글을 확인했습니다. ^^ :--) 그동안 손쉽게 사용하던 script 들이 얼마나 브라우져의 화면 랜더링(구성)에 악영향을 미칠 수 있는지를 확인 했습니다. 조금 관심 있으신분들은 아래의 URL 로 들어 가셔서 slide를 보시길 강 추 해 드립니다. (pdf로도 다운로드 가능하군요.... 참 고마운 slideshare 입니다.. thanks alot !) URL : http://www.slideshare.net/nzakas/high-performance-javascript-yuiconf-2010 특히 slide 후반으로 가시면 re-flow 와 re-paint 부분이 나오는데, 가슴이 먹먹해 지는 깨닭음을 느낄 수 있었습니다. 보통 each 나 for loop 안에서 $.appen..