tinyNotice
JQuery alert and confirm plugin.in use like Java Script alert() and confirm() fast and simple and in vision is like new modern template. tinyNotice V2.0.0 : use SCSS to create theme and change all structures and fix bugs.
Getting Started
<link rel="stylesheet" href="tinyNotice/tinyNotice-theme.css"> <script src="jquery-1.11.3.min.js"></script> <script src="tinyNotice/tinyNotice.js"></script>
Usage
can config tinyNotice with inline option or object option for alert mod and for config confirm mod use object option.
1) inline option
- statusTitle : title of notice. type is string. default = ""
- statusText : notice text. type is string. default = ""
- status : One of these (note , warning , success , error , info). type is string. default = "note"
- ifeTime : time per ms. type is number. default = 4000
structure :
<script> $.tinyNotice( [statusTitle] ,statusText,[status],[lifeTime]); </script>
examples :
$.tinyNotice("this is a satatus text without status title");
$.tinyNotice("sample title","sample satatus text ");
$.tinyNotice("this is a satatus text without status title" , "warning");
$.tinyNotice("notice title","this is a satatus text " , "warning" , 6000);
2) object option
structure :
<script> //default options var option = { statusTitle : "", statusText : "", status : "note", lifeTime : 4000, setConfirm : false, accept : function(){ //run when click accept button }, cancel :function(){ //run when click cancel button } callback:function(){ //run when close or expiration lifeTime} } $.tinyNotice(options); </script>
2-1) confirm mod
if set option.setConfirm true or "en" or "fa" or {ok:"..." , cancel:".."} tinyNotice swith to confrim mod.
examples :
//default english button title $.tinyNotice({ setConfirm: "en", statusTitle: "Confirm mod", statusText: "default button topic!" });
//default persian button title $.tinyNotice({ setConfirm: "fa", statusTitle: "عنوان", statusText: "داده های جدید ثبت شوند ؟" });
//custom button title $.tinyNotice({ setConfirm: {ok: "ok,i'm ready", cancel: "no,tanks"}, statusTitle: "Confirm mod", statusText: "custom button topic!" });
2-1-1) confirm events
examples :
//default english button title $.tinyNotice({ statusTitle: "Confirm mod", statusText: "default button topic!", setConfirm: "en", accept: function () { alert("ok"); }, cancel: function () { alert("cancel"); } });
2-2) status
examples :
$.tinyNotice({ status : "info", // note , warning , success , error , info statusTitle : "info", statusText : "this is a info message!" });
2-3) callback
examples :
//custom button title $.tinyNotice({ callback: function () { alert("closed!"); } statusTitle: "Confirm mod", statusText: "custom button topic!" });
3) close [event]
$.tinyNotice("close");
License
Copyright (c) 2014 mohammad ebrahimi aval (http://ebrahimiaval.ir)
Licensed under the [MIT license][mit]. [mit]: http://www.opensource.org/licenses/mit-license.php