JavaScript Examples Bible - UserWorks Technologies

document.forms[0].inspector.readOnly = true
Chapter 9 ✦ Text-Related Form Objects (Chapter 25)
While existing text in the box is selectable (and therefore can be copied into the
clipboard), it cannot be modified or removed.
size
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓
Example
Resize the bottom text box of The Evaluator (Chapter 13 in JavaScript Bible) by
entering the following statements into the top text box:
document.forms[0].inspector.size = 20
document.forms[0].inspector.size = 400
Reload the page to return the size back to normal (or set the value to 80).
value
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓
Example
As a demonstration of how to retrieve and assign values to a text object, Listing
25-2 shows how the action in an onChange event handler is triggered. Enter any
lowercase letters into the field and click out of the field. I pass a reference to the
entire form object as a parameter to the event handler. The function extracts the
value, converts it to uppercase (using one of the JavaScript string object methods),
and assigns it back to the same field in that form.
Listing 25-2: Getting and Setting a Text Object’s Value
Text Object Value
function upperMe(form) {
inputStr = form.converter.value
form.converter.value = inputStr.toUpperCase()
}
Continued
361
document.formObject.textObject.value