Filtering a Tabular Data Control

Besides sorting it, a Tabular Data Control can also be filtered, meaning the data can be displayed selectively depending on the value of the columns. For example, you may wish to only show the first 5 students within a list of student records, or only students with a grade of 80% or higher. The ability to control how much information gets displayed at once in a TDC is very useful. If you're unfamiliar with TDC in general, be sure to first read the tutorials "Introduction to Tabular Data Control"

Sorting a Tabular Data Control

Two of the most useful features in IE's Tabular Data Control is the ability to sort and filter the displayed data. This brings a TDC truly on par with a simple server side database, but realized completely client side instead. In this tutorial, we look at sorting a TDC. If you're unfamiliar with even what TDC is, be sure to first read up on our guest tutorial "Introduction to TDC.

Introduction to Tabular Data Control

This tutorial is written by Premshree Pillai with changes and additions by JavaScriptKit.com. See footnote for more information on author. Tabular Data Control is a Microsoft ActiveX control that comes pre-installed with all versions of IE4+. This useful control allows you to access, display, and even sort ASCII information stored on the server end, such as a .txt file. In other words, it creates a simple "database" function without the need for server side scripting such as PHP and mySQL. A

JavaScript entities

JavaScript entities is a secretive and legacy feature supported ONLY in Netscape 4 and below that incorporates JavaScript as HTML attribute values, in turn making HTML attributes dynamic. For the sake of historical reference (if there's such a thing online, this tutorial will remain viewable for now).

Sending objects from one page to another

This tutorial is written (except for current page) and contributed by Alex Vincent. Edited by JavaScript Kit. Alex is a long time visitor of JavaScript Kit, and participant of the JK Help Forum. One of the most common requests we get in the JavaScript Kit forum is "How do I send a variable to the next page?" In this tutorial, we're going to give you several examples of doing precisely this. Specifically, we're going to cover: * The location.search property * Popup windows

The prototype object of JavaScript 1.1

No, we're not going to discuss how to construct a new version of JavaScript in this tutorial. The prototype object of JavaScript, introduced starting in JavaScript 1.1, is a prebuilt object that simplifies the process of adding custom properties/ methods to all instances of an object. I know, I'm starting to sound a little geeky already, but hay, JavaScript isn't just about fun and games...it's important to learn the serious side of it too.

Creating custom objects in JavaScript

All JavaScript coders eventually reach a stage where they would like to create and use their own objects, apart from the pre-built ones, such as document or Math. Custom objects allow you to build up your own personal JavaScript "toolbox" that extends beyond what the pre-build objects have to offer. After reading this tutorial, you'll learn how to create your very own JavaScript object, complete with custom properties and methods!

JavaScript and OOP

This tutorial is written and contributed by Tim Scarfe. Edited by JavaScriptKit.com for content/ structure. Please see footnote for more information on author. JavaScript is an excellent language to write object oriented web applications. It can support OOP because it supports inheritance through prototyping as well as properties and methods. Many developers cast off JS as a suitable OOP language because they are so used to the class style of C# and Java. Many people don't realize that JavaSc

Using window.print() to print a document

The JavaScript syntax used to simulate the print button currently only works in all modern browsers, so it can be a valid substitute inside a browser window where the toolbars are disabled.

onbeforeprint and onafterprint events of IE 5

IE supports two proprietary, printer related event handlers that go beyond using CSS alone to create printer friendly pages. Using these events, your JavaScript can actually detect and react to when a page is about to be printed, and alter the page accordingly, reverting the page back when the task is completed. And all this occurs automatically to the user, without any manual interaction.

JavaScript and your keyboard Part 1 (NS 4+)

It was bound to happen- JavaScript discovering your keyboard that is. In this tutorial, I'll show you how JavaScript can be used to detect what key(s) is pressed by the user, and react accordingly.

Detecting user's screen size and resolution

JavaScript supports a screen object that contains basic information about the screen of your visitor. With this information, pages could be designed to custom fit the particularities of each screen. In this article, we will see just how easy it is to detect a user's screen type!

Determining browser type via object detection

In a perfect world, all the major browsers would co-exist happily together, supporting the same set of objects and features. But then again, in that world, I'd be on an island enjoying the sun. Before we reach that place, this tutorial looks at how to detect support for a particular JavaScript property or method before attempting to invoke it. It serves as an alternate, in many cases, superior way to strict browser detection for creating cross browser friendly scripts.

The onerror event of the window object

In this tutorial, lets examine a rather secretive event handler of JavaScript that fires whenever a JavaScript error occurs in a page. Using it, we can create custom JavaScript error dialog boxes, or better yet, suppress all JavaScript errors in the document.

Moving, scrolling, and resizing browser window

The window object of JavaScript supports some controversial methods that let you perform tasks such as move the user's window, resize it, or scroll the page within it automatically/ programmatically. The philosophical issue aside, lets see how this is done!

Determining whether a browser window is open

This question must have popped up several times in the CodingForums, so I thought it's time I formally addressed it. Which question is that? Well, many people wanted to know if there was a way to determine whether a window opened through JavaScript (using window.open()) is still open at a particular moment in the future. "Why would it not be?" you ask. Simple. The surfer might have decided to close it, which can cause problems if your script doesn't know about it, and decides to reference and m

Sorting an array using the sort() method

So you think you know all there is to know about arrays in JavaScript? Well, did you know, for example, that there exists a sort() method in arrays that allows you to easily sort its' values. Using this method, we can easily sort values either in alphabetical order ("be" is considered in front of "by"), or in numerical order (2,3..).

Defining arrays using literal notation

Up until JavaScript 1.2, defining an array meant the simple choice between using conventional or dense arrays. But there's a new kid in town, and it's showing up in more and more scripts where arrays are used intensively. What could it be? What else is there? In this tutorial, we look at literal notation- the new-age way of defining an array.

Understanding dense arrays

A dense array allows programmers to efficiently declare an array when the initial values of the array is known beforehand. Dense arrays are supported in all major browsers. But before we officially get to dense arrays, lets review the syntax for a regular array first.

Creating two-dimensional arrays

Creating a custom two-dimensional Array With JavaScript's support for literal arrays in modern browsers (this tutorial predates that), this tutorial can arguably be considered obsolete. Nevertheless, we look at how to manually add additional dimensions to a regular array in JavaScript, and specifically, how to create a custom 2 dimensional array. If nothing it illustrates a technique for extending prebuilt JavaScript objects on your own. Creating a custom two-dimensional Array With