Uncle Jims Javascript Designs: DOCKING AND UNDOCKING

COPY - Insert Between Head Tags: <HEAD></HEAD>

<SCRIPT LANGUAGE="javascript">
// This JavaScript, Code, Source and all contents Courtesy  
// Jim Stiles for Uncle Jims Web Site Designs. The original is
// Copyright 1998 by InsideDHTML.com, LLC. All rights reserved
// For more information, see http://www.insideDHTML.com
// This code may be reproduced as long as this copyright notice is maintained

var wArray = new Object  // The object to track windows

function swapDock(id) {
	// This function popups the window or redisplays the content
	var el = document.all[id]
	var st = el.style
	if (st.display=="none") {
		// Redisplay the content
		st.display = ""	
		// Be sure to close the undocked window
		if (!wArray[id].closed)
			wArray[id].close()
	}
	else {
		// Create the popup
		// The popup is displayed underneath the current mouse position
		wArray[id] = window.open("about:blank",id,"scrollbars=yes,width="+el.offsetWidth + ",height="+(el.offsetHeight+20) + ",top=" + (event.screenY-10)  + ",left=" + (event.screenX-80))
		wArray[id].document.open()
		wArray[id].document.write("<TITLE>" + el.title + "</TITLE>")
		// You can optionally write a style sheet to format the popup into the page 
		// Set the base target to point back to the opening window
		wArray[id].document.write("<BASE TARGET=\"main\">")
		// This is a trick that outputs the redock function into the page. 
		// Notice that we call redock without the (). This causes the actual
		// function to be inserted as a string.
		wArray[id].document.write("<SCRIPT>\n" + window.redock + "</" + "SCRIPT>")
		// When the window is closed, be sure to redisplay the content
		wArray[id].document.write("<BODY ONBEFOREUNLOAD=\"redock()\" ID=\"" + id + "\">")
		// Put the contents of the element into the popup
		wArray[id].document.write(document.all[id].innerHTML)
		wArray[id].document.close()
		// Hide the old contents
		st.display = "none"

// Tell the popup that it is dockable
		wArray[id].dockable = true
		// Give the popup the focus
		wArray[id].focus()
	}
}

function doUnload() {
	// When the page is unloaded, tell all open popups
	// that they are no longer dockable
	for (var w in wArray)
		if (!wArray[w].closed) 
			wArray[w].dockable = false
}

window.onbeforeunload = doUnload;

function fixDock(id) {
	// Redisplay the contents
	document.all[id].style.display = ""
}

function redock() {
	// This function is only used by the popup. See the explanation
	// in swapDock() on how we embedded this into the popup.
	if (window.dockable)
		window.opener.fixDock(document.body.id)
}

// Give the opening page a name. 
// This is used by the target argument.
window.name = "dock"
</SCRIPT>

COPY - Insert Inside Body: <BODY></BODY>