Click here to Skip to main content
15,896,348 members
Articles / Web Development / ASP.NET

Restricting input by MaskEdit in IE / Firefox

Rate me:
Please Sign up or sign in to vote.
4.85/5 (13 votes)
5 Nov 2006CPOL2 min read 118.4K   645   46  
To provide a better user experience using MaskEdit, a textbox with restrictions, auot-trim box, and tip box, supports IE/Firefox.
/************************************************************
 * Javascript Lib V1.2
 * CONTACT: jerry.wang@clochase.com
 *
 * Add  outerHTML for Firefox
 ************************************************************/
var emptyElements = 
{
	HR: true, BR: true, IMG: true, INPUT: true
};
var specialElements = 
{
	TEXTAREA: true
};
	
	
function __getOuterHTML (node) 
{
	var html = '';
	switch (node.nodeType) 
	{
		case Node.ELEMENT_NODE:
			html += '<';
			html += node.nodeName;
			if (!specialElements[node.nodeName]) 
			{
				for (var a = 0; a < node.attributes.length; a++)
				html += ' ' + node.attributes[a].nodeName.toUpperCase() +
				'="' + node.attributes[a].nodeValue + '"';
				html += '>'; 
				if (!emptyElements[node.nodeName]) 
				{
					html += node.innerHTML;
					html += '<\/' + node.nodeName + '>';
				}
			}
			else 
				switch (node.nodeName) 
				{
					case 'TEXTAREA':
						for (var a = 0; a < node.attributes.length; a++)
						if (node.attributes[a].nodeName.toLowerCase() != 'value')
						html += ' ' + node.attributes[a].nodeName.toUpperCase() +
						'="' + node.attributes[a].nodeValue + '"';
						else 
						var content = node.attributes[a].nodeValue;
						html += '>'; 
						html += content;
						html += '<\/' + node.nodeName + '>';
						break; 
				}
			break;

		case Node.TEXT_NODE:
			html += node.nodeValue;
			break;

		case Node.COMMENT_NODE:
			html += '<!' + '--' + node.nodeValue + '--' + '>';
			break;
	}
	return html;
}

function __setOuterHTML(s)
{
	var range = s.ownerDocument.createRange();
	range.setStartBefore(this);
	var fragment = range.createContextualFragment(s);
	this.parentNode.replaceChild(fragment, this);
}


if(window.HTMLElement) 
{
	HTMLElement.prototype.__defineGetter__( "outerHTML", function () {  return __getOuterHTML(this); } );
	HTMLElement.prototype.__defineSetter__( "outerHTML", function(sHTML)
	{
        var r=this.ownerDocument.createRange();
        r.setStartBefore(this);
        var df=r.createContextualFragment(sHTML);
        this.parentNode.replaceChild(df,this);
        return sHTML;
     }
     );
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Team Leader
China China
Jerry is from China. He was captivated by computer programming since 13 years old when first time played with Q-Basic.



  • Windows / Linux & C++
  • iOS & Obj-C
  • .Net & C#
  • Flex/Flash & ActionScript
  • HTML / CSS / Javascript
  • Gaming Server programming / video, audio processing / image & graphics


Contact: vcer(at)qq.com
Chinese Blog: http://blog.csdn.net/wangjia184

Comments and Discussions