나타났다 사라지는 토스트 메시지

alert를 띄우자니 촌스럽고, 모달창은 좀 오바인거 같고... 그럴때 쓸 수 있는 알림창(?)

정식 명칭은 Toast message 라고 하는듯... 암튼 토스트 알림창

jQuery를 썼고, 사라지는 타이머가 주르륵 달려가게 만들어 보았음

아래는 예시: (Result 탭을 눌러보자)

html에 <div id="toast"></div> 추가해주고, CSS 도 추가해주고

toast('저럴수가!!'); 이렇게 메시지를 넣어 쓰면 됨 (기본 값은 3초 노출)

toast('저럴수가!!', 1000) 이나 toast('저럴수가!!', "고정") 으로 보여지는 시간 조정 가능 (1000=1초)

현재는 아래쪽에 나오게 되어 있으나, 위로 바꾸고 싶으면

CSS 에서 #toast 의 bottom 을 top 으로 바꾸고 toast() 함수에서 append 를 prepend 로 바꾸면 됨

좌우 위치도 css만 잘 만지면 바꿀 수 있음

참고로 닫기 버튼인 X 는 CSS로 추가해주었고 닫는 기능은 일전에 설명한 delegate 방식으로 처리됨

#me { visibility : hidden; }