Stack Overflow
Stack Overflow

Questions tagged [toastr]

toastr is a JavaScript library for non-blocking notifications. It uses jQuery and the goal is to create a simple core library that can be customized and extended.

toastr is a JavaScript library for non-blocking notifications. It uses jQuery and the goal is to create a simple core library that can be customized and extended.

You can see a demo here

Stack Snippet Starter Pack

HTML:

<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.2/toastr.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.js"></script>

JavaScript:

toastr.success("Hello World", "Toaster Title")
348 questions
0
votes
1 answer

adding variables into toastr js message box

I'm familiar with writing simple toasts, but I'm trying to create one that displays actual live data back to the user, and I can't find any documentation online for how to do this. For example, if I have two variables in my function: var name =…
Brian Powell
  • 3,336
  • 4
  • 34
  • 60
0
votes
1 answer

Angular Toastr: send to path on toastr hidden?

I have an Angular 1.3 project, using ng-route. I am using Angular Toastr for user notifications. After the notification closes, I want to send the user to a path. With the following code, the even fires my function and displays the debug statement,…
Steve
  • 14,401
  • 35
  • 125
  • 230
0
votes
1 answer

Toastr Growl is not showing up after a successful AJAX call

Working through my JavaScript code, I'm able to get the alert for malformed URLs working but when a successful POST happened, I can get the response.id to show up via an alert call but not using the same toastr growl I used for my malformed URLs…
Carlos
  • 1,897
  • 3
  • 19
  • 37
0
votes
2 answers

Responsive design using Css

I would like to do a responsive design for the popup notifications in my application.I'm using Angular Toaster for the notifications. For instance I have located the toaster-container element in the center of the screen, but using an absolute…
fgonzalez
  • 3,787
  • 7
  • 45
  • 79
0
votes
1 answer

Show Notification after certain Duration - toastr.js

I have a list of Messages I need to show to the User, which are loaded using Ajax after certain periods of time in data.NotificationDtos The thing is that I have to show one Message at a time for a certain amount of time say 10 seconds, At the…
Dawood Awan
  • 7,051
  • 10
  • 56
  • 119
0
votes
1 answer

Possible to extend Angular JS 1.2.18 $log functionality?

I'd like to pop a toastr message to display $log messages. I.e.: $log.info('test')); It seems like in AngularJS 1.2.19 and greater, $provide.decorator is a great way to extend the functionality of $log. Of course, I am using 1.2.18. Is there a way…
Hoppe
  • 6,508
  • 17
  • 60
  • 114
0
votes
1 answer

Getting 'Cannot read property 'then' of undefined' using toastr

I issued toastr.error("a message") but got this error. It happens in _setContainer when it does $animate.enter().then(function()). What am I missing? function _setContainer(options) { if(container) { return containerDefer.promise; } // If the…
Rainman
  • 1
0
votes
1 answer

How do I use toastr?

I like the idea of what I can do with toastr, but I can't seem to get it to work. From the official page... (1) Link to toastr.css (2) Link to toastr.js (3) Use toastr to display a toast for info, success, warning or error To install toastr, run the…
lordterrin
  • 165
  • 2
  • 2
  • 10
0
votes
1 answer

Toaster for angularjs options, how to

I have a toaster which i would like to do several configs on it without success, first of all, i want to show it fast like in here: (show duration?) http://codeseven.github.io/toastr/demo.html But i don't find the option that will do that, it's…
totothegreat
  • 1,633
  • 4
  • 27
  • 59
0
votes
1 answer

How to display Toast notification popup as modal dialog?

I want to show to toastr.js notification as modal dialog so that once the toast notification is displayed on the screen, the end user cannot perform any kind of operations on the screen. The behavior should be similar to the bootstrap modal pop…
santosh kumar patro
  • 7,231
  • 22
  • 71
  • 143
0
votes
2 answers

How to inject angular services correctly

I created a service called notifier that use toastr to alert the user during the log in process if the user successfully logged in or not. here is my log in module: var login = angular.module('login',[]); login.controller('mvLoginCtrl',…
user3462064
  • 455
  • 2
  • 6
  • 24
0
votes
1 answer

Javascript: Assign on-click events in loop

I have a map which updates its markers every two seconds. I show toast messages using a 3rd party library that 'something' is wrong at a particular marker. I want the map to be centered and zoomed in to the particular marker when the toast is…
Zaxter
  • 2,939
  • 3
  • 31
  • 48
0
votes
0 answers

toastr doesn't display in .fail method of jquery when function

I am just testing out toastr and it seems cool. A much better more stylish way of alerting users. I am trying to using in place of javascript alerts in the .fail portion of my .wehn functions as shown below; $.when(chartData.GetIntradayData(symbol,…
dinotom
  • 4,990
  • 16
  • 71
  • 139
0
votes
1 answer

toastr is undefined when using toastr.js

I'm trying to bring toastr into my application. I've done something very simple: bundles.Add(new ScriptBundle("~/Content/example-scripts").Include( "~/Areas/Examples/Scripts/vendor/*.js" )); Where that folder…
SB2055
  • 12,272
  • 32
  • 97
  • 202
0
votes
3 answers

php echo keeps opening in new tab, not in jquery notification toastr.js

I cannot seem to find the problem in my code. I want the validation in php file to trigger the jquery notification plugin 'toastr', however, the php echo keeps publishing the php file message status to a new tab, instead. What am I doing wrong and…
mijopabe
  • 646
  • 5
  • 23
1 2 3
…
23 24