how to use the ajaxStart -- tried a few but still failed
Hi all,
First I have to say I am new to JQ. I have search the forum and googled but all the solution that I found so far has failed. And unfortunately the JQ website on this is quite limited for me.
The goal is: I have a few pages that consists of several ajax call in each page. I am trying to make a generic solution such that when the ajax event is being called, the user will be notified by the 'loading' image in the somewhere on the screen (cause the loading time quite long due to the data). This way also if in the future we need to add more it can be automatically cater by the changes.
I have tried adding the ajaxStart however it seems like the event never trigger. I tried to even just call the window.alert but it also never got call.
This is the code that I am using to add into the common page:
<script src="<%=request.getContextPath()%>/js/jQueryCalendar/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
var jq = jQuery.noConflict();
</script>
.......
<script type="text/javascript">
jq(function() {
jq("#notification").bind("ajaxStart", function(){
jq(this).show();
});
});
</script>
I also have tried the following code without success:
jq(function() {
jq(this).ajaxStart(function() {
jq("#notification").show(); });
jq(this).ajaxStop(function() {
$("#notification").hide(); });
});
I am using the no conflict since we are also using DWR in the page. I have been searching for the whole days and tried those that I found from the web but so far i don't have any luck. Can someone help telling me what I need to do / what I did wrong? Or do i need to use a plugin for that?
Thanks for the help.
iwan