PoshyTip은 jQuery의 많은 플러그인 들 중에 하나입니다. 위 사진처럼 hover를 하거나 focus를 할 때 툴팁을 나오게 해주는 플러그인입니다. 이름이 왜 Poshy Tip인지는 모르겠습니다. tip은 tooltip에서 나온 것 같고, Poshy는 구글을 검색해보니 나오는 Urban Dictionary의 2번 째 뜻인 것 같습니다. 해석해보니 어떤 능력이나 독특한 능력으로 대단히 눈길을 끄는 것이라는데 그 정도로 이 플로그인이 눈길을 끄는 지는 모르겠지만 일단 그렇다고 합시다. 플러그인의 사용 방법등은 아래 웹사이트에서 확인하시면 될 것 같습니다. 웹사이트에 접속 후 demo를 누르면 사용 방법을 알 수 있습니다. http://vadikom.com/tools/poshy-tip-jquery-p..
일을 하고 있던 와중에 배열에서 value 값을 찾아서 삭제해야 하는 경우가 생겼습니다. 그래서 열심히 구글링을 해보니 아래와 같은 방법이 있었습니다. 12345678910111213141516171819202122232425262728293031Array.prototype.remove = function() { var what, a = arguments, L = a.length, ax; while (L && this.length) { what = a[--L]; while ((ax = this.indexOf(what)) !== -1) { this.splice(ax, 1); } } return this;}; var ary = ['three', 'seven', 'eleven']; ary.remove('sev..
클로저(closure)는 javascript에서 닫혀진 내부 함수가 바깥에 선언되어 있는 변수들에 접근할 수 있는 함수들을 의미합니다. 글로는 잘 이해가 되지 않을텐데 먼저 아래 예제를 보겠습니다. 12345678910function init() { var name = "name"; function displayName() {//클로저 alert(name);//name 변수 출력 } displayName(); }init();cs 위 코드를 실행시키면 브라우저가 켜지면서 'name'이라는 단어와 함께 팝업창을 실행하는 것을 볼 수 있습니다. 여기서 함수 displayName()은 함수 init() 내부에 있는 함수인데, 자신의 영역에 name이라는 변수가 있지 않음에도 name 변수를 불러와서 출력하는 것..
ajax로 데이터를 불러올 때나 페이지를 이동할 때 아무것도 뜨지 않으면 사용자들은 이게 진행되고 있는지 아닌지를 판별할 수가 없습니다. 그렇게 되다보면 마음의 여유가 없어지고 무한정 클릭해서 렉이 발생되기도 합니다. 따라서, 사용자들에게 마음의 여유를 주기 위해 기다리는 동안 이 프로세스가 잘 실행되고 있음을 시각적으로 보여줄 필요가 있습니다. 이럴 때 필요한게 바로 Loading bar입니다. 로딩바 혹은 대기창이라고 합니다. 준비물은 JQuery입니다. JQuery가 있어야만 .ajaxStart와 .ajaxStop을 쓸 수 있습니다. 일단 소스부터 보여드리도록 하겠습니다. 12345678910111213141516171819202122 $(function(){ $(document).ajaxStart..
- Total
- Today
- Yesterday