jquery mobile - how to use the "error reporting dialog"

Question

when using jquery mobile, and you load an invalid page, an error message is reported elegantly showing loading page failed(then fades out). Check out the attached image.

i want to use this ui to report my own custom error messages and animate them the way its done. any one had any experience doing this?

i would like to report some errors without using dialogs and this method seems appropriate. Can this be done using jquery and if please show the code.

Answer 1

In the latest 1.1.0 RC version you can use $.mobile.showPageLoadingMsg to display custom error messages:

// show error message
$.mobile.showPageLoadingMsg( $.mobile.pageLoadErrorMessageTheme, $.mobile.pageLoadErrorMessage, true );

// hide after delay
setTimeout( $.mobile.hidePageLoadingMsg, 1500 );