##### [source : https://jsfiddle.net/softm/02ue81pf/](https://jsfiddle.net/softm/02ue81pf/)
##### # snakBar
```javascript
function snakBar(s,o){
snakBarError(o,s);
}
function snakBarError(o,v) {
if ( typeof o === "object" ) {
var c = o.closest("dd");
if ( o[0].tagName.toUpperCase() == "SELECT") {
o.one( "change", function( event ) {
fClearError(o);
});
} else {
if ( o[0].tagName.toUpperCase() == "INPUT" || o[0].type.toUpperCase() == "TEXT") {
if ( o.hasClass("approval") || o.hasClass("phone_number") ) {
c = o.closest("div");
}
if(o[0].type.toUpperCase() == "RADIO") {
o.one( "change", function( event ) {
fClearError(o);
});
} else {
o.one( "keyup", function( event ) {
fClearError(o);
});
}
} else if ( o[0].tagName.toUpperCase() == "TEXTAREA" ) {
o.one( "keyup", function( event ) {
fClearError(o);
});
}
}
c.addClass("mo-error");
} else {
if (o) {
v=o;
}
}
$('.mo-ui-snackbar p').text(v);
if (!v) {
$('.mo-ui-snackbar').css("display","none");
} else {
$('.mo-ui-snackbar').css("display","block");
$('.mo-ui-snackbar').hide().stop( true, true ).fadeIn(200).show().delay(1500).fadeOut(200);
}
}
function clearError(o) {
var c = o.closest("dd");
try
{
if ( o[0].tagName.toUpperCase() == "SELECT") {
} else {
if ( o[0].tagName.toUpperCase() == "INPUT" || o[0].type.toUpperCase() == "TEXT") {
if ( o.hasClass("approval") || o.hasClass("phone_number") ) {
c = o.closest("div");
}
} else if ( o[0].tagName.toUpperCase() == "TEXTAREA" ) {
}
}
c.removeClass("mo-error");
}
catch (e){
}
}
$( "body" ).on( "click", ".snakbar", function() {
snakBar("스낵바 테스트.");'
});
```
##### # html
```html
```
'web > javascript' 카테고리의 다른 글
async await Promise.resolve (0) | 2020.07.20 |
---|---|
simple padding zero (0) | 2020.02.27 |
show loading progress image (0) | 2019.08.05 |
레이어 중앙 위치 (0) | 2019.08.01 |
ECMA6 (0) | 2019.07.27 |
댓글