D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home5
/
rakcha
/
www
/
admin
/
assets
/
plugins
/
jquery-toast
/
dist
/
Filename :
toast.js
back
Copy
"use strict"; $(document).ready(function() { $(".tstInfo").on("click",function(){ $.toast({ heading: 'Welcome to my Elite admin', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-right', loaderBg:'#ff6849', icon: 'info', hideAfter: 3000, stack: 6 }); }); $(".tstWarning").on("click",function(){ $.toast({ heading: 'Welcome to my Elite admin', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-right', loaderBg:'#ff6849', icon: 'warning', hideAfter: 3500, stack: 6 }); }); $(".tstSuccess").on("click",function(){ $.toast({ heading: 'Welcome to my Elite admin', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-right', loaderBg:'#ff6849', icon: 'success', hideAfter: 3500, stack: 6 }); }); $(".tstError").on("click",function(){ $.toast({ heading: 'Welcome to my Elite admin', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-right', loaderBg:'#ff6849', icon: 'error', hideAfter: 3500 }); }); $(".tstSimple").on("click",function(){ $.toast({ position: 'top-left', text: 'This will become the toast message' }) }); $(".tstArray").on("click",function(){ $.toast({ heading: 'How to contribute?!', position: 'top-left', text: [ 'Fork the repository', 'Improve/extend the functionality', 'Create a pull request' ], icon: 'info' }) }); $(".tstHtml").on("click",function(){ $.toast({ heading: 'Can I add <em>icons</em>?', position: 'top-left', text: 'Yes! check this <a href="https://github.com/kamranahmedse/jquery-toast-plugin/commits/master">update</a>.', hideAfter: false, icon: 'success' }) }); $(".tstSticky").on("click",function(){ $.toast({ text: 'Set the `hideAfter` property to false and the toast will become sticky.', hideAfter: false }) }); // Animation $(".tstFade").on("click",function(){ $.toast({ text: 'Set the `showHideTransition` property to fade|plain|slide to achieve different transitions', heading: 'Fade transition', position: 'top-left', showHideTransition: 'fade' }) }); $(".tstSlide").on("click",function(){ $.toast({ text: 'Set the `showHideTransition` property to fade|plain|slide to achieve different transitions', heading: 'Slide transition', position: 'top-left', showHideTransition: 'slide' }) }); $(".tstPlain").on("click",function(){ $.toast({ text: 'Set the `showHideTransition` property to fade|plain|slide to achieve different transitions', heading: 'Plain transition', position: 'top-left', showHideTransition: 'plain' }) }); // position $(".tstBtmLeft").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Specify the custom position object or use one of the predefined ones', position: 'bottom-left', stack: false }) }); $(".tstBtmRight").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Specify the custom position object or use one of the predefined ones', position: 'bottom-right', stack: false }) }); $(".tstBtmCenter").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom object', position: 'bottom-center', stack: false }) }); $(".tstTopLeft").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom object', position: 'top-left', stack: false }) }); $(".tstTopCenter").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-center', stack: false }) }); $(".tstTopRight").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-right', stack: false }) }); $(".tstMidCenter").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: 'mid-center', stack: false }) }); $(".tstCustom").on("click",function(){ $.toast().reset('all'); $.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: { left: 120, top: 120 }, stack: false }) }); });