/** * HTML_AJAX_Serialize_HA  - custom serialization * * This class is used with the JSON serializer and the HTML_AJAX_Action php class * to allow users to easily write data handling and dom manipulation related to * ajax actions directly from their php code * * See Main.js for Author/license details */function HTML_AJAX_Serialize_HA() { }HTML_AJAX_Serialize_HA.prototype ={	/**	 *  Takes data from JSON - which should be parseable into a nice array	 *  reads the action to take and pipes it to the right method	 *	 *  @param   string payload incoming data from php	 *  @return   true on success, false on failure	 */	unserialize: function(payload)	{		var actions = eval(payload);		for(var i = 0; i < actions.length; i++)		{			var action = actions[i];			switch(action.action)			{				case 'prepend':					this._prependAttr(action.id, action.attributes);					break;				case 'append':					this._appendAttr(action.id, action.attributes);					break;				case 'assign':					this._assignAttr(action.id, action.attributes);					break;				case 'clear':					this._clearAttr(action.id, action.attributes);					break;				case 'create':					this._createNode(action.id, action.tag, action.attributes, action.type);					break;				case 'replace':					this._replaceNode(action.id, action.tag, action.attributes);					break;				case 'remove':					this._removeNode(action.id);					break;				case 'script':					this._insertScript(action.data);					break;				case 'alert':					this._insertAlert(action.data);					break;			}		}	},	/* Dispatch Methods */	_prependAttr: function(id, attributes)	{		var node = document.getElementById(id);		this._setAttrs(node, attributes, 'prepend');	},	_appendAttr: function(id, attributes)	{		var node = document.getElementById(id);		this._setAttrs(node, attributes, 'append');	},	_assignAttr: function(id, attributes)	{		var node = document.getElementById(id);		this._setAttrs(node, attributes);	},	_clearAttr: function(id, attributes)	{		var node = document.getElementById(id);		for(var i = 0; i < attributes.length; i++)		{			if(attributes[i] == 'innerHTML')			{				HTML_AJAX_Util.setInnerHTML(node, '');			}			// value can't be removed			else if(attributes[i] == 'value')			{				node.value = '';			}			// I'd use hasAttribute first but IE is stupid stupid stupid			else			{				try				{					node.removeAttribute(attributes[i]);				}				catch(e)				{					node[i] = undefined;				}			}		}	},	_createNode: function(id, tag, attributes, type)	{		var newnode = document.createElement(tag);		this._setAttrs(newnode, attributes);		switch(type)		{			case 'append':				document.getElementById(id).appendChild(newnode);				break			case 'prepend':				var parent = document.getElementById(id);				var sibling = parent.firstChild;				parent.insertBefore(newnode, sibling);				break;			case 'insertBefore':				var sibling = document.getElementById(id);				var parent = sibling.parentNode;				parent.insertBefore(newnode, sibling);				break;			//this one is tricky, if it's the last one we use append child...ewww			case 'insertAfter':				var sibling = document.getElementById(id);				var parent = sibling.parentNode;				var next = sibling.nextSibling;				if(next == null)				{					parent.appendChild(newnode);				}				else				{					parent.insertBefore(newnode, next);				}				break;		}	},	_replaceNode: function(id, tag, attributes)	{		var node = document.getElementById(id);		var parent = node.parentNode;		var newnode = document.createElement(tag);		this._setAttrs(newnode, attributes);		parent.replaceChild(newnode, node);	},	_removeNode: function(id)	{		var node = document.getElementById(id);		if(node)		{			var parent = node.parentNode;			parent.removeChild(node);		}	},	_insertScript: function(data)	{		eval(data);	},	_insertAlert: function(data)	{		alert(data);	},	/* Helper Methods */	// should we move this to HTML_AJAX_Util???, just does the - case which we need for style	_camelize: function(instr)	{		var p = instr.split('-');		var out = p[0];		for(var i = 1; i < p.length; i++) {			out += p[i].charAt(0).toUpperCase()+p[i].substring(1);		}		return out;	},	_setAttrs: function(node, attributes, type)	{		switch(type)		{			case 'prepend':				for (var i in attributes)				{					// innerHTML is extremely flakey - use util method for it					if(i == 'innerHTML')					{						HTML_AJAX_Util.setInnerHTML(node, attributes[i], 'append');					}					//IE doesn't support setAttribute on style so we need to break it out and set each property individually					else if(i == 'style')					{						var styles = [];						if(attributes[i].indexOf(';'))						{							styles = attributes[i].split(';');						}						else						{							styles.push(attributes[i]);						}						for(var i = 0; i < styles.length; i++)						{							var r = styles[i].match(/^\s*(.+)\s*:\s*(.+)\s*$/);							if(r)							{								node.style[this._camelize(r[1])] = r[2] + node.style[this._camelize(r[1])];							}						}					}					else					{						try						{							node[i] = attributes[i] + node[i];						}						catch(e){}						node.setAttribute(i, attributes[i] + node[i]);					}				}				break;			case 'append':			{				for (var i in attributes)				{					// innerHTML is extremely flakey - use util method for it					if(i == 'innerHTML')					{						HTML_AJAX_Util.setInnerHTML(node, attributes[i], 'append');					}					//IE doesn't support setAttribute on style so we need to break it out and set each property individually					else if(i == 'style')					{						var styles = [];						if(attributes[i].indexOf(';'))						{							styles = attributes[i].split(';');						}						else						{							styles.push(attributes[i]);						}						for(var i = 0; i < styles.length; i++)						{							var r = styles[i].match(/^\s*(.+)\s*:\s*(.+)\s*$/);							if(r)							{								node.style[this._camelize(r[1])] = node.style[this._camelize(r[1])] + r[2];							}						}					}					else					{						try						{							node[i] = node[i] + attributes[i];						}						catch(e){}						node.setAttribute(i, node[i] + attributes[i]);					}				}				break;			}			default:			{				for (var i in attributes)				{					//innerHTML hack bailout					if(i == 'innerHTML')					{						HTML_AJAX_Util.setInnerHTML(node, attributes[i]);					}					else if(i == 'style')					{						var styles = [];						if(attributes[i].indexOf(';'))						{							styles = attributes[i].split(';');						}						else						{							styles.push(attributes[i]);						}						for(var i = 0; i < styles.length; i++)						{							var r = styles[i].match(/^\s*(.+)\s*:\s*(.+)\s*$/);							if(r)							{								node.style[this._camelize(r[1])] = r[2];							}						}					}					else					{						try						{							node[i] = attributes[i];						}						catch(e){}						node.setAttribute(i, attributes[i]);					}				}			}		}	}}