Add even more of the source

This should be about everything needed to build so far?

WebAdmin/WebAdminHtml/includes/DarwinListbox.js

@@ -0,0 +1,153 @@
+var dragRegionBoxes = new Array();
+var testCount = 0;
+
+// Constructor for DarwinListbox class.
+function DarwinListbox(window, id, locationX, locationY, width, height, background, bordercolor, highlightcolor, allowMultipleSelect, allowDrag, allowDrop, allowRearrange) {
+	// Remember some arguments for later.
+	this.window = window;
+	this.id = id;
+	this.body = '';
+	this.contents = new Array();
+	this.highlightcolor = highlightcolor;
+	this.mousedown = false;
+	this.allowMultipleSelect = allowMultipleSelect;
+	this.allowDrag = allowDrag;
+	this.allowDrop = allowDrop;
+	this.locationX = locationX;
+	this.locationY = locationY;
+	this.sizeX = width;
+	this.sizeY = height;
+	this.width = width;
+	this.height = height;
+	this.bordercolor = bordercolor;
+	// If this is droppable, add it to the list of droppable regions.
+	if (allowDrop)
+		dragRegionBoxes[dragRegionBoxes.length] = this;
+	this.allowRearrange = allowRearrange;
+	// Output a CSS-P style sheet for this document.
+	var d = window.document;
+	d.writeln('<style type="text/css">');
+	d.write('#' + id + ' { ');
+	width += 17;
+	d.write('overflow: scroll; ');
+	d.write('border-style: solid; ');
+	d.write('border-width: 1px; ');
+	d.write('border-color: ' + bordercolor + '; ');
+	d.write('background: ' + background + '; ');
+	if (width) d.write('width: ' + width + 'px; ');
+	if (height) d.write('height: ' + width + 'px; ');
+	d.writeln('}');
+	d.writeln('<' + '/style>');
+}
+
+// This will output the initial HTML
+DarwinListbox.prototype.output = function() {
+	var d = this.window.document;
+	
+	d.writeln('<div id="' + this.id + '">');
+	d.writeln(this.body);
+	d.writeln('<' + '/div>');
+	
+	// save references to the element
+	this.element = d.getElementById(this.id);
+	this.style = this.element.style;
+	
+	// set the document's events
+	if (document.captureEvents)
+		document.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN|Event.MOUSEMOVE);
+}
+
+DarwinListbox.prototype.draw = function() {
+	var str = '';
+	
+	for (var i in this.contents) {
+		str += '<div id="' + this.id + i + '" class="line-item" onmouseover="this.parent.handleMouseOver(this)" onmouseout="this.parent.handleMouseOut(this)" onselectstart="return false" onmousemove="this.parent.handleMouseOver(this)">';
+		this.contents[i].parent = this;
+		str += this.contents[i].draw();
+		str += '<' + '/div>';
+	}
+	
+	this.element.innerHTML = str;
+	
+	for (var i in this.contents) {
+		this.window.document.getElementById(this.id + i).parent = this;
+	}
+}
+
+DarwinListbox.prototype.selectOne = function(obj) {
+	var itemClicked = obj.id.replace(this.id, '');
+	
+	// if the item is already selected, do nothing
+	if (!this.contents[itemClicked].selected) {
+		// deselect everything
+		for (var i in this.contents) {
+			this.window.document.getElementById(this.id + i).style.background = 'inherit';
+			this.contents[i].selected = false;
+		}
+		// select the clicked item
+		obj.style.background = this.highlightcolor;
+		this.contents[itemClicked].selected = true;
+		
+		// send it a callback message so it can handle any UI changes
+		this.contents[itemClicked].onupdate();
+	}
+	else {
+	}
+	// set the last item clicked in case they shift-click next time
+	this.lastItemClicked = itemClicked;
+}
+
+DarwinListbox.prototype.handleMouseOver = function(obj) {
+	var d = this.window.document;
+	this.window.status = obj.id;
+	this.window.currentDarwinObj = obj;
+	if (d.onmousemove == darwinHandleMouseMove) {
+		if (this.allowDrop)
+			this.selectOne(obj);
+	}
+	else {
+		d.onmousedown = darwinHandleMouseDown;
+	}
+}
+
+// this gets called when the user mouses out of a list item
+DarwinListbox.prototype.handleMouseOut = function(obj) {
+	if (this.window.document.onmousemove == darwinHandleMouseMove) {
+		this.window.currentDarwinObj = null;
+		this.window.document.onmousedown = null;
+	}
+}
+
+// this should get called when the user drops something onto the listbox
+DarwinListbox.prototype.handleDrop = function(obj) {
+	
+}
+
+function darwinHandleMouseDown(e) {
+	if (e) {
+		var currentX = e.pageX;
+		var currentY = e.pageY;
+	}
+	else {
+		var currentX = event.clientX + GetScrollPos(0);
+		var currentY = event.clientY + GetScrollPos(1);
+		e = window.event;
+	}
+	var itemClicked = window.currentDarwinObj.id.replace(window.currentDarwinObj.parent.id, '');
+	window.currentDarwinObj.parent.selectOne(window.currentDarwinObj);
+	
+	// set up the drag widget, and send mouse move and up events to it
+	if (darwinDragWidget) {
+		var g = darwinDragWidget;
+		var d = window.document;
+		darwinOriginalDragX = currentX;
+		darwinOriginalDrayY = currentY;
+		g.contents = new Array(window.currentDarwinObj.parent.contents[itemClicked]);
+		g.draw();
+		d.onmousemove = darwinHandleMouseMove;
+		d.onmouseup = darwinHandleMouseUp;
+	}
+	
+	this.mousedown = true;
+	return false;
+}