From 7f063a969383a6d9dc85e75b178fb4862b323dc2 Mon Sep 17 00:00:00 2001
From: Ingo Schommer <ingo@silverstripe.com>
Date: Tue, 13 Apr 2010 22:01:17 +0000
Subject: [PATCH] BUGFIX Fixed widgets not being clickable to use them in IE
 (from r97545)

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@102727 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 javascript/WidgetAreaEditor.js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/javascript/WidgetAreaEditor.js b/javascript/WidgetAreaEditor.js
index ec305db7..108036d2 100644
--- a/javascript/WidgetAreaEditor.js
+++ b/javascript/WidgetAreaEditor.js
@@ -14,16 +14,6 @@ WidgetAreaEditorClass.prototype = {
 			if (widget.nodeType == 1) {
 				// Gotta change their ID's because otherwise we get clashes between two tabs
 				widget.id = widget.id + '-'+this.name;
-				if(widget.id) {
-					// Clicking applies to the h3 element only, not the widget div itself
-					var header = widget.childNodes[1];
-					header.onclick = function(event) {
-						parts = event.currentTarget.parentNode.id.split('-');
-						var widgetArea = parts.pop();
-						var className = parts.pop();
-						$('WidgetAreaEditor-'+widgetArea).addWidget(className, widgetArea);
-					}
-				}
 			}
 		}
 	
@@ -249,6 +239,18 @@ UsedWidget.prototype = {
 	}
 }
 
+AvailableWidgetHeader = Class.create();
+AvailableWidgetHeader.prototype = {
+	onclick: function(event) {
+		parts = this.parentNode.id.split('-');
+		var widgetArea = parts.pop();
+		var className = parts.pop();
+		$('WidgetAreaEditor-'+widgetArea).addWidget(className, widgetArea);
+	}
+}
+
+AvailableWidgetHeader.applyTo('div.availableWidgets .Widget h3');
+
 WidgetTreeDropdownField = Class.extend('TreeDropdownField');
 WidgetTreeDropdownField.prototype = {
 	getName: function() {