Date: 04/22/05 (Javascript Community)    Keywords: browser

I've been trying just about all day to add a 'quick build' function to a page. What I want it to do is to show a little popup div when they click on an image next to a link. The div will have a small form to quickly perform an action which would otherwise have to go through a couple of pages first.

I've been able to get it to show when the image is clicked, however when I try to make it disappear when the user clicks anywhere else on the page, it makes it disappear even when clicked inside the div. I can't seem to figure out how LiveJournal does it here with "AJAX" comment management.

The code uses the X Library from cross-browser.com to make it cross-browser compliant. If you haven't heard of it, it basically allows you to call one function and get the same result across different browsers. Any function that begins with x is from that library.

	

	
	
	

		

			

				Cranes:  x 
			
		
		

			

				
			
		
	
	

Source: http://www.livejournal.com/community/javascript/63791.html