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

• Download source - 782.58 KB
• Latest SVN source (ReadOnly)

Introduction  

Welcome to Object Oriented JavaScript class library in C#/.NET style.

Background  

I like coding with JavaScript in object oriented style. But one day, I decided to bring my code into another level and make my JavaScript code to look like C# as much as possible. So I did the following:

1. Started to use .NET coding standards on my JavaScripts. You can find them on MSDN - .NET Framework General Reference: Naming Guidelines.
2. Ported some basic useful classes and methods from .NET to JavaScript with the same class and property names. Some code parts were written from scratch, some parts were borrowed from the Internet and some parts were ported from C# directly.
3. Started to use XML Comments inside JavaScript. They are not supported very well by Visual Studio 2008 but I hope support will be better in the future.

http://www.jocys.com/Common/JsClasses/Documents:

Example: HMAC-MD5 Checksum

C# (3.0) code to create HMAC-MD5 checksum:

// Create HMAC-MD5 Algorithm.
var hmac = new System.Security.Cryptography.HMACMD5();  
// Convert string to array of bytes.
var key = System.Text.Encoding.UTF8.GetBytes("test key");  
var data = System.Text.Encoding.UTF8.GetBytes("test data");  
// Compute hash.  
var hashBytes = hmac.ComputeHash(key, data);
// Convert to HEX string.
var hex = System.BitConverter.ToString(hashBytes);
// Convert to GUID so you can store it inside database.
var guid = new System.Guid(hashBytes);

HMAC-MD5 checksum code written with this JavaScript library:

Include JavaScripts:

• System.js
• System.BitConverter.js
• System.Text.js
• System.Security.Cryptography.MD5.js
• System.Security.Cryptography.HMACMD5.js

// Create HMAC-MD5 Algorithm.
var hmac = new System.Security.Cryptography.HMACMD5();  
// Convert string to array of bytes.
var key = System.Text.Encoding.UTF8.GetBytes("test key");  
var data = System.Text.Encoding.UTF8.GetBytes("test data");  
// Compute hash.  
var hashBytes = hmac.ComputeHash(key, data);
// Convert to HEX string.
var hex = System.BitConverter.ToString(hashBytes);
// Convert to GUID so you can store it inside database.
var guid = new System.Guid(hashBytes);

As you can see, the code is 100% identical.

Example: AES-256 Encryption

C# (3.0) code for AES-256 encryption:

// Turn input string into a byte array.
var input = System.Text.Encoding.Unicode.GetBytes("Plain Text");
// Create an instance of the Rijndael class.
var cipher = new System.Security.Cryptography.RijndaelManaged();
// Calculate salt to make it harder to guess key by using a dictionary attack.
var password = System.Text.Encoding.UTF8.GetBytes("password");
var hmac = new System.Security.Cryptography.HMACSHA1(password);
var salt = hmac.ComputeHash(password);
// Generate Secret Key from the password and salt.
// Note: Set number of iterations to 10 in order for JavaScript example to work faster.
var secretKey = new System.Security.Cryptography.Rfc2898DeriveBytes(password, salt, 10);
// Create a encryptor from the existing SecretKey bytes by using
// 32 bytes (256 bits) for the secret key and
// 16 bytes (128 bits) for the initialization vector (IV).
var key = secretKey.GetBytes(32);
var iv = secretKey.GetBytes(16);
// Get cryptor as System.Security.Cryptography.ICryptoTransform class.
var cryptor = cipher.CreateEncryptor(key, iv);
// Create new Input.
var inputBuffer = new byte[input.Length];
// Copy data bytes to input buffer.
System.Buffer.BlockCopy(input, 0, inputBuffer, 0, inputBuffer.Length);
// Create a MemoryStream to hold the output bytes.
var stream = new System.IO.MemoryStream();
// Create a CryptoStream through which we are going to be processing our data.
var mode = System.Security.Cryptography.CryptoStreamMode.Write;
var cryptoStream = new System.Security.Cryptography.CryptoStream(stream, cryptor, mode);
// Start the crypting process.
cryptoStream.Write(inputBuffer, 0, inputBuffer.Length);
// Finish crypting.
cryptoStream.FlushFinalBlock();
// Convert data from a memoryStream into a byte array.
var outputBuffer = stream.ToArray();
// Close both streams.
stream.Close();
cryptoStream.Close();
// Convert encrypted data into a base64-encoded string.
var base64String = System.Convert.ToBase64String(outputBuffer);
// base64String = laFf3eKu9tzB2XksJjd8EVM3PA9O30wz0Y+X3nyelW4=

Same AES-256 encryption code written with this JavaScript library:

Include JavaScripts:

• System.js
• System.IO.js
• System.Text.js
• System.Convert.js
• System.BitConverter.js
• System.Security.Cryptography.js
• System.Security.Cryptography.SHA1.js
• System.Security.Cryptography.HMACSHA1.js
• System.Security.Cryptography.RijndaelManaged.js

// Turn input string into a byte array.
var input = System.Text.Encoding.Unicode.GetBytes("Plain Text");
// Create an instance of the Rijndael class.
var cipher = new System.Security.Cryptography.RijndaelManaged();
// Calculate salt to make it harder to guess key by using a dictionary attack.
var password = System.Text.Encoding.UTF8.GetBytes("password");
var hmac = new System.Security.Cryptography.HMACSHA1(password);
var salt = hmac.ComputeHash(passwordBytes);
// Generate Secret Key from the password and salt.
// Note: Set number of iterations to 10 in order for JavaScript example to work faster.
var secretKey = new System.Security.Cryptography.Rfc2898DeriveBytes(password, salt, 10);
// Create a encryptor from the existing SecretKey bytes by using
// 32 bytes (256 bits) for the secret key and
// 16 bytes (128 bits) for the initialization vector (IV).
var key = secretKey.GetBytes(32);
var iv = secretKey.GetBytes(16);
// Get cryptor as System.Security.Cryptography.ICryptoTransform class.
var cryptor = cipher.CreateEncryptor(key, iv);
// Create new Input.
var inputBuffer = new System.Byte(input.length);
// Copy data bytes to input buffer.
System.Buffer.BlockCopy(input, 0, inputBuffer, 0, inputBuffer.length);
// Create a MemoryStream to hold the output bytes.
var stream = new System.IO.MemoryStream();
// Create a CryptoStream through which we are going to be processing our data.
var mode = System.Security.Cryptography.CryptoStreamMode.Write;
var cryptoStream = new System.Security.Cryptography.CryptoStream(stream, cryptor, mode);
// Start the crypting process.
cryptoStream.Write(inputBuffer, 0, inputBuffer.length);
// Finish crypting.
cryptoStream.FlushFinalBlock();
// Convert data from a memoryStream into a byte array.
var outputBuffer = stream.ToArray();
// Close both streams.
stream.Close();
cryptoStream.Close();
// Convert encrypted data into a base64-encoded string.
var base64String = System.Convert.ToBase64String(outputBuffer);
// base64String = laFf3eKu9tzB2XksJjd8EVM3PA9O30wz0Y+X3nyelW4=

There is one difference. In JavaScript, I need to use "new System.Byte(length)" instead of simple "new byte[length]" with square brackets. Of course, I can create a class alias by doing "byte = System.Byte" inside JavaScript and make that difference smaller.

Example: User Interface

function firstButton_Click(){
    Trace.Write("First Button Click");
}

function secondButton_Click(){
    Trace.Write("Second Button Click");
}

function Window_Load(){
    Trace.IsEnabled = true;
    Trace.Write("Start Demo");
    // Create toolbar.
    var toolBar = new System.Web.UI.Interface.ToolBar("MyToolBar");
    // Add toolbar to document.
    document.body.appendChild(toolBar.Node);
    // Create Bar.
    var bar = new System.Web.UI.Interface.Bar("MainBar", document, "Bar Title");
    toolBar.Add(bar);
    // Create first button.
    var firstButton = new System.Web.UI.Interface.Button("FirstButton", document);
    firstButton.SetText("First");
    firstButton.SetImage("Images/Icons/Options-16x16.png");
    firstButton.SetTitle("First Button");
    firstButton.customAction = firstButton_Click;
    bar.Add(firstButton);    
    // Create second button.
    var secondButton = new System.Web.UI.Interface.Button("SecondButton", document);
    secondButton.SetText("Second");
    secondButton.SetImage("Images/Icons/Trace.16x16.png");
    secondButton.SetTitle("Second Button");
    secondButton.customAction = secondButton_Click;
    bar.Add(secondButton);    
}

window.onload = Window_Load;

Will produce this interface on the web page:

Benefits

Coding with JavaScript in C# .NET style provides these benefits:

1. Any C# developer instantly understands the purpose of JavaScript code.
2. You don't need to write help for your new JavaScript classes because Microsoft did it already.
3. When porting a new class from C# to JavaScript, you don't need to think about how to name it or where to put it. All you need is to look for the same class in C# and use the same naming.
4. More JavaScript classes you have, the easier it will be to port new ones.
5. By using C# classes as primary reference, it will be much easier for different developers to write and integrate JavaScript classes into one big file library. It is because by looking at some C# class, the developer knows what type of input and output function must support/produce and he doesn't need to coordinate this with other developers.
6. And many more...

Requirements

JavaScript has a very limited number of types:

JavaScript Object	typeof(Object)
Object	'object'
Array	'object'
Function	'function'
String	'string'
Number	'number'
Boolean	'boolean'
null	'object'
undefined	'undefined'

But by combining the existing types, we can create JavaScript objects similar to C#. For example:

C# Type	JavaScript Type
public	property declared with "this." prefix: this.Name = new String;
private	property declared with "var" prefix: var name = new String;
class	this.[ClassName] = function(){... without "return value;" at the end
void	function which has no "return value;" at the end
short/Int16	whole Number from [-2^15, 2^15-1] range
int/Int32	whole Number from [-2^31, 2^31-1] range
long/Int64	whole Number from [-2^63, 2^63-1] range (Requires BigInteger class)
byte	whole Number from [0, 255] range: var b = 14;
sbyte	whole Number from [-128, 127] range: var sb = -14;
bytes[]	Array() filled with integers from [0-255] range.
bit	Number: 0 or 1
bit[]	Array() filled with integers from [0-1] range.
char	String which contains a single character. Declared with single quotes: var c = 's'
char[]	Array() filled single characters: var chars = new Array(1); chars[0] = 's';
object	parameter which was declared with "{ }": var o = {};
enum	Object with "Enum" sufix and comma separated values: this.TriStateEnum = { Unknown: -2, False: 0, True: 1 }
EventHandler	function with parameters "sender" and "e": function(sender, e) or this.Click(sender, e)

NUMBERS: All numbers in JavaScript are 64-bit (8 bytes) floating point numbers (double: 1-bit sign, 11-bits exponent, 52-bits mantissa). There is no Double, Single/Float, Boolean, Int16, UInt16, Int32 or UInt32. But you can use public static methods of System.BitConverter JavaScript class in order to treat the same JavaScript number as a different type:

// Convert number to [0x00, 0x00, 0xCC, 0xCC] array.
var bytes = System.BitConverter.GetBytes(-859045888, System.TypeCode.Int32);
// Convert bytes back to -859045888.
var n = System.BitConverter.ToInt32(bytes, 0);  

System.BitConverter JavaScript class supports little-endian (default), big-endian byte orders and numeric arrays. System.BitConverter class is very useful in encoding/decoding/encryption/decryption classes. Please note that you need to specify number type when using GetBytes(value, typeCode) method by using System.TypeCode enumeration values (this enumeration is located inside System.js file).

I've added System.BigInt class (same as .NET internal System.Security.Cryptography.BigInt class). It represents an arbitrarily large signed integer whose value in theory has no upper or lower bounds. It means you can add, subtract, multiply, divide numbers of Godzilla proportions in JavaScript which can be useful with client side encryption: 

// Increase global System.BigInt size to 512 bytes.
// BigInt will act like System.Int4096 (default is System.Int1024).
System.BigInt.MaxBytes = 512;
// Create big integer from hexadecimal number.
var n1 = new System.BigInt("0x010203040506");
// Create big integer from decimal number.
var n2 = new System.BigInt("-280422911905295");
// Multiply them.
var n3 = System.BigInt.Multiply(n2, n1);
// Store result in various forms.
var h = n3.ToHex()     // -0x01010C234779B3FAEED09F5A
var d = n3.ToDecimal() // -310751254825142252681076570
var bytes = n3.Elements // A6602F11054C86B8DCF3FEFEFFFFFF...   

NOTE: You can use <param type="byte[]" name="data">...</param> inside JavaScript XML Comments in order to specify type of input data and <returns type="double">...</returns> - for output.

Files from this JavaScript library can be included on the client and server side, thanks to special header and footer:

<!--//--><%
//=============================================================================
// Jocys.com JavaScript.NET Classes (In C# Object Oriented Style)
// Created by Evaldas Jocys <evaldas@jocys.com>
//-----------------------------------------------------------------------------
// You can include this script on both sides - server and client:
// Server: <!-- #INCLUDE FILE="ScriptFile.js" -->
// Client: <script type="text/javascript" src="ScriptFile.js"></script>
//=============================================================================
        
JavaScript Code Here...

//==============================================================================
// END
//------------------------------------------------------------------------------
//%>

... and by avoiding Response.Write() or alert() use directly: for example: I can detect if the script is running on the server side or client side and show the message accordingly with this code:

this.IsServerSide = (typeof(Response) == "object");
// If we are on server side then...
if (this.IsServerSide){
    // Write text to output.
    Response.Write(text);
}else{
    // Show popup message.
    alert(text);
}

JavaScript IntelliSense

Visual Studio 2008 has built-in support for JavaScript IntelliSense. This means that if you open System.BitConverter.js file, place cursor at the end of file and type "System.BitConverter." then straight after the dot, VS 2008 will bring up a menu containing all available methods and properties of System.BitConverter class:

The good news here is that Microsoft is moving in the right direction. The bad news is that JavaScript IntelliSense works only with specific JavaScript coding style and sometimes needs workarounds. In other words, it works in mysterious ways or doesn't work at all :). Some extra upgrades are needed on my code I guess.

Installation

Extract source archive into webroot (/) folder of your website.

Example: System.Security.Password

Inside the source code, you can find examples (Examples/) including password generator example. You can run it: 

• inside your web browser with: Examples/System.Security.Password.htm
• as Windows HTML application: Examples/System.Security.Password.hta
• or on-line: http://www.jocys.com/Common/JsClasses/Examples/System.Security.Password.htm

To make a suggestion or report bugs, please write to evaldas@jocys.com.

History

• 2009-06-21 - New System.BigInt(.js file) class with examples:
  • Examples/System.BigInt.htm
  • Examples/System.BigInt.aspx
• 2009-03-14 - PassGen now works in Internet Explorer again. Some cross-domain security issues with FX fixed. Adjusted to work better with "Microsoft AJAX Framework" scripts (Resource of System.Web.Extensions.dll/MicrosoftAjax.debug.js). Microsoft has some cool JavaScript classes there. 
• 2009-02-04 - New fixes and new bugs. Moved everything to /Common/JsClasses folder. Latest source available from SVN server (see above). 
• 2008-03-14 - Some bug fixes:
  • New Classes:
    • System.Web.UI.HtmlControls.TextBox.CommandLine - Converts input to command line. Will be used later to create plain JavaScript console and in chat applications.
  • Examples Updated (Examples/ folder):
    • System.Web.UI.HtmlControls.TextBox.CommandLine.htm
    • System.Web.UI.ShortKeys/System.Web.UI.ShortKeys.htm - Shows how to override and use custom windows keyboard layout on the web page. Can also capture keys and perform non-default custom actions. 
• 2008-01-27
  • New enumerations:
    • System.TypeCode
  • New classes:
    • System.Collections.BitArray
    • System.BitConverter (System.BitConverter.js) class was updated with methods:
    • System.BitConverter.GetByte(value, typeCode) - get bytes from Double, Single, Boolean, Int16, UInt16, Int32, UInt32. You need to use values of System.TypeCode to specify how JavaScript must treat a number.
      You also can convert byte[] back to numbers by using methods
      • System.BitConverter.ToDouble(bytes, startIndex)
      • System.BitConverter.ToSingle(bytes, startIndex)
      • System.BitConverter.ToBoolean(bytes, startIndex)
      • System.BitConverter.ToInt16(bytes, startIndex)
      • System.BitConverter.ToUInt16(bytes, startIndex)
      • System.BitConverter.ToInt32(bytes, startIndex)
      • System.BitConverter.ToUInt32(bytes, startIndex)
    • Int64 and UInt64 types are not available yet because JavaScript 64-bit (8 bytes) float point numbers have only 52-bit mantissa which means that it is not possible to work with 64-bit whole numbers properly (possible by reusing BigInt class).
  • Updated Examples:
    • System.BitConverter.htm
    • System.BitConverter.aspx
• 2008-01-13 - Some bugs were fixed and new JavaScript classes were added:
  • System.Security.Cryptography.js file:
    • System.Security.Cryptography.Rfc2898DeriveBytes
    • System.Security.Cryptography.ICryptoTransform
    • System.Security.Cryptography.RNGCryptoServiceProvider
    • System.Security.Cryptography.CryptoStrea
  • System.Security.Cryptography.RijndaelManaged.js file (AES encryption):
    • System.Security.Cryptography.RijndaelManaged
  • System.js file (new methods):
    • System.Buffer.BlockCopy
    • System.Array.Reverse
    • System.Array.Clear
    • System.Array.GetMultiDimensional
    • System.Array.FillMultiDimensiona
  • Examples Created (Examples/ folder):
    • System.Security.Cryptography.AES.htm
    • System.Security.Cryptography.AES.aspx
    • System.Security.Cryptography.htm
    • System.Security.Cryptography.aspx
  • Some interface parts/classes/examples were updated to Office 2007 style:
    • System.Web.UI.Interface.ToolBar.htm
    • System.Web.UI.Interface.TabStrip.htm
  • Methods System.BitConverter static class was updated.
• 2007-12-15 - New 'System.IO.MemoryStream' class. I will use it later with symmetric encryption algorithms so encryption can be done between two web browser clients without any ActiveX.
  Now you can get byte[] arrays filled with 0 numbers in JavaScript easier:
  var bytes = new System.Byte(10);
  It's the same as 'byte[] bytes = new System.Byte[10];' or 'byte[] bytes = new byte[10];' in C#. You can define multi-dimensional arrays filled with zeroes too:
  var bytes = new System.Byte(16,16); bytes[4][5] = 10;
• 2007-12-12 - Created. Some links inside examples were fixed. New source code was uploaded. Alex's Code Syntax Highlighter was updated to 1.5.1 version.

You must Sign In to use this message board.

FAQ    Layout Expand Posts & RepliesThread ViewNo JavascriptNo JS + Preview   Per page 102550

Msgs 1 to 22 of 22 (Total in Forum: 22) (Refresh) FirstPrevNext

How I would have done it. SlingBlade 1:28 30 Oct '09   1) Move members to the prototype object. I hear this method boosts performance in that the entire object needn't be loaded for each instance. Plus it gives the oppurtunity to define semi-private fields within the class constructor method (Still publicly accessible, but not visible to intellisense). 2) With the semi-private fields use get and set methods for public access (get_Property(), set_Property(value)). While that would take away from the code using the framework being exactly as it is with .NET, it does provide the oppurtunity to perform type checking, validation, etc. within the properties. 3) Implement ToString() methods as toString() so that objects can be automatically converted to string by the JavaScript engine. That said, I'm currently working on a Visual Studio Addin which provides a class view and object browser for JavaScript libraries. I'd love to distribute your library with it (with your permission) to exhibit it's capabilities, but it would require the changes mentioned above. I may implement the changes myself, but think maybe there is a chance you'd be interested in making the improvements yourself. Basically rather than implementing like this: System.Drawing.Size = function(width, height){ /// <summary> /// Stores an ordered pair of integers, typically the width and height of a rectangle. /// </summary> //--------------------------------------------------------- this.Type = "System.Drawing.Size"; this.Width; this.Height; //--------------------------------------------------------- // INIT: Initialize Class. //--------------------------------------------------------- this.InitializeClass = function(){ this.Width = width ? width : 0; this.Height = height ? height : 0; } this.InitializeClass(); } I would implement like this. System.Drawing.Size = function(width, height){ /// <summary> /// Stores an ordered pair of integers, typically the width and height of a rectangle. /// </summary> /// <returns type="System.Drawing.Size" /> return this.Initialize(width, height); } System.Drawing.Size.prototype = { Initialize: function(width, height) { /// <summary> /// Constructor for a System.Drawing.Size. /// </summary> /// <returns type="System.Drawing.Size" /> this.myType = "System.Drawing.Size"; this.myWidth = width ? width : 0; this.myHeight = height ? height : 0; return this; }, get_Type: function() { /// <summary> Gets the type of the System.Drawing.Size. </summary> /// <returns type="String" /> /// <value> Gets the type of the System.Drawing.Size. </value> return this.myType; }, get_Height: function() { /// <summary> Gets the height of the System.Drawing.Size. </summary> /// <returns type="Number" /> /// <value type="Number"> Gets or sets the height of the System.Drawing.Size. </value> return this.myHeight; }, set_Height: function(value) { /// <summary> Sets the height of the System.Drawing.Size. </summary> /// <param name="value" type="Number"> /// Specifies the height to set the System.Drawing.Size to. /// </param> this.myHeight = value; }, get_Width: function() { /// <summary> Gets the width of the System.Drawing.Size. </summary> /// <returns type="Number" /> /// <value type="Number"> Gets or sets the width of the System.Drawing.Size. </value> return this.myWidth; }, set_Width: function(value) { /// <summary> Sets the width of the System.Drawing.Size. </summary> /// <param name="value" type="Number"> /// Specifies the width to set the System.Drawing.Size to. /// </param> this.myWidth = value; } } Since it is such a huge code base, I imagine the chances are pretty slim you would want to cater it all to my liking, but for the same reason, I figured I'd ask. Great job nonetheless! It's nice to have such a huge library on-hand if not just for testing the parsing of my application. Thanks. Sign In·View Thread·PermaLink Re: How I would have done it. EJocys 2:47 30 Oct '09   You have very good points here. I will look into latest Microsoft coding style (probably used in AjaxControlToolkit) and then update this class as you suggested. You can send me your email to evaldas@jocys.com if you would like to have write access on these files on the source server (SVN). But before, I will create separate VS2008 solution/project file for this library (nothing to build but it will be easier to edit) and create two versions of every script - compressed (.js) and uncompressed (.debug.js) so it will be more "Microsofty" . I guess in 1 or 2 days it will be ready for you to use. Server: VisualSVN Server Client: TortoiseSVN Add-on: VisualSVN Sign In·View Thread·PermaLink Re: How I would have done it. SlingBlade 20:28 30 Oct '09   Good points, but I was wrong about the semi-private field theory. Intellisence does in fact pick up fields defined in the constructor of an object that has been inherited from, just not from the object that is inheriting. Sign In·View Thread·PermaLink use of activexobject imneo 1:32 2 Jul '09   you used ActiveXObject in ur javascript i think these funcations are useless in other browsers except IE.if they are working well there do let me kno how??? thankyou atharneo Sign In·View Thread·PermaLink Re: use of activexobject EJocys 10:14 2 Jul '09   Yes, some JavaScript parts (created when IE was One Browser to rule them all) use ActiveXObject because these classes needs access to database (SQL Server/Access) or to hard disk (some System.IO classes). Usually you run these things on server side (IIS) or as HTML Application (IE) and this kind of access available on IE inside Windows only so I didn't bothered with alternatives. Some people tried to create "Mozilla ActiveX Project" but I haven't used it. Sign In·View Thread·PermaLink It's awesome. Mohammad Jahedur Rahman 2:19 5 Feb '09   Wow! It's really awesome. Thank you. Mohammad Jahedur Rahman Senior Software Engineer Brain Station-23 Sign In·View Thread·PermaLink Good job jeasonzhao 19:33 4 Feb '09   I think it takes a long time to develop whole script, finally, you guys success, congratulations. Please pardon my weak English! Sign In·View Thread·PermaLink Can I use it with Visual Studio.net 2003? RandomYang 18:29 29 Jan '08   How? thanks. Sign In·View Thread·PermaLink Re: Can I use it with Visual Studio.net 2003? [modified] EJocys 1:05 30 Jan '08   This project is about plain JavaScript coding in object oriented style. Main files inside ZIP archive are *.js and *.htm. They can be included into any version of Visual Studio. Source file contains some *.aspx[.cs] files with C# code behind. These files were created on Visual Studio 2005/2008 (ASP.NET 2.0) and I think some of them will not work on Visual Studio 2003 (ASP.NET 1.1). But these files are here just to check that JavaScript classes produces same results as C# classes. So, you can just include all files inside this archive, select *.cs files and through properties set file "Build Action: Compile" to "None" in order to avoid compilation errors. Now about IntelliSense. Only Visual Studio 2008 have built-in support for JavaScript IntelliSense for user created classes. You can see screenshots about how it works here (scroll to bottom): http://weblogs.asp.net/scottgu/archive/2007/06/21/vs-2008-javascript-intellisense.aspx[^]. I will check JavaScript IntelliSense compatibility of my classes this evening and will drop additional info about it later. modified on Friday, February 01, 2008 4:42:00: JavaScript IntelliSense part was added to article Sign In·View Thread·PermaLink Re: Can I use it with Visual Studio.net 2003? RandomYang 15:26 31 Jan '08   O~~~ thanks,I will try it, maybe I must coding in Visual Studio 2008.... Sign In·View Thread·PermaLink Really awesome! But what about the other approach? hartertobak 22:38 13 Dec '07   Hi, really awesome work - no doubt about it. I´m pretty amazed about the possibilities to combine .NET and JavaScript these days. Your approach needs some JS-Libraries integrated in a Website - we have to reference these Libs to use JavaScript like in your approach. Another approach would be, writing code in C# as usual (in Visual Studio) and get JavaScript-Output as a result of a JS-.NET-Compiler - there is an excellent example on how to do this here: http://www.nikhilk.net/ScriptSharpIntro.aspx[^] Your approach has a very nice effect: a .NET developer is able to understand the js-code very fast. Good idea, no doubt. The other approach just generates the needed js and avoids to integrate some js-files in our site (which may reduce traffic and loading time of the site) - even here we have the effect, that a .NET developer does not need to have experience in js-coding Well - there are needs (of course) for both approaches, although I like the Script# approach better. Best regards Sign In·View Thread·PermaLink Re: Really awesome! But what about the other approach? Dewey 23:08 14 Dec '07   I've seen ScriptSharp for quite some time, but never tried it. Does it really work well? I guess I always hoped it would go open source, but it hasn't. Sign In·View Thread·PermaLink Re: Really awesome! But what about the other approach? hartertobak 5:49 20 Dec '07   Well, it works quite well - your my needs it´s fine, although not perfect. As I´m not in the need to write js-functions every day I´m not aware of common problems with it. I just like the approach to do everything with c# (client-side scripting, c#-functions in MS-SQL Server, etc). Sign In·View Thread·PermaLink Re: Really awesome! But what about the other approach? Ben Daniel 17:35 19 Dec '07   Cool. Although I've heard of Script#, I only just checked it out (following your link). Would be cool to write your script in C# in the VS IDE with better intelisense than today. Though I wonder what happens when you need to get/set a property of an element that's supported by the browser but wasn't catered for in the Script# object model - get a build error? Thanks, Ben Sign In·View Thread·PermaLink Where's the solution Dewey 14:19 13 Dec '07   I can't find a Visual Studio solution or project in the code(or even a compile.bat file). Am I missing something? Sign In·View Thread·PermaLink Re: Where's the solution EJocys 23:48 13 Dec '07   Archive contains mostly JavaScript and HTML files written in C#/.NET style and they are intended to be used with other existing projects (not only with Visual Studio). Archive contains some .NET 2.0 files but they can be deleted. I didn't wanted to tie this JavaScript library to any particular IDE. Also I am using "Visual Studio 2008" and I guess only fraction of developers can open its solutions at this time. Sign In·View Thread·PermaLink Top work Ben Daniel 16:05 12 Dec '07   Wow, you should whack this thing onto CodePlex or somewhere similar. I'm sure the community would be able to follow your lead and help you add useful classes. Great Job. Thanks, Ben Sign In·View Thread·PermaLink Re: Top work Thomas Lykke Petersen 21:24 13 Dec '07   I have not tested the framework classes from your JavaScript port of the Microsoft .NET Framework; but I took a brief look at the documentation and I am very impressed. I agree that you should host this as opensource on i.e. CodePlex. I am pretty sure that a lot of clientside script developers would have an interest in this. Regards, Thomas Lykke Petersen (MCP) Sign In·View Thread·PermaLink Excellent Job Yuancai (Charlie) Ye 6:29 12 Dec '07   It is really a great approach. Keep on your work! Sign In·View Thread·PermaLink Re: Excellent Job Kel_ 12:48 12 Dec '07   +1, Good work I like the innovative approach -- Everything is possible, even the impossible! ^_^ Sign In·View Thread·PermaLink great and big job! iBDev 5:10 12 Dec '07   very nice, may Javascript "DLR" relive the old Classic ActiveX Server Page Programming? Sign In·View Thread·PermaLink very nice idea! tuskilan 2:29 12 Dec '07   I want to try this ASAP! Thank you. Sign In·View Thread·PermaLink

Last Visit: 16:28 9 Feb '10     Last Update: 16:28 9 Feb '10 1