JavaScript Examples Bible - UserWorks Technologies

16 JavaScript Examples Bible: The Essential Companion to JavaScript Bible
dataFld
dataFormatAs
dataSrc
elementObject.dataFld
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓
Example
Listing 15-8 is a simple document that has two TDC objects associated with it.
The external files are different formats of the U.S. Bill of Rights document. One file is
a traditional, tab-delimited data file consisting of only two records. The first record
is a tab-delimited sequence of field names (named “Article1”, “Article2”, and
so on); the second record is a tab-delimited sequence of article content defined in
HTML:
ARTICLE ICongress shall make...
The second file is a raw text file consisting of the full Bill of Rights with no HTML
formatting attached.
When you load Listing 15-8, only the first article of the Bill of Rights appears in a
blue-bordered box. Buttons enable you to navigate to the previous and next articles
in the series. Because the data source is a traditional, tab-delimited file, the
nextField() and prevField() functions calculate the name of the next source
field and assign the new value to the dataFld property. All of the data is already in
the browser after the page loads, so cycling through the records is as fast as the
browser can reflow the page to accommodate the new content.
Listing 15-8: Changing dataFld and dataSrc Properties
Data Binding
#display {width:500px; border:10px ridge blue; padding:20px}
.hiddenControl {display:none}
function nextField() {
var elem = document.all.display
var fieldName = elem.dataFld
var currFieldNum = parseInt(fieldName.substring(7, fieldName.length),10)
currFieldNum = (currFieldNum == 10) ? 1 : ++currFieldNum
elem.dataFld = “Article” + currFieldNum
}