 | JavaScript | |||
|---|---|---|---|---|
| Prev | Home | Up | Next |
| Availability: |
| |||||||
| Inherits from: | Input object | |||||||
| JavaScript syntax: | IE | myTEXTAREA = myDocument.all.anElementID | ||||||
| IE | myTEXTAREA = myDocument.all.tags("TEXTAREA")[anIndex] | |||||||
| IE | myTEXTAREA = myDocument.all[aName] | |||||||
| - | myTEXTAREA = myDocument.getElementById(anElementID) | |||||||
| - | myTEXTAREA = myDocument.getElementsByName(aName)[anIndex] | |||||||
| - | myTEXTAREA = myDocument.getElementsByTagName("TEXTAREA")[anIndex] | |||||||
| HTML syntax: | <TEXTAREA> ... </TEXTAREA> | |||||||
| Argument list: | anIndex | A reference to an element in a collection | ||||||
| aName | An associative array reference | |||||||
| anElementID | The ID value of an Element object | |||||||
| Object properties: | cols, readOnly, rows, type, value, wrap | |||||||
| Object methods: | handleEvent(), select() | |||||||
| Event handlers: | onAfterUpdate, onBeforeUnload, onBeforeUpdate, onBlur, onChange, onDragStart, onErrorUpdate, onFilterChange, onFocus, onHelp, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onRowEnter, onRowEnter?, onRowExit, onScroll, onSelect, onSelectStart | |||||||
Many properties, methods and event handlers are inherited from the Input object class. Refer to topics grouped with the "Input" prefix for details of common functionality across all sub-classes of the Input object super-class.
Untypically, there actually is a TEXTAREA class supported by MSIE. Most other kinds of input are simply an instance of the Input object class. Netscape prior to version 6.0 internally represents this object as a sub-class of the Input object even though it is created by a different HTML tag.
Event handling support via properties containing function objects was added to TEXTAREA objects at version 1.1 of JavaScript, but this will have changed to reflect the new DOM event model for Netscape 6.0.
Unlike MSIE, the Netscape 4 implementation of this sub-class of the Input object does not support the click() method or the onSelect event.
The example below seems to be supported by all browsers apart from Netscape 6.0. On this browser, the escape sequence \x0D needs to be changed to \n in order for the example to work.
<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM>
Type some lines of text into the text area, click the button and they will be sorted.<BR><BR>
<TEXTAREA VALUE="" NAME="BOX_A" ROWS=15 COLS=39></TEXTAREA><BR>
<INPUT TYPE="button" VALUE="Reveal" onClick="handleClick()">
</FORM>
<SCRIPT>
function handleClick()
{
myString = document.forms[0].BOX_A.value;
myArray = myString.split("\x0D");
myArray.sort();
document.forms[0].BOX_A.value = myArray.join("\x0D");
}
</SCRIPT>
</BODY>
</HTML>| Property | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| cols | 1.5  | 3.0 | 6.0 | 4.0 |  | | | 1 | | | - |
| readOnly | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | ReadOnly. |
| rows | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| type | 1.1 | 3.0 | 3.0 | 4.0 | 3.0 | | | 1 | | | ReadOnly. |
| value | 1.0 | 1.0 | 2.0 | 3.02 | 3.0 | | | 1 | | | - |
| wrap | | 3.0 | | 4.0 | | | | | | | - |
| Method | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| handleEvent() | 1.2 | | 4.0 | | | | | | | | - |
| select() | 1.0 | 1.0 | 2.0 | 3.02 | 3.0 | | | 1 | | | - |
| Event name | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| onAfterUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onBeforeUnload | | 3.0 | | 4.0 | | | | | | | - |
| onBeforeUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onBlur | 1.1 | 3.0 | 3.0 | 4.0 | 3.0 | | | | | |  |
| onChange | 1.0 | 3.0 | 2.0 | 4.0 | 3.0 | | | | | | - |
| onDragStart | | 3.0 | | 4.0 | | | | | | | - |
| onErrorUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onFilterChange | | 3.0 | | 4.0 | | | | | | | - |
| onFocus | 1.0 | 3.0 | 2.0 | 4.0 | 3.0 | | | | | | |
| onHelp | | 3.0 | | 4.0 | | | | | | | |
| onKeyDown | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onKeyPress | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onKeyUp | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseDown | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseMove | 1.2 | 3.0 | 4.0 | 4.0 | | | | | | 4.0 | |
| onMouseOut | 1.1 | 3.0 | 3.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseOver | 1.0 | 1.0 | 2.0 | 3.02 | 3.0 | | | | | 4.0 | |
| onMouseUp | 1.2 | 3.0 | 4.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onRowEnter | | 3.0 | | 4.0 | | | | | | | - |
| onRowEnter? | 1.0 | 1.0 | 2.0 | 3.02 | 3.0 | | | 1 | | | - |
| onRowExit | | 3.0 | | 4.0 | | | | | | | - |
| onScroll | | 3.0 | | 4.0 | | | | | | | - |
| onSelect | 1.0 | 3.0 | 2.0 | 4.0 | 3.0 | | | | | | - |
| onSelectStart | | 3.0 | | 4.0 | | | | | | | - |
| Prev | Home | Next |
| text/JavaScript | Up | TEXTAREA.cols |
JavaScript Programmer's Reference, Cliff Wootton Wrox Press (www.wrox.com) Join the Wrox JavaScript forum at p2p.wrox.com Please report problems to support@wrox.com © 2001 Wrox Press. All Rights Reserved. Terms and conditions. | ||