userAction keyBoards events fixed for Opera

ui/tests/jquery.useraction.js

@@ -44,9 +44,8 @@ $.userAction = function(el, type, options) {
 	o.x = o.x || xy.x; o.y = o.y || xy.y;
 
 	var EVENT_DEFAULT = {
+		target: this.target,
 		view: window,
-		detail: 0,
-		isTrusted: false,
 		bubbles: o.bubbles || true,
 		cancelable: o.cancelable || false, 
 		ctrlKey: o.ctrlKey || false, 
@@ -62,17 +61,14 @@ $.userAction = function(el, type, options) {
 		$.extend({}, EVENT_DEFAULT, {
 			clientX: o.x, clientY: o.y, 
 			screenX: o.screenX || 0, screenY: o.screenY || 0,
-			relatedTarget: $(o.relatedTarget)[0] || null, 
-			button: o.button || ($.browser.msie ? 1 : 0) 
+			relatedTarget: $(o.relatedTarget)[0] || null, detail: 0,
+			button: o.button || ($.browser.msie ? 1 : 0), isTrusted: false
 		}) :
 		$.extend({}, EVENT_DEFAULT, {
 			keyCode: o.keyCode || 0, charCode: o.charCode || 0
 		});
 
-	if (o.before) o.before.apply(this.target, [
-		// simulate correct target before the event fire
-		// the browser just set the correct EVT.target after dispatchment
-		$.event.fix(EVT).target = this.target, o.x, o.y, this]);
+	if (o.before) o.before.apply(this.target, [	$.event.fix(EVT), o.x, o.y, this]);
 
 	// check event type for mouse events
 	if (isMouse) {
@@ -86,7 +82,7 @@ $.userAction = function(el, type, options) {
 		EVT = this.keyboardEvent(EVT);
 	}
 
-	if (o.after) o.after.apply(this.target, [EVT, o.x, o.y, this]);
+	if (o.after) o.after.apply(this.target, [$.event.fix(EVT), o.x, o.y, this]);
 };
 
 $.extend($.userAction.prototype, {
@@ -138,29 +134,33 @@ $.extend($.userAction.prototype, {
 	keyboardEvent: function(EVT) {
 		var evt, type = this.type, o = this.options;
 
-		//Safari 2.x doesn't implement initMouseEvent()
+		// check for DOM-compliant browsers first
 		if ($.isFunction(document.createEvent)) {
 
 	        try {
 	            // try to create key event
-	            evt = document.createEvent("KeyEvents");
-	            
+	            evt = document.createEvent(StringPool.KEY_EVENTS);
+				
 				evt.initKeyEvent(type, 
 					EVT.bubbles, EVT.cancelable, EVT.view, EVT.ctrlKey, 
 					EVT.altKey,	EVT.shiftKey, EVT.metaKey, EVT.keyCode, EVT.charCode);  
 
 	        } catch (err) {
 				// we need another try-catch for Safari 2.x
 	            try {
-	                // generic event, will fail in Safari 2.x
-	                evt = document.createEvent("Events");
-	            } catch (uierror){
-	                // create a UIEvent for Safari 2.x
-	                evt = document.createEvent("UIEvents");
+	                // generic event for opera and webkit nightlies, will fail in Safari 2.x
+	                evt = document.createEvent(StringPool.EVENTS);
+	            } catch (ierr){
+	                // Safari 2.x - create a UIEvent 
+	                evt = document.createEvent(StringPool.UI_EVENTS);
 	            } finally {
 					evt.initEvent(type, EVT.bubbles, EVT.cancelable);
-					// initialize
-	                $.extend(evt, EVT);
+
+					// initializing
+					$.each(EVT, function(k, v) {
+						// using try-catch for avoiding Opera NO_MODIFICATION_ALLOWED_ERR
+						try { evt[k] = v; } catch(e) { }
+					});
 	            }          
 	        }
 
@@ -178,7 +178,7 @@ $.extend($.userAction.prototype, {
 	        evt.keyCode = (EVT.charCode > 0) ? EVT.charCode : EVT.keyCode;
 
 	        // fire the event
-	        this.target.fireEvent("on" + type, evt);  
+	        this.target.fireEvent(StringPool.ON + type, evt);  
 	    }
 
 		return evt;
@@ -204,8 +204,10 @@ var StringPool = {
 	NUMBER: 'number',
 	MOUSEOVER: 'mouseover',
 	MOUSEOUT: 'mouseout',
-	MOUSE_EVENTS: "MouseEvents",
-	UI_EVENTS: "UIEvents"
+	MOUSE_EVENTS: 'MouseEvents',
+	UI_EVENTS: 'UIEvents',
+	KEY_EVENTS: 'KeyEvents',
+	EVENTS: 'Events'
 };
 
 })(jQuery);

ui/tests/resizable.html

@@ -53,20 +53,23 @@ <h2 id="log"></h2>
 		});*/
 
 		$('#key').keydown(function() {
-			//alert('keydown')
+			alert('keydown')
 			//console.log('keydown')
 		});
 
-		/*
+
 		 // TODO - works in all browsers, but have to fix a bug on opera
 		 $('#key').userAction("keydown", {
 			charCode: 67,
-			keyCOde: 67,
+			keyCode: 67,
 			after: function(e) {
-				//console.log(e)
+				console.log(e)
+			},
+			before: function(e) {
+				console.log(e)
 			}
 		});
-		*/
+
 
 		// mouseover on the center of the target
 		$('.ui-resizable-e').userAction("mouseover");