android toast 같이 자동으로 닫히는 메세지 보여주기
javascript alert는 사용자가 close를 해줘야 하므로 때론 불편하게 느껴집니다.
android에 있는 toast 처럼 자동으로 닫히는 메시지를 보여주는 함수 입니다.
function toast(msg){
var el = document.createElement("div");
el.setAttribute("style","position:absolute;top:50%;left:55%;color:white;background-color:#555555; width:180px; height:25px; text-align:center; margin:auto; padding-top:8px; ");
el.innerHTML = msg;
setTimeout(function(){
el.parentNode.removeChild(el);
},1000);
document.body.appendChild(el);
}
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
저장되었다는 것을 시각적으로 보여줌으로 UI기능을 향상시키는 것에...
최근 ajax 방식으로 화면깜박임없이 I/O가 진행될 때많으니 말입니다.
http://kamranahmed.info/toast 이렇게 토스트 전문적으로 개발하신 분도 계시더군요 : )
if(exp == ''){
alert('정확한지 확인해 주세요.');
return;
}
자바 alert 대신 쓰는건가요?
만약 그렇다면 위의 경우 어떻게 적용하는건지요...