BizTalk Utilities CV ,   Jobs ,   Code library
 
Home Page


Add/Edit your code items
Search the code library
Browse for the code library


JavaScript
Small XML/XSL application with JavaScript
Table Column sorting using XML, XSL and JavaScript
Display of Hierarchical Data Islands
x++ beta 0.2 release (includes ISAPI filter/interpreter)
HTTP File Commander
XML Ticker
Fading Ticker
How to understand the flow of control in XLST
Begginers, search the Bible
JavaScript Ticker (using Tabular Data Control)
-postfix.aspx>Infix <> Postfix
Nested Tables And Data Island
XML Data Traversal
TrimWhiteSpace
Two Tier Data Islands with Expanding/Collapsing Child elements.
Escape special characters using JavaScript and regular expressions
Sticky Table Headers
Dynamically Filling HTML Select Box from XML Data Island using Javascript.
XML Basics Handbook


 
 

 LAMP >>


By David Silverlight
First Posted 02/16/2002
Times viewed 274

Filtering Data Islands


This post contains attachments
v20020216184525.zip 

Summary This snippet demonstrates filtering, sorting and highlighting HTML tables that use xml data islands.

This snippet demonstrates uses the Singles Online dating application to demonstrate some of most common functionality found in business applications. a) Filtering b) Sorting by column header (ascending or descending) and c) Highlighting the row as the mouse moves over it. As with my other Redneck Employee snippet, it uses a behavior .htc file to do the highlighting and column sorting. However, this snippet also demonstrates how to use XML/XSLT to filter the data data island in the page. Check it out in action at my own XMLPitstop website: Singles Online

Note about behaviors (and how great they are):
This particular implementation involves behaviors. Using behaviors, the snippet demonstrates how to add highlighting and sorting functionality without having to add alot of javascript/vbscript code each time around. Simply add the behavior to your table and the functionality comes along with it. Since I have to add this type of functionality to just about every single HTML table that I create in a web application, this saves tons of time. You can also check it out in action at:

Additional information


Rate this article on a scale of 1 to 10 (0 votes, average 0)

Your vote :  

 LAMP >>





Leave a comment for this article
Your name
Your email (optional)
Your comment
Optional: Upload an attachment
Enter the code shown:

 
 

    Email TopXML