android toast 같이 자동으로 닫히는 메세지 보여주기 정보
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);
}
추천
3
3
댓글 8개
감사합니다.^^
이걸 어디에 어떻게 적용해야 할까요?
toast의 역할이 사용자에게 작은 노티를 주는 것이잖아요.
저장되었다는 것을 시각적으로 보여줌으로 UI기능을 향상시키는 것에...
최근 ajax 방식으로 화면깜박임없이 I/O가 진행될 때많으니 말입니다.
저장되었다는 것을 시각적으로 보여줌으로 UI기능을 향상시키는 것에...
최근 ajax 방식으로 화면깜박임없이 I/O가 진행될 때많으니 말입니다.
완전 고퀄리티네요....
찾고 있었는데 바로 적용했습니다. 감사합니다.
이걸 어디에 사용하는건지요?
if(exp == ''){
alert('정확한지 확인해 주세요.');
return;
}
자바 alert 대신 쓰는건가요?
만약 그렇다면 위의 경우 어떻게 적용하는건지요...
if(exp == ''){
alert('정확한지 확인해 주세요.');
return;
}
자바 alert 대신 쓰는건가요?
만약 그렇다면 위의 경우 어떻게 적용하는건지요...
좋아요..잘쓰겠습니다.감사합니다.