<input class='button' id="dialogDemo" type="button" value="trigger Dialog" role="button"/> #JS window.addEvent('domready', function(){ var dialogCme = new DialogCME({ 'alert':false, // Is it an alert dialog? 'closeButton':true, // Do you need a closeButton? 'title':'DemoDialog', // Title of the dialog 'content':"<p>This is an Wai Aria Demo Dialog</p><p>Please enter information.</p><label for='field1'>field 1: </label><input id='field1' type='text'><br><br><label for='field2'>field 2: </label><input id='field2'type='text'>", 'submit':{ 'exists':true, 'value':'Submit', 'fn': function(e){ // Function which is triggered by pushing the submit button this.hide() } }, 'cancel':{ 'exists':true, 'value':'Cancel', 'fn': function(e){ // Function which is triggered by pushing the submit button this.hide() } } }); // Defines when the dialog is triggered $('dialogDemo').addEvent('click', function(e){ e = new Event(e).stop(); dialogCme.show(); }.bind(this)); });
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus