The following html code is required on the page:
Html code
<Div id = "BusyMsg" align = "center" style = "z-index: 101; left: 25%; top: 45%; width: 50%; height: 100; position: absolute; display: none; background: # F7F7F7; background-color: # F7F7F7; border: 1px solid #4284F7; ">
<Table height = "100%" align = "center">
<Tr>
<Td> /images/loading.gif" width = "16" height = "16"/> </td>
<Td> <label id = 'msgtext'> </label> </td>
</Tr>
</Table>
</Div>
<Div id = "BusyDiv" style = "position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none; ">
<Table style = "width: 100%; height: 100%; background-color: transparent;">
<Tr> <td> </tr>
</Table>
</Div>
Add the javascript code:
Js Code
Function onLoading (){
Too many Doc ument. all. MsgText. innerHTML = "querying data. Please wait ...... ";
Optional parameter Doc ument. all. BusyMsg. style. display = "";
Invalid variable Doc ument. all. BusyDiv. style. display = "";
}
Function afterLoading (){
Optional parameter Doc ument. all. MsgText. innerHTML = "";
Optional parameter Doc ument. all. BusyMsg. style. display = "none ";
Invalid variable Doc ument. all. BusyDiv. style. display = "none ";
}
Author: "bbjava"