Knockout: Input fields

Please see my other JavaScript articles. Using knockout.js to dynamically reflect changes to input fields. As described on the Knockout.js website, it provides impressive features such as: Declarative Binding, Automatic UI Refresh, Dependency Tracking, and Templating. In this article, I will illustrate Declarative Binding and Automatic UI Refresh using some basic input fields. First, I’ll…

Knockout: Edit fields

Please see my other JavaScript articles. Using knockout.js to dynamically reflect changes to edit fields. Continuing from my last Knockout.js: Input fields article where I illustrated basic binding, I will now show how to enable editable fields to be bound as well. I’ll begin with the HTML from the last article where I have the…

Knockout: Computed fields

Please see my other JavaScript articles. Using Knockout.js to dynamically aggregate fields. Many times when working on the presentation layer of an application the need arises to present a value which is the result of aggregating the values of two or more fields. In this article I will illustrated how to combine the values from…

JQuery: Date Input

Please see my other JavaScript articles. Ensuring valid dates are received. When users complete online forms, it’s critical to ensure values received are valid both in format and type. JQuery provide the ability to present the user with an input control that mimics a standard textbox control, but forces him/her to select their date using…

JavaScript: Toggling RadioButton Choices

Please see my other JavaScript articles. Using JavaScript to dynamically change selections. In this example I will illustrate how to dynamically hide/show radiobutton choices based on the user selection. I’ll begin with a few simple asp.net radiobuttonlist controls. As you can see, the HTML generated by the asp.net control is quite extensive and potentially confusing.…

JavaScript: Scroll User

Please see my other JavaScript articles. Use JavaScript to dynamically move the user’s position on a web page. Due to business requirements within a page, sometimes users might be confused based on the activity they experience. For example, if a page allows the user to perform an action which affects the page, but below where…

JavaScript: Get RadioButtonList Selection

Please see my other JavaScript articles. Using JavaScript to determine selections. First, I’ll begin with a simple asp.net radiobuttonlist control. Though the asp.net control is itself simple to deploy and use with C#, the html that’s rendered is anything but simple. You may overcome the difficulty of determining which radiobutton in the list is selected…

JavaScript: Functions

Please see my other JavaScript articles. Incorporating OOP into JavaScript for reusable logic. Though many programmers focus their OOP skills in C# while designing logic interfaces and classes, it’s just as important to do so when creating presentation-layer logic so that the code may be easily reusable. Below are examples of functions in JavaScript. This…

JavaScript: Classes

Please see my other JavaScript articles. Incorporating OOP into JavaScript for reusable logic. Though many programmers focus their OOP skills in C# while designing logic interfaces and classes, it’s just as important to do so when creating presentation-layer logic so that the code may be easily reusable. Below are examples of classes in JavaScript followed…

JavaScript: Changing a CSS class

Please see my other JavaScript articles. Using JavaScript to dynamically change a control’s CSS class. Using the DOM, JavaScript provides developers the options of dynamically modifying properties of HTML controls residing within the page. In this example, I will illustrate how to access a series of image buttons to change their CSS class in order…