WebKit Demo

The Tracker Club demo is a typical contact directory search and maintenance application. To help see what is going on, we will launch the demo in a new window. If you are running your window full screen, change it to a less than full screen window before clicking on any of the links. After you click on the first link below, resize and arrange your windows so you can see at least part of both this window and the Tracker Clubd Dictionary file window at the same time.

Take a look at the dictionary of the TRACKER file

Start up the demo index.

Simple Search

Click on the Search Tracker Club Database by keyword link and enter the word "printer" in the search text box. The resulting list was generated by this WKCONTROL transaction definition. The transaction has three steps or segments. All the html comes from a Type 1 or 19 file defined by the HTML Forms field in the WKCONTROL record. You can click on the links to see what the contents of each piece of the transaction contain.

• first segment is static HTML which contains the header stuff and everything down to the list of results.
• the second segment executes a paragraph named TRACKER.KEYWORD.SEARCH (same as the name of the WKCONTROL record - we use that as a default - it can be named anythng). This paragraph uses two of the WebKit routines. You can see what HTMLQBELike does here or HTMLIndex here.
• The last segment is a simple 2 line HTML segment that "finishes" the resulting html file.

The links in the index list are created by an I-Type called DISPLAY.LINK. The link just executes a simple list of the entry using another WebKit routine, HTMLDataDisplay.

Multiple Field Query By Example

The Tracker Club Multiple Field Search section shows how you can generate a form containing information from the file.

Follow the links in the WKControl Transaction TRACKER.QUERY.GEN to see how this is done. HTMLDataEntry uses the information in "D" or "I" type dictionary items, field 10, to create the entry controls. See HTMLDictEntry which really does all the work. The dictionary items used in this query are QCITY, QAREA, QZIP. The SELECT Form Control say to execute the command after the VM and put whatever comes back in SELECT LIST 1 into the select tag.

The other transactions in this section are: TRACKER.QUERY.PROCESS which generates a select list of records matching the query input, and TRACKER.DISPLAY.QUERY which displays the single entry you pick from that list.

Maintain Tracker Club Entries

To see how the maintenance works click into the maintenance section and enter Tracker ID 492 and password "digital"

The transactions here are: TRACKER.MAINT.PROCESS which authenticates the id and password using HTMLValidate, and TRACKER.MAINT.EDIT which updates the record.