Monday, October 03, 2005

 

Cascading Links: Example 2 - Curriculum elements

Another example of cascading links within a panel - in this case to dsiplay nested relationships in a hierarchically structured curriculum outline for information ecology.

┌─MyPalace.Z03─348──────────────────────────────────────────────BROWSE─────────┐
│          |                                                                   │
│          |Elements of Information Ecology                                 1  │
│          |Numbers                                                         5  │
│          |Mathematics                                                     3  │
│          |Geometry                                                        1  │
│          |Linear shapes                                                   4  │
♦C-00000168|Straight Lines                                                  1  │
│C-00000176|Polygon                                                         1  │
│         ░|Information habitats              ░Pentagon                        │
│           Information species                Hexagon                         │
│           Words                              Octagon                         │
│           Images                                                             │
│         ░|Numbers                           ░                                │
│           Types of Numbers                                                   │
│           Cultural Origins                                                   │
│           Arabic Numerals                                                    │
│         ░|                                  ░Lines                           │
│                                              Straight Lines                  │
│                                              Polygon                         │
│                                              Quadrangle                      │
│         ░|                                  ░                                │
│                                                                              │
│                                                                              │
│curriculum element  |2003.03.01|2005.10.03|2003.03.01|23:43|2003.03.06|14:54|1│


As I prepared to convert this capture of a screen from the curriculum elements panel, I realized the need for a revision of the process so as to enable a distinction between data fields - in white and window displays in cyan / light blue.

A methodological note on creating these screen shots from DataPerfect: the non-standard - non-numeric, non-alphabetic characters in DataPerfect are based on an ASCII character set whose representation is not maintained in an HTML environment.

With the help of a data panel in the DPManual database and a small in WordPerfect Program Editor, I created a WordPerfect 5.1+ macro that automatically translates the non-standard ASCII characters into their HTML equivalents.

Then I used a WordPerfect style from a Style Library to surround the field data with <font class="field"> </font>, added a new element to the cascading style sheet, and revised the style for pre-formatted text display. To look at how the characters are coded in HTML, you can look at the source code for this page.

I will create a link shortly to a web page - generated from the DPManual database - that shows the various conversions between ASCII and HTML characters.
# posted by Robert Pollard @ 11:05 AM
Comments: Post a Comment

<< Home