Thursday, December 6, 2007

Past DHTML 10-Minute Solutions

Past DHTML 10-Minute Solutions


Every Web developer has to tangle with tables. A new open source library, DisplayTag, can make life with tables much more organized. Find out how to combine the DisplayTag library with JavaScript to make a slick app that displays line item details.
Tree controls provide a hierarchical view of data and XML provides a way to structure data hierarchically, so viewing XML data as a tree structure is a natural fit. But browsers don't provide a tree control. Instead, use this mix of XML, XSLT, JavaScript, and CSS to produce an extensible HTML tree control.
When you need to display hierarchical information in your Web pages, build this Explorer-like tree control by creating only three polymorphic JavaScript objects.
Screen real estate is at a premium on many Web pages. Developers need a way to present a lot of information in a limited space. Build a familiar tree control using some simple style rules, a few graphics, and some JavaScript.
The solution describes how to use the Model-View-Controller (MVC) architecture to minimize the changes required to switch news feeds—just a few lines of code are needed.
Creating tabbed interfaces is straightforward, but tedious and document-specific. The solution describes how to automate the process and make it reusable.
JavaScript 1.2 supports some object-oriented principles such as encapsulation and prototype-based inheritance. You'll see how to create objects with private properties and methods.
How can you create a path animation using a Web interface? DHTML gives you pixel-level control over the placement of each element on the page. You can even build a simple tool that lets you draw an animation path using the mouse.
Because data validation is often a repetitive process, you can write generic validation and formatting rules as long as you send values to the validation functions rather than trying to reference named controls.
There's a core set of problems that every JavaScript developer will run across sooner or later. This article shows you how to deal with eight of the most common situations.
The solution describes how to let users modify XML data islands and, ultimately, update their changes to a persistent store.
By capitalizing on Internet Explorer's ability to embed XML data islands in Web pages you can create customized data-display pages with just a few lines of JavaScript
This month's script shows you how to create checkboxes and radio buttons for which clicking on the associated text label works the same as clicking on the form field itself.
With just a few lines of DHTML, you can make your sites react to the user's keystrokes and mouse movements.
This solution describes how to use DHTML to create and implement pull-down menus in your Web sites.
This solution describes working with cross-browser and cross-version DHTML scripting objects, especially in regards to Navigator version 5.0.
The solution describes three different approaches for enabling and/or disabling a button using client-side VBScript or JavaScript.
How to use the DOM, or Document Object Model, to create a text-based menu mouseover effect.
With an understanding of XMLHTTP and ASP, you can learn how to send XML back and forth from the server.
Here's a real world example of how you can use XSL to convert an XML-based resumé into various data formats to suit your needs.
This solution explains why stylesheets were originally conceived and gives a basic introduction to using stylesheets to achieve certain key interface and accessibility enhancements.
The solution describes how to use DHTML and Internet Explorer 4+ to dynamically change the color of an image based on a user's color selection.
Learn to use HTML, XML, and Cascading Style Sheets to display your data the way you want it to be displayed.