timeout=0 onclick=function(){} how do I hide the toastr?
GStainburn opened this issue · comments
With the code below (taken from the demo page, with callbacks added) my toaster pops up and doesn't time out.
If I click the button the callback happens but the toastr doesn't disappear.
How do I make it disappear please?
Also, if I click the background, it does disappear. How can I prevent this?
toastr.options = { "closeButton": false,
"debug": false,
"newestOnTop": false,
"progressBar": false,
"positionClass": "toast-bottom-right",
"preventDuplicates": false,
"showDuration": "700",
"hideDuration": "1000",
"timeOut": "0",
"extendedTimeOut": "0",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"};
toastr.options.onShown = function() { console.log('hello'); }
toastr.options.onHidden = function() { console.log('goodbye'); }
toastr.options.onclick = function(e) { console.log('clicked');console.log(e); }
toastr.options.onCloseClick = function() { console.log('close button clicked'); }
msg="This is a test<br /><br />"+
"<button type='button' class='btn clear id=Yes'>Yes</button> "+
"<button type='button' class='btn clear id=No'>No</button>";
var TOAST=toastr['error'](msg,"Alert");
In the code it said setting both timeOut and extendedTimeOut to 0 will make the toast sticky. I've tried with timeOut=0 and extendedTimeOut to be any other numbers, and it seems to be working how you want.