본문 바로가기

Javascript SnakBar

web/javascript by 낼스 2019. 8. 6.
##### [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

댓글