Home Page DOM Tutorials Dynamic Text A More Complex Example

A More Complex Example

This example is presented to show what you can do when you know how to manipulate the node tree. Note that we aren't just replacing the text when the list gets sorted -- we're creating bold text elements for the sorted column. This makes the code non-trivial, so we won't do a full analysis of it here. However, if you want to see how it was done, just view the page source.

Click the blue arrows to select a column to sort, and the order in which to sort it. Up arrows put the highest item at the top; down arrows put the lowest item at the top.
International Weather Reports City High Low Bangkok 91 75 Cairo 97 72 Helsinki 59 48 Mexico City 72 57 Sydney 57 46 Temperatures are shown in Fahrenheit.

A Philosophical Interlude

Index

Summary