JQuery UI Message box Samples

Sample 1. Easy usage

To show Message box - to call the function "$.showMessageBox" with the text that you want to show.

$.showMessageBox("Very simple message box!Very simple message box!Very simple message box!Very simple message box!Very simple message box!Very simple message box!");

Sample 2. Custom title and content

To show Message box with additional parameters, you must call the function "$.showMessageBox" settings.

$.showMessageBox({ content:"Very simple usage Message box!", title: 'My information', });

Sample 3. Custom type

To show alert Message box, you must call the function "$.showMessageBox" with settings. In settings set type to 'alert'

$.showMessageBox({ content:"Warning message!", title: 'Warning', type: 'warning' });


$.showMessageBox({ content:"Stop message!", title: 'Stop', type: 'stop' });

Sample 4. Question message box

To show Message box with question, you must call the function "$.showMessageBox" with settings. In the settings you must specify the type of 'question'.

$.showMessageBox({ content:"OK or close!", title: 'My qestion', OkButtonDoneFunction: function() { alert('Pressed OK!'); }, type:'question' });

Sample 5. Extended question message box

To show Message box with extended question, you must call the function "$.showMessageBox" with settings. In the settings you must specify the type of 'question' and set buttons text

$.showMessageBox({ content:"Yes or No, may be close!", title: 'My extended qestion', OkButtonDoneFunction: function() { alert('Pressed Yes!'); }, type:'question', OkButtonText: 'Yes', NoButtonText: 'No' });

Sample 6. Addtional information

$.showMessageBox({ title: 'Exception', type:'alert', content:"Not correct value!", AdditionalInformation:"Value 'xxxx' is not correct! \nPage: 'zzz.aspx', line: 10", });