|
busyDialog
|
|
Async Message / Processing Message / Wait Message
Blur/opacify the window background, make sure all controls are disabled and display a small centered dialog until told to close.
|
|
Techniques of interest
|
| HTML: |
|
busy/loading/ajax modal dialog. |
| JavaScript: |
|
Multi-level/nested namespaces, disabling/re-enabling all controls in a window, animated gif in <img> tag continuing to "run" after being removed from the DOM.
|
|
|
htmlGrid
|
|
Create a data grid (divs and tables) with headers that are sized to match data column widths.
|
|
Techniques of interest
|
| HTML: |
|
A Html/javascript based grid control using a table for the the header cells and a table for the data cells. |
| JavaScript: |
|
Namespace and object creation/instantiation.
|
| CSS: |
|
Even/Odd row table selector (good for alternating table row colors).
|
|
|
textRotator
|
|
Display an array of strings, one at a time, fading in and out during string replacement.
|
|
Techniques of interest
|
| JavaScript: |
|
Using timeouts for continuous exection and rotating counter logic |
| CSS: |
|
Using a transition and opacity to fade in/out |
