Click here to Skip to main content
Click here to Skip to main content
Add your own
alternative version

Object Oriented JavaScript Class Library in C#/.NET Style

, 29 Aug 2011
JavaScript class library which partly replicates Microsoft .NET Framework structure and functionality.
jocyscomjavascriptclasses.zip
Documents
Files
Images
Icons
Home-16x16.png
VSObjects
Assembly.png
BSC.png
Class.png
Class_Friend.png
Class_Private.png
Class_Protected.png
Class_Sealed.png
Class_Shortcut.png
Constant.png
Constant_Friend.png
Constant_Private.png
Constant_Protected.png
Constant_Sealed.png
Constant_Shortcut.png
Delegate.png
Delegate_Friend.png
Delegate_Private.png
Delegate_Protected.png
Delegate_Sealed.png
Delegate_Shortcut.png
DialogID.png
Enum.png
EnumItem.png
EnumItem_Friend.png
EnumItem_Private.png
EnumItem_Protected.png
EnumItem_Sealed.png
EnumItem_Shortcut.png
EnumPrivate.png
Enum_Friend.png
Enum_Protected.png
Enum_Sealed.png
Enum_Shortcut.png
Event.png
Event_Friend.png
Event_Private.png
Event_Protected.png
Event_Sealed.png
Event_Shortcut.png
Exception.png
ExceptionPrivate.png
Exception_Friend.png
Exception_Protected.png
Exception_Sealed.png
Exception_Shortcut.png
Field.png
Field_Friend.png
Field_Private.png
Field_Protected.png
Field_Sealed.png
Field_Shortcut.png
Interface.png
Interface_Friend.png
Interface_Private.png
Interface_Protected.png
Interface_Sealed.png
Interface_Shortcut.png
Library.png
Macro.png
Macro_Friend.png
Macro_Private.png
Macro_Protected.png
Macro_Sealed.png
Macro_Shortcut.png
Map.png
MapItem.png
MapItem_Friend.png
MapItem_Private.png
MapItem_Protected.png
MapItem_Sealed.png
MapItem_Shortcut.png
Map_Friend.png
Map_Private.png
Map_Protected.png
Map_Sealed.png
Map_Shortcut.png
Method.png
MethodOverload.png
MethodOverload_Friend.png
MethodOverload_Private.png
MethodOverload_Protected.png
MethodOverload_Sealed.png
MethodOverload_Shortcut.png
Method_Friend.png
Method_Private.png
Method_Protected.png
Method_Sealed.png
Method_Shortcut.png
Module.png
Module_Friend.png
Module_Private.png
Module_Protected.png
Module_Sealed.png
Module_Shortcut.png
Namespace.png
NamespacePrivate.png
NamespaceProtected.png
Namespace_Friend.png
Namespace_Sealed.png
Namespace_Shortcut.png
Object.png
ObjectShortcut.png
Object_Friend.png
Object_Private.png
Object_Protected.png
Object_Sealed.png
Operator.png
Operator_Friend.png
Operator_Private.png
Operator_Protected.png
Operator_Sealed.png
Operator_Shortcut.png
Properties.png
Properties_Friend.png
Properties_Private.png
Properties_Protected.png
Properties_Sealed.png
Properties_Shortcut.png
Structure.png
Structure_Friend.png
Structure_Private.png
Structure_Protected.png
Structure_Sealed.png
Structure_Shortcut.png
Template.png
Template_Friend.png
Template_Private.png
Template_Protected.png
Template_Sealed.png
Template_Shortcut.png
Type.png
TypeDef.png
TypeDefShortcut.png
TypeDef_Friend.png
TypeDef_Private.png
TypeDef_Protected.png
TypeDef_Sealed.png
Type_Friend.png
Type_Private.png
Type_Protected.png
Type_Sealed.png
Type_Shortcut.png
Union.png
UnionPrivate.png
Union_Friend.png
Union_Protected.png
Union_Sealed.png
Union_Shortcut.png
ValueType.png
ValueTypePrivate.png
ValueType_Friend.png
ValueType_Protected.png
ValueType_Sealed.png
ValueType_Shortcut.png
JocysComJavaScriptClasses
JocysComClassBrowser.jpg
JocysComJavaScriptClassesToolBar.png
JocysComJavaScriptInherits.png
JocysComJavaScriptIntelliSense.png
SystemSecurityPasswordGeneratorGui_small.gif
SyntaxHighlighter
compass
config.rb
shCore.scss
shCoreDefault.scss
shCoreDjango.scss
shCoreEclipse.scss
shCoreEmacs.scss
shCoreFadeToGrey.scss
shCoreMDUltra.scss
shCoreMidnight.scss
shCoreRDark.scss
shThemeDefault.scss
shThemeDjango.scss
shThemeEclipse.scss
shThemeEmacs.scss
shThemeFadeToGrey.scss
shThemeMDUltra.scss
shThemeMidnight.scss
shThemeRDark.scss
_theme_template.scss
LGPL-LICENSE
MIT-LICENSE
scripts
src
styles
tests
.rvmrc
brushes
cases
js
webrick.rb
webrick.sh
Test
Examples
Images
Icons
Administration.16x16.png
Delete_Out.16x16.png
Delete_Over.16x16.png
Options-16x16.png
Trace.16x16.png
JavaScriptAudio.gif
Scripts
Styles
System.Audio
Audio
AMB_FTM2.mp3
Ringout.wav
System.Globalization.KeyboardLayouts
System.Security.Password.hta
System.Web.Mobile
System.Web.UI.ShortKeys
Images
Key.psd
key1-36x222.gif
key1-36x36.gif
key1-36x54.gif
key1-36x72.gif
key1-36x91.gif
key1-54x73.gif
Images
Icons
Star_Blue_16x16.png
Star_Gray_16x16.png
Star_Green_16x16.png
Star_Red_16x16.png
Star_Yellow_16x16.png
Interface
Office2003
ActionHeaderBg.1x22.gif
CheckBox-13x13.png
close button.bmp
Delete.12x12.png
FadeLightBlue-1x1200.gif
FadeLightBlue-1x23.gif
FadeLightBlue-1x300.gif
FadeLightBlue-1x512.gif
fontforecolorpicker.gif
fontforecolorpicker.over.gif
Forward.16x16.gif
FrameBottom.bmp
FrameBottomCenter_Dark.1x5.gif
FrameBottomCenter_Light.1x5.gif
FrameBottomLeft_Dark.4x5.gif
FrameBottomLeft_Light.4x5.gif
FrameBottomRight_Dark.4x5.gif
FrameBottomRight_Light.4x5.gif
FrameLeft.4x1.gif
FrameLeft.bmp
FrameLeft_Dark.4x1.gif
FrameLeft_Light.4x1.gif
FrameRight.bmp
FrameRight_Dark.4x1.gif
FrameRight_Light.4x1.gif
FrameTopCenter_Out.1x19.gif
FrameTopCenter_Over.1x19.gif
FrameTopLeft_Dark.4x19.gif
FrameTopLeft_Light.4x19.gif
FrameTopRight_Dark.4x19.gif
FrameTopRight_Light.4x19.gif
input_fade.png
MenuHeaderBg.1x22.gif
MenuPanelBg.1x22.gif
Menu_Down_Out.16x16.gif
Menu_Up_Out.16x16.gif
print.16x16.gif
reply.16x16.gif
ReplyToAll.16x16.gif
RequestUpdate.16x16.gif
Reschedule.16x16.gif
small frame.bmp
StatusBar.1x25.gif
StatusBar.1x28.gif
Strip.Down.Out.bmp
Strip.Down.Over.bmp
Strip.Up.bmp
Strip.Up.Out.bmp
Strip.Up.Over.bmp
StripCenter_Over.1x22.gif
StripClose_Out.16x16.gif
StripClose_Over.16x16.gif
StripLeft_Out.1x22.gif
StripRight_Out.1x22.gif
TabStrip.Background.Dark.bmp
TabStrip.Background.Light.bmp
TabStripCenter_Over.1x22.gif
Toolbar.end.psd
toolbar.horizontal.background.gif
toolbar.horizontal.end.gif
toolbar.horizontal.end.png
toolbar.horizontal.end2.png
toolbar.horizontal.endadvanced.png
toolbar.horizontal.start.gif
toolbar.horizontal.start.png
toolbarbuttoncss.off.out.gif
toolbarbuttoncss.off.over.gif
toolbarbuttoncss.on.out.gif
toolbarbuttoncss.on.over.gif
Office2007
Bar_BC-1x16.png
Bar_BL-4x16.png
Bar_BR-4x16.png
Bar_MC-1x65.png
Bar_ML-4x65.png
Bar_MR-4x65.png
Bar_TC-1x4.png
Bar_TL-4x4.png
Bar_TR-4x4.png
Button_Off_Over.1x20.png
Button_On_Out.1x20.png
Button_On_Over.1x20.png
MenuHeaderBg-1x22.png
MenuPanelBg-1x22.png
Menu_Down_Out-16x16.png
Menu_Up_Out-16x16.png
StripCenter_Off_Out.1x22.png
StripCenter_Off_Over.1x22.png
StripCenter_On_Out.1x22.png
StripCenter_On_Over.1x22.png
StripClose_Off_Out-16x16.png
StripClose_Off_Over-16x16.png
StripClose_On_Out-16x16.png
StripLeft_Off_Out.1x22.png
StripLeft_Off_Over.1x22.png
StripLeft_On_Out.1x22.png
StripLeft_On_Over.1x22.png
StripRight_Off_Out.1x22.png
TabStripCenter_Over.1x22.png
Properties
Scripts
System.Security.Password
Images
Icons
Apply-16x16.png
Cancel-16x16.png
OK-16x16.png
PassGen-16x16.png
PassGen-48x48.gif
PassGen-48x48.png
PassGen.ico
SystemSecurityPasswordGeneratorGui.gif
System.Web.Extensions
System.Web.UI.TreeView
Images
F.png
Fminus.png
Fplus.png
I.png
Icons
Folder_false-16x16.png
Folder_true-16x16.png
L.png
Lminus.png
Lplus.png
minus.png
plus.png
R.png
Rminus.png
Rplus.png
T.png
Tminus.png
Tplus.png
System.Web.UI.TreeView.dtd
System.Web.UI.TreeView.xsl
Tools
csstidy.exe
jsmin.exe
JocysComPassGen.zip
System.Security.Password.hta
Apply-16x16.png
Cancel-16x16.png
OK-16x16.png
PassGen-16x16.png
PassGen-48x48.gif
PassGen-48x48.png
PassGen.ico
SystemSecurityPasswordGeneratorGui.gif
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Untitled Page</title>

	<script type="text/javascript" language="JavaScript" src="../System.debug.js"></script>

	<script type="text/javascript" language="JavaScript" src="../System.Web.UI.TreeView.debug.js"></script>

	<link type="text/css" rel="stylesheet" href="../System.Web.UI.TreeView/System.Web.UI.TreeView.css" />
	<style type="text/css">
			.TW_Folder {
				background: url(http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-ipE-VYPjSWR2LGOChcArA-c1&t=632805362451875000);
				background-repeat: repeat-y;
				background-position: left;				
			}
			.TW_Container {
				margin-left: 19px;
			 }
			.TW_Line {
				background: url(http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-ipE-VYPjSWR2LGOChcArA-c1&t=632805362451875000);
				background-repeat: repeat-y;
				background-position: left;				
			}
			.TW_Folder table { height: 20px; border-collapse: collapse;}
			.TW_Folder table tbody tr td { padding: 0;  font-family: Verdana; font-size: 8pt;}
			.TW_File { }
			.TW_File table { height: 20px; border-collapse: collapse;}
			.TW_File table tbody tr td { padding: 0; cursor: default; font-family: Verdana; font-size: 8pt; }
			.TW_File table tbody { }
			.TW_Cell_Ident { width: 19px;}
			.TW_Cell_Icon { width: 16px; height: 16px; }
			.TW_Cell_Name {}
			.TW_Cell_Name div { margin: 0 0 0 1px; padding: 2px 3px 2px 3px; }
			.TW_Cell_Name_Hover div {  margin: 0 0 0 1px; border: activecaption 1px solid; background-color: #c0c0ff; color: #000000; padding: 1px 2px 1px 2px; cursor: default; }
			.TW_Cell_Value { }
			.TW_Cell_Value div { color: blue; padding-left: 2px; }
			.tt {

			}
			
		</style>
</head>
<body>
	<iframe id="TraceLog" style="width: 100%; height: 400px;"></iframe>

	<script language="javascript" type="text/javascript">

		function PageInit(){
			var scriptedTree = document.getElementById("ScriptedTree");		
			var n_0 = new System.Web.UI.TreeView.Item(null, null, "File", null, "Node-0", "");
			var n_1 = new System.Web.UI.TreeView.Item(null, null, "Folder", null, "Node-1", "20");
			scriptedTree.appendChild(n_0.Node);
			scriptedTree.appendChild(n_1.Node);
		}

		window.onload = function(){
			Trace.IsEnabled = true;
			Trace.Write("Start Demo");
			var treeView = new System.Web.UI.TreeView(document,"someTree","../../../Scripts/Classes/System.Web.UI.TreeView");
			treeView.SetParam("param-img-directory","'../System.Web.UI.TreeView/Images/'");
			//alert(treeView.GetParam("param-img-directory"));
			treeView.DataBind();
			//param-img-directory
			document.body.appendChild(treeView.Node);
			PageInit();
		}

//// ***********************************************
//// AUTHOR: WWW.CGISCRIPT.NET, LLC
//// URL: http://www.cgiscript.net
//// Use the script, just leave this message intact.
//// Download your FREE CGI/Perl Scripts today!
//// ( http://www.cgiscript.net/scripts.htm )
//// ***********************************************



//startPop = function(thisurl,thiswidth,thisheight) {
//	var popUp = 0;
//	var popURL = 0;
//	var popWidth = 0;
//	var popHeight = 0;

//	var thisMargin = 10;

//	var popTopPosition = thisMargin;
//	var popLeftPosition = thisMargin;

//	var pause = 20;
//	var step = 10;	// The higher the number, the faster the window.
//	var timer = 0;

//	var screenWidth = 0;
//	var screenHeight = 0;

//	var endX = 0;
//	var endY = 0;


//	this.popURL = thisurl;
//	this.popWidth = thiswidth;
//	this.popHeight = thisheight;

//	this.popUp = window.open(popURL, "traveler","toolbar=no,width="+popWidth+",height="+popHeight+",top="+popTopPosition+",left="+(popLeftPosition)+"");

//	this.screenWidth = window.screen.width;
//	this.screenHeight = window.screen.height;
//	this.endX = screenWidth - thiswidth - thisMargin;
//	this.endY = screenHeight - thisheight - thisMargin;

//	var me = this;

//	this.movedown = function(){
//		if (popTopPosition <= endY - 50) {
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//			popTopPosition += step;
//			timer = setTimeout(function(){ me.movedown(); },pause);
//		}else{
//			clearTimeout(timer);
//			popTopPosition = endY - 50;
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//			this.moveright();
//		}
//	}

//	this.moveright = function() {
//		if (popLeftPosition <= endX){
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//			popLeftPosition += step;
//			timer = setTimeout(function(){ me.moveright(); },pause);
//		}else{
//			clearTimeout(timer);
//			popLeftPosition = endX;
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//			this.moveup();
//		}
//	}

//	this.moveup = function(){
//		if (popTopPosition >= thisMargin) {
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//			popTopPosition -= step;
//			timer = setTimeout(function(){ me.moveup(); },pause);
//		}else{
//			clearTimeout(timer);
//			popTopPosition = thisMargin;
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//			this.moveleft();
//		}
//	}
//	// 
//	this.moveleft = function() {
//		if (popLeftPosition >= thisMargin){
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//			popLeftPosition -= step;
//			timer = setTimeout(function(){ me.moveleft(); },pause);
//		}else{
//			clearTimeout(timer);
//			popLeftPosition = thisMargin;
//			this.popUp.moveTo(popLeftPosition,popTopPosition);
//		}
//	}
//	window.setTimeout(function(){ me.movedown(); }, 2000);
//}

//var popUp = new startPop('popup_window.htm','300','200');

	</script>

	<div class="TW_File">
		<table>
			<tbody>
				<tr>
					<td class="TW_Cell_Ident">
						<img src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-ikdzGXF7hA8ZnzSegLIvkd01&t=632805362451875000" /></td>
					<td class="TW_Cell_Icon">
						<img src="/Images/Icons/Favorites.16x16.png" /></td>
					<td class="TW_Cell_Name">
						<div>
							Node-0</div>
					</td>
					<td class="TW_Cell_Value">
						<div>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="TW_Folder">
		<table>
			<tbody>
				<tr>
					<td class="TW_Cell_Ident">
						<img src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-itYeQ_4CDHgcoGehm91Duf1r_2RUNFMxISYNPhcDWHHq0&t=632805362451875000" /></td>
					<td class="TW_Cell_Icon">
						<img src="/Scripts/Classes/System.Web.UI.TreeView/Images/Icons/Folder_false-16x16.png" /></td>
					<td class="TW_Cell_Name_Hover">
						<div>
							Node-1</div>
					</td>
					<td class="TW_Cell_Value">
						<div>
							[20]</div>
					</td>
				</tr>
			</tbody>
		</table>
		<div class="TW_Container" style="background-color: #d0d0d0">
			<div class="TW_Folder">
				<table>
					<tbody>
						<tr>
							<td class="TW_Cell_Ident">
								<img src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-itYeQ_4CDHgcoGehm91Duf1r_2RUNFMxISYNPhcDWHHq0&t=632805362451875000" /></td>
							<td class="TW_Cell_Icon">
								<img src="/Scripts/Classes/System.Web.UI.TreeView/Images/Icons/Folder_false-16x16.png" /></td>
							<td class="TW_Cell_Name_Hover">
								<div>
									Node-1</div>
							</td>
							<td class="TW_Cell_Value">
								<div>
									[20]</div>
							</td>
						</tr>
					</tbody>
				</table>
				<div class="TW_Container" style="background-color: #a0a0a0">
					<div class="TW_File">
						<table>
							<tbody>
								<tr>
									<td class="TW_Cell_Ident">
										<img src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-ikdzGXF7hA8ZnzSegLIvkd01&t=632805362451875000" /></td>
									<td class="TW_Cell_Icon">
										<img src="/Images/Icons/Favorites.16x16.png" /></td>
									<td class="TW_Cell_Name">
										<div>
											Node-2</div>
									</td>
									<td class="TW_Cell_Value">
										<div>
											[7]</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="TW_File">
						<table>
							<tbody>
								<tr>
									<td class="TW_Cell_Ident">
										<img src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-io55DPnIdwkaTmK7YnzQK3g1&t=632805362451875000" /></td>
									<td class="TW_Cell_Icon">
										<img src="/Images/Icons/Favorites.16x16.png" /></td>
									<td class="TW_Cell_Name">
										<div>
											Node-2</div>
									</td>
									<td class="TW_Cell_Value">
										<div>
											[7]</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="TW_File">
				<table>
					<tbody>
						<tr>
							<td class="TW_Cell_Ident">
								<img src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-io55DPnIdwkaTmK7YnzQK3g1&t=632805362451875000" /></td>
							<td class="TW_Cell_Icon">
								<img src="/Images/Icons/Favorites.16x16.png" /></td>
							<td class="TW_Cell_Name">
								<div>
									Node-2</div>
							</td>
							<td class="TW_Cell_Value">
								<div>
									[7]</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div class="TW_File">
		<table>
			<tbody>
				<tr>
					<td class="TW_Cell_Ident">
						<img src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-io55DPnIdwkaTmK7YnzQK3g1&t=632805362451875000" /></td>
					<td class="TW_Cell_Icon">
						<img src="/Images/Icons/Favorites.16x16.png" /></td>
					<td class="TW_Cell_Name">
						<div>
							Node-2</div>
					</td>
					<td class="TW_Cell_Value">
						<div>
							[7]</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<hr />
	<div id="ScriptedTree" style="padding: 8px;">
	</div>
	<div class="TW_Folder" style="background-color: #d0d0d0; height: 36px;">
	</div>
	<div class="TW_Container" style="background-color: #a0a0a0; height: 36px;">
		<div style="background-color: #808080; height: 100%; width: 19px; position: relative;
			float: left; left: 19px; overflow: hidden;">
			<div class="TW_Line" style="height: 100%; position: relative; width: 19px; top: -8px;"></div>
		</div>
		<div class="TW_File" style="position: relative; background-color: Red; padding: 0; margin: 0; overflow:hidden;">
			<table style="background-color: Green;">
				<tbody>
					<tr>
						<td class="TW_Cell_Ident">
							<img style="padding: 0; margin: 0;" vspace="0" hspace="0" src="http://css/WebResource.axd?d=wZvkaPHHbK_MFQNJMEK-io55DPnIdwkaTmK7YnzQK3g1&t=632805362451875000" /></td>
						<td class="TW_Cell_Icon">
							<img src="/Images/Icons/Favorites.16x16.png" /></td>
						<td class="TW_Cell_Name">
							<div>
								Node-2</div>
						</td>
						<td class="TW_Cell_Value">
							<div>
								[7]</div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>

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)

Share

About the Author

EJocys
Software Developer (Senior)
United Kingdom United Kingdom
No Biography provided

| Advertise | Privacy | Mobile
Web01 | 2.8.140814.1 | Last Updated 29 Aug 2011
Article Copyright 2007 by EJocys
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid