I am doing a webservice in phonegap.Here the application fetch values from a xml file in remote server when user search particular keyword and load the content to a div in my application.Here my problem is I want to show toast
message like "loading..." or "progressing..." till the content is loaded into the div of application.I have created a toast
message.But I dont know how to hide the toast
message after the content is loaded since the time for fetching values from xml file is different for different keywords.
The div to which content is loaded is <ul class="searchresults"></ul>.and my toast function is
function toast(sMessage){
var container = $(document.createElement("div"));
container.addClass("loading");
var
message = $(document.createElement("div"));
message.addClass("
message");
message.text(sMessage);
message.appendTo(container);
container.appendTo(document.body);
container.delay(150).fadeIn("slow", function()
{
if ($(".searchresults").html().length > 0) {
//$(this).remove();
$(this).delay(500).fadeOut("slow", function()
{
$(this).remove();
});
}
});
}
Can anyone help me suggesting some ideas.Thanks in advance.
