SciActive

I recently needed to sort div elements in the DOM by a timestamp in child divs. After searching for a while and finding no jQuery style solution, I figured out an easy way to do it, the jQuery way. Here is the code:

// Sort by timestamp.
$("#timeclock_edit").prepend($("#timeclock_edit div.element").get().sort(function(a, b){
    return $(a).find(".timestamp").text() - $(b).find(".timestamp").text();
}));

The code grabs an array of DOM elements, sorts it by comparing the text in the timestamp element, then prepends that to the parent div. The way this is coded is not very flexible, but it could be expanded easily.

CSS form design was plaguing me for a while in the Pines project. After searching the web for a couple days trying to find a good CSS design for HTML forms and finding only designs full of hacks/Javascript workarounds or designs too ugly and/or restrictive to be considered, I set out to design my own near flawless, flexible, featureful, standards compliant, and cross-compatible form design to suit the needs of the Pines project. Pines Form achieves this goal.

This design has been tested and works in the following browsers:

• MS Internet Explorer 5.01 and higher
• Mozilla Firefox 1.0 and higher
• Apple Safari 3 and higher
• Opera 8 and higher
• Google Chrome 2 and higher