Toastr js add aprove / disaprove button

javascript dialog toastr
Marc Rasmussen picture Marc Rasmussen · Jun 26, 2014 · Viewed 12.8k times · Source

I am trying to setup Toastr js to become sortof a dialog button.

All i need is an "Approve" and a "Disaprove" button on my Toastr message

toastr.options = {
    "closeButton": true,
    "debug": false,
    "positionClass": "toast-bottom-left",
    "onclick": null,
    "showDuration": "1000",
    "hideDuration": "1000",
    "timeOut": "5000",
    "extendedTimeOut": "1000",
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut"
}
toastr.info("Do you wish to continue");

Does anyone know if that is possible or know any other script that allows me to?

Please note

I know this can be done with Modal but i want to try and avoid it.

Answer

John Papa picture John Papa · Jul 9, 2014

Sure. You can add any HTML you want to the toast then hook up event handlers to it. See the demo for more details and examples. http://codeseven.github.io/toastr/demo.html

Related questions

How to create a dialog with “yes” and “no” options?

I am going to make a button to take an action and save the data into a database. Once the user clicks on the button, I want a JavaScript alert to offer “yes” and “cancel” options. If the user selects “…

Read More
JavaScript: Create and save file

I have data that I want to write to a file, and open a file dialog for the user to choose where to save the file. It would be great if it worked in all browsers, but it has to …

Read More
Open file dialog box in JavaScript

I need a solution to display open file dialog in HTML while clicking a div. The open file dialog box must open when the div is clicked. I don't want to display the input file box as part of HTML …

Read More