659Chapter 27 .Table and List Objects
658 Part III . Document Objects Reference The start property governs which number or letter begins the sequence of leading characters for nested LI items. If the TYPE attribute specifies numbers, then the corresponding number is used; if it specifies letters, then the letter of the alpha bet corresponding to the number becomes as the starting character. You can change the numbering in the middle of a sequence via the LI.value property. It is an extremely rare case that requires you to modify this property for an existing OL element. But if your script is creating a new element for a segment of ordered list items that has some other content intervening from an earlier OL ele ment, you can use the property to assign a starting value to the OL group. On the CD-ROM Example on the CD-ROM Related Items: type, LI.value properties. type Value: String Constant Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . . . An OL element can use any of five different numbering schemes. Each scheme has a type code, whose value you can use for the type property. The following table shows the property values and examples: Value Example A A, B, C, … a a, b, c, … I I, II, III, … i i, ii, iii, … 1 1, 2, 3, … The default value is 1. You are free to adjust the property after the table has rendered, and you can even stipulate a different type for specific LI elements nested inside (see the LI.typeproperty). If you want to have further nesting with a different numbering scheme, you can nest the OL elements and specify the desired type for each nesting level, as shown in the following HTML example:
657Chapter 27 .Table and List Objects Syntax Accessing OL element object properties and methods: (IE4+) [window.]document.all.elemID.property | method([parameters]) (IE5+/NN6) [window.]document.getElementById( elemID ). property | method([parameters]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . About this object The OL (ordered list) element is a container of LI (list item) elements. An ordered list means that the list items have a sequence and are preceded by a number or let ter to signify the position within the sequence. The few element-specific attributes are being deprecated in favor of style sheet definitions. For the sake of backward compatibility with existing content, however, it is likely that many future genera tions of browsers will continue to support these deprecated attributes. These attributes are therefore available as properties of the element object. Most of the special appearance of a list (notably indentation) is handled auto matically by the browser s interpretation of how an ordered list should look. You have control over the numbering or lettering schemes and the starting point for those sequences. Properties compact Value: Boolean Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . Although the properties are defined for the browsers just shown (not IE4/Mac, however), the compactproperty (and the deprecated attribute it echoes) has no impact on the density of the listing. start Value: Integer Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . OL.start
If you are looking for cheap and quality webhost to host and run your website check Jboss Web Hosting services.
656 Part III . Document Objects Reference rendered size results in a cell of default size. Also be aware that enlarging a cell affects the width of the entire column and/or height of the entire row occupied by that cell. On the CD-ROM Example on the CD-ROM Related Items: COL.width, TR.height properties. noWrap Value: Boolean Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . . . The default behavior of a table cell is to wrap text lines within the cell if the text would extend beyond the right edge of the cell as calculated from the width of the entire table. But you can force the table to be wider to accommodate the text in an unwrapped line of text by setting the noWrap property (or NOWRAPattribute) of the cell to true. The NOWRAP attribute is deprecated in HTML 4.0. On the Example on the CD-ROM CD-ROM rowSpan See colSpan. width See height. OL Element Object For HTML element properties, methods, and event handlers, see Chapter 15. Properties Methods Event Handlers compact start type OL
We recommend cheap and reliable webhost to host and run your web applications: Coldfusion Web Hosting services.
655Chapter 27 .Table and List Objects colSpan rowSpan Value: Integer Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . The colSpan and rowSpanproperties represent the COLSPANand ROWSPAN attributes of table cell elements. Assign values to these properties only when you are creating new table rows and cells and you are firm in your table cell design. If you fail to assign the correct values to either of these properties, your table cell alignment will get out of whack. Modifying these property values on an existing table is extremely risky unless you are performing other cell manipulation to maintain the balance of rows and columns. Values for both properties are integers greater than or equal to 1. On the Example on the CD-ROM CD-ROM Related Item: COL.span property. height width Value: Integer and Length String Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . Table cells may be specified to be larger than their default rendered size. This usually happens in the HEIGHT and WIDTH attributes of the cell. Settings of the WIDTH attribute of a COL or COLGROUP element (IE4+ and NN6+) may also govern the width of a cell. A cell s height can be inherited from the HEIGHTattribute setting of a table row or row section (IE4+). Both HEIGHTand WIDTH attributes are deprecated in HTML 4.0 in favor of the height and widthstyle sheet attributes. That said, the heightand width properties of a table cell echo only the settings of the explicit attributes in the cell s tag. If a style sheet in the element tag governs a cell s dimensions, then visit the cell object s style property to determine the dimensions. Explicit attributes override style sheet rules. Values for these two properties are length values. These can be pixel integers or percentage values as strings. Attempts to set the sizes smaller than their default TD.height
Looking for affordable and reliable webhost to host and run your business application? Then look no more and go to servlet web hosting services.
654 Part III . Document Objects Reference properties of cells if your scripts add rows to a table dynamically. After creating each blank table cell object, your scripts can adjust colSpan, rowSpan, noWrap, and other properties that influence the characteristics of that cell within the table. See the beginning of this chapter for discussions and examples of how to add rows of cells and modify cell content under script control. Properties abbr axis headers Value: See Text Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . These three properties are defined for table cell element objects in the W3C DOM and NN6. They all represent attributes for these elements in the HTML 4.0 specification. The purposes of these attributes and properties are geared toward browsers that provide alternate means of rendering content, such as through speech synthesis. While these properties are definitely valid for NN6, they have no practical effect. Perhaps other versions of browsers built upon the same Mozilla engine as NN6 will use these attributes to good effect. For general application, how ever, you can ignore these properties but also avoid using them as data storage spaces while a page loads. Consider them reserved for future use. cellIndex Value: Integer Read-Only NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . The cellIndexproperty returns an integer indicating the zero-based count of the current cell within its row. Thus, if a script is passed a reference to a cell, the cellIndexproperty reveals its position within the row. Inserting or deleting cells in the row at lower index values influences the cellIndex value after the alteration. On the CD-ROM Example on the CD-ROM Related Item: TR.rowIndex property. TD.cellIndex
If you are looking for affordable and reliable webhost to host and run your business application visit our ftp web hosting services.
653Chapter 27 .Table and List Objects Properties Methods Event Handlers chOff colSpan headers height noWrap rowSpan vAlign width See TABLE element object. See TBODY element object. Syntax Accessing TD and TH element object properties and methods: (IE4+) [window.]document.all.elemID.property | method([parameters]) (IE4+) [window.]document.all.tableID.cells[i].property | method([parameters]) (IE4+) [window.]document.all.tableRowSectionID.cells[i].property | method([parameters]) (IE4+) [window.]document.all.tableRowID.cells[i].property | method([parameters]) (IE5+/NN6) [window.]document.getElementById( elemID ). property | method([parameters]) (IE5+/NN6) [window.]document.getElementById( tableID ).cells[i].property | method([parameters]) (IE5+/NN6) [window.]document.getElementById( tableRowSectionID ). cells[i].property | method([parameters]) (IE5+/NN6) [window.]document.getElementById( tableRowID ).rows[i].property | method([parameters]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . About these objects TD (table data) and TH (table header) elements create cells within a table. By common convention, a TH element is rendered in today s browsers with a distinctive style usually with a bold font and center alignment. A table cell is as deeply nested as you can get with table-related elements. Properties of cells that are delivered in the HTML of the page are rarely modified (with the exception of the innerHTML property). But you still need full access to TD
Searching for affordable and reliable webhost to host and run your web applications? Go to our java web server services and you will be pleased.
652 Part III . Document Objects Reference The act of inserting a row into a table is not complete until you also insert cells into the row. The insertCell() method does just that, with a parameter indicating the zero-based index of the cell s position among other cells in the row. A value of 1 appends the cell to the end of existing cells in the row. When you invoke the insertCell() method, it returns a reference to the new cell. This gives you the opportunity to adjust other properties of that cell before moving onto the next cell. For example, if you want to insert a cell that has a col umn span of 2, you adjust the colSpanproperty of the cell whose reference just returned, as in the following: var oneCell = tableRowRef.insertCell(-1) oneCell.colSpan = 2 Scripts that add rows and cells must make sure that they add the identical num ber of cells (or cell column spaces) from one row to the next. Otherwise, you have an unbalanced table with ugly blank spaces where you probably don t want them. To remove a cell from a row, use the deleteCell() method. The parameter is a zero-based index value of the cell you want to remove. If all you want to do is replace the content of a cell, apply the new content to the innerHTML property of the TD element. This is smoother and safer than deleting and reinserting a cell because any execution error that occurs in the process results in an unbalanced table. Finally, to rid yourself of all cells in a row, use the deleteRow()method of the TABLE and table row section element objects. Example See Listing 27-2 for an example of inserting cells during the row insertion process. Related Item: TABLE.insertRow() method. TD and TH Element Objects For HTML element properties, methods, and event handlers, see Chapter 15. Properties Methods Event Handlers abbr align axis background bgColor borderColor borderColorDark borderColorLight cellIndex ch TD
Note: In case you are looking for affordable and reliable webhost to host and run your j2ee application check Vision J2ee Web Hosting services.
651Chapter 27 .Table and List Objects On the CD-ROM Example on the CD-ROM Related Item: offsetHeight property (Chapter 15). rowIndex sectionRowIndex Value: Integer Read-Only Compatibility NN2 NN3 NN4 NN6 . IE3/J1 IE3/J2 IE4 . IE5 . IE5.5 . Each row occupies a position within the collection of rows in the table as well as within the collection of rows for a table section (THEAD, TBODY, or TFOOT). The rowIndex property returns the zero-based index value of the row inside the rows collection for the entire table, regardless of table section composition. In contrast, the sectionRowIndexproperty returns the zero-based index value of the row inside its row section container. If the table has no row sections defined for it, a single, all-encompassing TBODY element is assumed; in this case, the sectionRowIndex and rowIndexvalues are equal. These properties serve in functions that are passed a reference to a row. However, the functions might also need to know the position of the row within the table or section. While there is no TR object property that returns a reference to the next outermost table row section or the table itself, the parentand parent s parent elements, respectively, can reference these objects. On the Example on the CD-ROM CD-ROM Related Items: TABLE.rows, TBODY.rows, TFOOT.rows, THEAD.rows properties. Methods deleteCell(cellIndex) insertCell(cellIndex) Returns: Nothing; Reference to New Cell. NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . TR.deleteCell()
Visit our web design programs services for an affordable and reliable webhost to suit all your needs.
650 Part III . Document Objects Reference Properties cells Value: Array of TD element objects Read-Only Compatibility NN2 NN3 NN4 NN6 . IE3/J1 IE3/J2 IE4 . IE5 . IE5.5 . The cells property returns an array (collection) of TD element objects nested inside the current TR object. The length property of this array indicates the number of actual TD elements in the row, which may not be the number of columns if one or more cells occupy multiple columns. Use the cells property in for loops to iterate through all cells within a row. Assuming your script has a reference to a single row, the loop should look like the following: for (var i = 0; i < rowRef.cells.length; i++) { oneCell = rowRef.cells[i] // more statements working with the cell } On the Example on the CD-ROM CD-ROM Related Items: TABLE.rows, TD.cellIndex properties. height Value: Integer or Length String Read/Write NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility . . IE4+ enables page authors to predefine a height for a table row; this attribute is echoed by the heightproperty. The value can be a number of pixels or a percentage length value. Note that this property does not reveal the rendered height of the row unless you explicitly set the attribute in the HTML. To get the actual height (in IE4+ and NN6+), use the offsetHeight property. You cannot adjust the height property to be smaller than the table normally renders the row. TR.height
You need excellent and relaible webhost company to host your web applications? Then pay a visit to Inexpensive Web Hosting services.