티스토리 뷰
PoshyTip은 jQuery의 많은 플러그인 들 중에 하나입니다.
위 사진처럼 hover를 하거나 focus를 할 때 툴팁을 나오게 해주는 플러그인입니다. 이름이 왜 Poshy Tip인지는 모르겠습니다. tip은 tooltip에서 나온 것 같고, Poshy는 구글을 검색해보니 나오는 Urban Dictionary의 2번 째 뜻인 것 같습니다. 해석해보니 어떤 능력이나 독특한 능력으로 대단히 눈길을 끄는 것이라는데 그 정도로 이 플로그인이 눈길을 끄는 지는 모르겠지만 일단 그렇다고 합시다.
플러그인의 사용 방법등은 아래 웹사이트에서 확인하시면 될 것 같습니다. 웹사이트에 접속 후 demo를 누르면 사용 방법을 알 수 있습니다.
http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/
이제 나머지는 직접 해보시면 알 듯한데, 제가 일하면서 문제가 되었던 부분은 tooltip 내부에 내용이 개행이 안되는 것이었습니다. 보통 개행 처리를 쓰고자 하면 '\n'을 쓰거나 '\r\n'을 쓰거나 아니면 XML이라면 을 쓰면 되는데 다 안 먹히더군요.
그래서 고민하던 와중에 Poshy Tip js를 자세히 보다보니 tooltip을 만들 때 Html을 그려서 만드는 방식인걸 보고 혹시나 싶어 </br>을 넣어주니 개행 처리가 잘 되었습니다. 저 같이 해매는 사람이 없길 바라며 이렇게 적어둡니다.
'IT > Javascript' 카테고리의 다른 글
Javascript - Cookie를 이용해서 File download 시 Loading bar 구현 (3) | 2018.07.07 |
---|---|
Javascript - jQuery ajax (0) | 2018.05.12 |
Javascript - 배열(Array)에서 value 값으로 삭제하기 (0) | 2017.08.12 |
Javascript - 클로저(closure) (0) | 2017.03.26 |
Javascript - Loading bar 구현 (0) | 2017.03.25 |
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday