jquery.nok

Yet another full-fledged jQuery notification plugin with bare minimum code. 931 bytes only (616 bytes : js, 315 bytes : css

Dependency

Ofcourse, jQuery library. Make sure it is included, else do that first.

Instalation

Include jquery.nok.min.css from dist folder.

<link rel="stylesheet" href="./dist/jquery.nok.min.css">

Include jquery.nok.min.js from dist folder.

<script src="./dist/jquery.nok.min.js"></script>

Thats all. Ready to use.

npm? npm install jquery.nok

Fire a nok

$.nok({message: "Knock Knock, anyone home?"});

Customize?

$.nok({
    message: "OOpSEE!! Mishap!",
    type: "error",
    stay: 0 // Sticky
});

Options

        message: '',    // The message to display
        type: 'info',   // Type of message : info / error / success
        sticky: false,  // Stay or hide after sometimes, bool : DEPRECATED (will be removed in future version)
        stay: 4         // Seconds the message stays (since v.1.1.0 set this value to 0 to make sticky)

Note

• Values included under Options are defaults. Change those as required.
• If message is blank, nok will not knock (appear).
• Pass a second value in number only else the nok will be sticky.
• Click on a sticky nok to dismiss. Simple as that.

Version History:

1.1.0 : <2018.08.20>

• Deprecate option sticky, replaced by {stay: 0}

1.0.1 : <2018.08.20>

• Added SASS Partial
• Code Cleanup

1.0.0 : <2018.01.20>

• Initial Stable Release