티스토리 툴바

Daum
Tistory
로그인
분류없음2009/11/08 22:39

clipboard에 카피카피~~

네이버나 기타 여러 블로그들 보면 게시글에 대한 주소를 클립보드에 카피하는 기능이 있다.


이번 프로젝트에 이 녀석이 필요해서 한번 만들어 보았다.

자바스크립트로도 가능하나.. 모든 브라우저에서 사용이 가능한건 아니다.

모든 브라우저에서 사용가능하도록 할려면.. 대안은.. 플래쉬 밖에 없다.

그래서.. 간만에 플렉스를 이용해서 간단하게 만들려고 했으나... 범용성을 생각해서 좀더 머리를 썼다..ㅡㅡ;

첨부파일을 받아서 사용하면 된다. 사용할 때 FlashVars로 변수를 몇개 전달해줘야 하는데 변수는 다음과 같다.

contents : 클립보드에 복사할 내용 (encodeURIComponent() 함수를 사용해주는 것이 좋다.)
imgWidth : 이미지의 폭
imgHeight : 이미지의 높이
imgSrc : 이미지의 위치
writer=jjune : 제작자를 나타내기 위해.. 이건 꼭 써줘야 한다.ㅋㅋ

사용예는 아래와 같다.

clipboard.zip
저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by brain jjune
TAG clipboard, 클립보드
Trackback 0 Comment 0
jQuery2009/10/18 22:20

이벤트 메서드

  1. .ready(handler) : DOM과 CSS 전체가 로드되었을 때, 호출할 handler를 바인드
  2. .bind(type, [data], handler) : 요소에 주어진 타입의 이벤트가 발행했을 때, 호출할 handler를 바인드한다.
  3. .one(type, [data], handler) : 요소에 주어진 타입의 이벤트가 발행했을 때, 호출할 handler를 바인드한다. 핸들러가 호출되면 바인딩을 제거한다.
  4. .unbind([type], [handler]) : 요소의 바인딩을 제거한다.(특정 타입의 이벤트, 특정 핸들러 혹은 모든 바인딩을 제거한다.)
  5. .live(type, handler) : 요소에 주어진 타입의 이벤트가 발행했을 때, 이벤트 위임을 사용하여 handler를 바인드한다.
  6. .die(type, [handler]) : 요소에 live()로 바인드된 바인딩을 제거한다.
  7. .blur(handler) : 요소가 키보드 포커스를 잃었을 때 호출할 handler를 바인드한다.
  8. .change(handler) : 요소 값이 변할 때 호출할 handler를 바인드한다.
  9. .click(handler) : 요소를 클릭 했을 때 호출할 handler를 바인드한다.
  10. .dbclick(handler) : 요소를 더블 클릭 했을 때 호출할 handler를 바인드한다.
  11. .error(handler) : 요소에 error 이벤트가 발생했을 때 (브라우저에 따라 다름), 호출할 handler를 바인드한다.
  12. .focus(handler) : 요소가 키보드 포커스를 얻었을 때 호출할 handler를 바인드한다.
  13. .keydown(handler) : 키보드가 눌리고, 요소가 키보드 포커스를 가지고 있을 때 호출할 handler를 바인드한다.
  14. .keypress(handler) : 키 입력이 발생하고, 요소가 키보드 포커스를 가지고 있을 때 호출할 handler를 바인드한다.
  15. .keyup(handler) : 보드가 떨어지고, 요소가 키보드 포커스를 가지고 있을 때 호출할 handler를 바인드한다.
  16. .load(handler) : 요소가 로딩을 마쳤을 때, 호출할 handler를 바인드한다.
  17. .mousedown(handler) : 
  18. .mouseenter(handler) : 
  19. .mouseleave(handler) : 
  20. .mousemove(handler) : 
  21. .mouseout(handler) : 
  22. .mouseover(handler) :
  23. .mouseup(handler) :
  24. .resize(handler) :
  25. .scroll(handler) :
  26. .select(handler) :
  27. .submit(handler) :
  28. .unload(handler) :
  29. .hover(enter, leave) :
  30. .toggle(handler1, handler2, …) : 마우스를 클릭하면 handler1를 바인드하고, 다음에 마우스를 클릭하면 handler2를 바인드한다.
  31. .trigger(type, [data])
  32. .triggerHandler(type, [data])
  33. .blur()
  34. .change()
  35. .click()
  36. .dblclick()
  37. .error()
  38. .focus()
  39. .keydown()
  40. .keypress()
  41. .keyup()
  42. .select()
  43. .submit()

저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by brain jjune
Trackback 0 Comment 0
jQuery2009/10/18 22:07

DOM 순회 메서드들

  1. .filter(selector) : 주어진 선택자에 매치되는 요소들
  2. .filter(callback) : 주어진 callback 함수가 true를 반환하는 요소들
  3. .eq(index) : 지정한 index 요소
  4. .slice(start, [end]) : 지정한 범위의 요소들
  5. .not(selector) : 주어진 선택자에 매치되지 않는 요소들
  6. .add(selector) : 선택된 요소들과 주어진 선택자와 매치되는 요소들의 합집합
  7. .find(selector) : 매치된 선택자의 자손 요소들
  8. .contents() : 자식 노드들(텍스트 노드 포함)
  9. .children([selector]) : 자식 노드들 (선택자가 주어진 경우 selector에 필터링)
  10. .next([selector]) : 선택된 요소들 바로 다음에 오는 형제 요소들(선택자가 주어진 경우 selector에 필터링)
  11. .nextAll([selector]) : 선택된 요소들에 다음에 오는 모든 형제 요소들
  12. .prev([selector])
  13. .prevAll([selector])
  14. .siblings([selector]) : 모든 형제 요소들 (선택자가 주어진 경우 selector에 필터링)
  15. .parent([selector]) : 각 요소의 부모 요소
  16. .parents([selector])
  17. .closest([selector]) : 선택자에 매치되는 첫번째 요소. 선택된 요소의 처음에서 시작하여 DOM 트리상의 조상 요소로 이동
  18. .offsetParent() : 선택된 첫 요소의 부모 위치(상대적, 절대적)
  19. .andself() : 선택된 요소와 이전에 선택되어 내부 jQuery 스택에 있는 요소들
  20. .end() : 내부 jQuery 스택에 이전에 선택된 요소들
  21. .map(callback) : 각 선택요소에 대한 callback 함수의 결과




저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by brain jjune
Trackback 0 Comment 0