본문 바로가기

JavaScript

(30)
IE 브라우저 버전 체크 script 브라우저 에이전트 체크 스크립트 네비게이터 속성에서 사용자 에이전트 값을 가져와 체크해본다. IE Version Check 인터넷 익스프로러 일경우에는 버전이 아닐경우에는 N/A를 화면에 표시한다.
HTML5 Video and image 재생 (AD Player) HTML5로 광고를 재생할수 있는 기능을 구현해보자광고재생이라하면 기본적으로 비디오, 이미지 두가지의 기능이 있어야 할 것이다. HTML5에 VIDEO Tag가 있으니 이를 활용하여 만든다.Video Tag는 다음음과 같은 속성을 가지고 있다. 프로퍼티 형식 설명 buffered TimeRanges[ref name=”time-ranges”]시간 범위를 나타내는 객체로 length, start, end 를 속성으로 가집니다.[/ref] 현재 재생중인 미디어의 URL currentSrc 문자열 현재 재생중인 미디어의 URL currentTime 숫자 재생 중인 미디어의 현재 위치 defaultPlaybackRate 숫자 기본 미디어 재생 속도 배속. 기본값은 1.0으로 원래의 속도대로 재생합니다. durat..
javascript 이미지 미리보기 이미지 미리보기, 어떻게 보면 간단한것인데 무조건 한쪽 방향에만 나오게 한다면 윈도우 사이즈에 따라 상하 좌우가 포지션이 잘못잡혀 사진이 안보이게 된다.이때 마우스 포인터위치를 잡아서 미리보기 섹션이 어디로 보여질지 판단하면 된다. #preview { z-index: 99999; position:absolute; border:0px solid #ccc; background:#333; padding:1px; display:none; color:#fff;} this.imagePreview = function(){/* CONFIG */xOffset = 10;yOffset = 30;/* END CONFIG */$(".img_thumb").hover(function(e){this.t = this.title;thi..
JavaScript Boolean Object javascript 에서 사용하는 true false 사용할때 이렇게 써봤나? character 'false' 오면 true 이고, false 로 오면 false 난 이것 때문에 삽질한적이 있지,그래서 API를 봐야한다는거야.. Boolean 객체 Boolean 객체는 boolean 갑을 랩핑하고 있는 객체다. Boolean이 아닌 값을 Boolean으로 변경할 때 사용한다. new 키워드를 사용하여 새로운 객체를 생성할 수 있다. 초기값이 없거나, 0, -0, null, NaN, "", false, undefined일 경우 false가 되고, 그 이외의 경우에는 true가 된다. 다음의 객체들은 false를 나타낸다. var myBoolean=new Boolean() var myBoolean=new B..
jQuery UI libary url Link jQuery가 나오기전 javascript 의 최초(맞나?)의 framework 으로 명성을 날린 Prototype.. 나도 이전까지만 해도 prototype기반의 script.aculo.us 를 사용하였는데. 이젠 나도 jQuery로 갈아 타려한다. url link . http://jqueryui.com/demos/tabs/ http://api.jquery.com/hide/ 좌측 메뉴 확인. javascript의 기본 개념을 잡지 않고 jQuery, Prototype을 한다면, 당신은 아주 많이 어려워 할것이다. 그러니 일반적인 DOM script부터 익힐것을 권고한다.(사실 나도잘 모름) (왠지써놓고보니 이건 영문번역해둔거 쓴거 같은...) 아무튼 하지만 아직도 프로토타입과 스크랍타큘러스의 조합은 괜..
Ajax XMLHttpRequest caching 방지 요즘엔 비동기 호출을 할때 대부분 오픈프레임웩에서 제공하는 라이브러리르 쓰니 이런고민을 해보지 않았는데, 어쩌다 XMLHttpRequest를 만들어 사용하다보니 브라우저 캐싱 문제에 봉착. 알고보면 아주아주 간단한건데, 이런적이 없다보니 검색 키워드의 부재로 인해 열심히..... 아무튼 각설하고, xmlHttp.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT"); //캐싱방지 (이렇게 해주면 리플레시 할때마다 다른 부라우저로 인식 한다고 하는데, 어떤의민지는.. 알면 리플좀..) 이거 하나면 되는거다. 요즘엔 브라우저거 점점더 좋아지다보니, 캐싱이 거의 default... 위방밥을 이곳저곳 산재해서 쓰다간 웹브라우저가 풀썩 죽어버릴..
jQuery Ajax Sample ... jQuery의 Ajax 호출 방식은 Prototype 과 유사, Attribute 가져오는것도 비슷. CSS는 아직,, var CodeSetting = function(code , name){ this.settingOpenWindows(code , name); }; CodeSetting.prototype = { settingOpenWindows : function(code , name){ this.duplictionCheck(code, name); //셋팅 됬으면 윈도우 종료 //this.closeWindow(); } , closeWindow : function(){ window.close(); }, duplictionCheck : function (code , name ){ var url = "/emp..
javascript 스크롤바 위치 기억 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 1 1 1 1 1 1 ERIC 1 1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20