Javascript Custom Popup

Custom Popup Messages Using Javascript

There are times when you want something more that the usual stuck-in-the-80s interface that seems to be the Moodle norm.

Actually Moodle has some nice utility functions in /lib/javascript-static.js which can help.

Try this to make custom confirm messages.

// Required JavaScript code. $PAGE->requires->js('/mod/yourmode/your_js_file.js');

....

//Your delete link $delete_link = new moodle_url('/delete_handler.php',

       array('id' => $id, 'action' => 'delete'), 
       array('class'=>'delete_item', 'title' => 'Delete this'));

echo html_writer::link($delete_link, 'Delete this');

And the Javascript: YUI().use('node-base', function(Y) {

   function init() {
       Y.all(".delete_item").on('click', function(e) {
           var args = {'url':e.currentTarget.get('href'),
               'message':'Are you sure you want to delete ' + 
                 e.currentTarget.get('title') + 
                    ' ? All fields and data associated with this form will be lost'};
           M.util.show_confirm_dialog(e, args);
           return false;
       });
   }

Y.on("domready", init);

});

The code will pick up the url in the link and use the text in the title attibute to create a custom confirm message.