displaying loading image on clicking a link or Node

[Deepaks Deshpande]

HI guys,

I am using a javascript based tree structure along with framesets. I want to know how to display a gif image file containing a message "loading..." , to the user whenever he clicks a node or link in the tree structure.

Thank you.
Deepak.

[Bear Bibeault]

You can either preload the image and hide/reveal it. Or create and delete it on the fly.

Where's your code? What problems are you having with it?

[Deepaks Deshpande]

Hi Bear,

This is my code

<script type="text/javascript">
var titles = <%=str %>;                                               //str is a java String variable declared in a scriptlet,a method called getValues() is assigned to it from the backend.where it retrieves id,pid,name,url info. This str is assigned to a javascript variable which is a json object with these 4 attributes.

var i=0;
var arrayObject = new Array();                                ///creating a javascript array and iterating through the json object titles
for(i=0;i<titles.length;i++)
{  
                                                                                   //adding all the attributes to the javascript array
   arrayObject.push(titles[i].parentid);
   arrayObject.push(titles[i].id);
   arrayObject.push(titles[i].title);
   arrayObject.push(titles[i].fileId);
   arrayObject.push(titles[i].path);
}      
></script>

<script type="text/javascript">
			var d = new dTree('d');
			d.add(2,-1,'Root');
			var j = 0;
			var id = 0;
			var pid = 0;
			var title = null;
			var fId = 0;
			var fpath = null;
			for(j=0;j<titles.length;j++)
			{  
				//document.write(parseInt(students.Items[j].id));
				pid = titles[j].parentid;                                             //converting the variables to json string
				var pidj = toJSON(pid);
				
				id = titles[j].id;
				var idj = toJSON(id);
				
				title = titles[j].title;
				var titlej = toJSON(title);
				
				fId = titles[j].fileId;
				var fileIdj = toJSON(fId);

				fpath = titles[j].path;
				var fpathj = toJSON(fpath);
				//alert("Path is : \n"+tiles[j].path);
				
				//alert("Id is : "+idj+"\nParent id is : "+pidj+"\nTitle is : "+titlej+"\nFile Id is : "+fileIdj);
			//d.add(id, pid, name, url, title, target, icon, iconOpen, open)	
				d.add(idj,pidj,titles[j].title,'.'+titles[j].path,'Click here to view '+titles[j].title,'viewframe','','','');               // here iam adding the nodes to the tree
				d.add();
			} 
			document.write(d);
		></script>

view frame is the frame where my pages are going to be displayed on clicking the links in the menu frame



This is my template class:

import org.json.simple.JSONAware;
import org.json.simple.JSONObject;

public class TreeTemplate implements JSONAware {

	private int documentId;
	private int documentParentId;
	private String documentTitle;
	private int fileId;
	private String filePath;
	
	
	public TreeTemplate(int documentId, int documentParentId,
			String documentTitle, int fileId, String filePath) {
		this.documentId = documentId;
		this.documentParentId = documentParentId;
		this.documentTitle = documentTitle;
		this.fileId = fileId;
		this.filePath = filePath;
	}

	@Override
	public String toJSONString() {

		StringBuffer jsondocument = new StringBuffer();
		
		jsondocument.append("{");
		
		jsondocument.append(JSONObject.escape("parentid"));
		jsondocument.append(":");
		jsondocument.append(documentParentId);
		jsondocument.append(",");
		
		jsondocument.append(JSONObject.escape("id"));
		jsondocument.append(":");
		jsondocument.append(documentId);
		jsondocument.append(",");
		
		jsondocument.append(JSONObject.escape("title"));
		jsondocument.append(":");
		jsondocument.append("\""+JSONObject.escape(documentTitle)+"\"");
		jsondocument.append(",");
		
		jsondocument.append(JSONObject.escape("fileId"));
		jsondocument.append(":");
		jsondocument.append(fileId);
		jsondocument.append(",");
		
		jsondocument.append(JSONObject.escape("path"));
		jsondocument.append(":");
		jsondocument.append("\""+JSONObject.escape(filePath)+"\"");
		
		jsondocument.append("}");
		
		
		return jsondocument.toString();
	}

}

and i have a java class where i do the normal jdbc stuff to retrieve these values from the database

[Bear Bibeault]

Please be sure to use code tags when posting code to the forums. Unformatted code is extremely hard to read and many people that might be able to help you will just move along to posts that are easier to read. Please read this for more information.

You can go back and change your post to add code tags by clicking the button on your post.