ajax help: replacing "loading, please wait" with a simple 'loading' animation gif

Discussion in 'JavaScript' started by js09, Mar 9, 2010.

  1. #1
    Using ajax to load my pages without changing the URL. anyway, when they load there is a default 'Loading content - please wait' (middle of code below). I simply want it to display a loading animation. it will look much more professional. any ideas to simply call an image?

    function ajax_loadContent(divId,url,callbackOnComplete)
    {
    	if(enableCache && jsCache[url]){
    		document.getElementById(divId).innerHTML = jsCache[url];
    		ajax_parseJs(document.getElementById(divId))
    		evaluateCss(document.getElementById(divId))
    		if(callbackOnComplete) {
    			executeCallback(callbackOnComplete);
    		}		
    		return;
    	}
    	
    	var ajaxIndex = dynamicContent_ajaxObjects.length;
    	document.getElementById(divId).innerHTML = 'Loading content - please wait';
    	dynamicContent_ajaxObjects[ajaxIndex] = new sack();
    	
    	if(url.indexOf('?')>=0){
    		dynamicContent_ajaxObjects[ajaxIndex].method='GET';
    		var string = url.substring(url.indexOf('?'));
    		url = url.replace(string,'');
    		string = string.replace('?','');
    		var items = string.split(/&/g);
    		for(var no=0;no<items.length;no++){
    			var tokens = items[no].split('=');
    			if(tokens.length==2){
    				dynamicContent_ajaxObjects[ajaxIndex].setVar(tokens[0],tokens[1]);
    			}	
    		}	
    		url = url.replace(string,'');
    Code (markup):
     
    js09, Mar 9, 2010 IP
  2. krsix

    krsix Peon

    Messages:
    435
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    document.getElementById(divId).innerHTML = 'Loading content - please wait';
    ->

    document.getElementById(divId).innerHTML = '<img src=/load.gif />';
     
    krsix, Mar 9, 2010 IP