Quote:
Originally Posted by Raymond Cheyne
How would I make each of TableName_0, TableName_1, ... TableName_n a hyperlink to another HTML page somewhere?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>List</title>
<script type="text/javascript">
function fnInit() {
// Declare variables and create the header, footer, and caption.
var oTable = document.createElement("TABLE");
var oTHead = document.createElement("THEAD");
var oTBody = document.createElement("TBODY");
var oRow, oCell;
var i, j;
var objOutput = document.getElementById("output");
// Declare table data that would normally be read in from a table Web site.
var heading = new Array();
heading[0] = "Name";
heading[1] = "Label";
var table = new Array();
table[0] = new Array("TableName_0", "Label_0");
table[1] = new Array("TableName_1", "Label_1");
table[2] = new Array(" ... ", " ... ");
table[3] = new Array("TableName_n", "Label_n");
// Insert the created elements into oTable.
oTable.appendChild(oTHead);
oTable.appendChild(oTBody);
// Insert a row into the header.
oRow = document.createElement("TR");
oTHead.appendChild(oRow);
// Create and insert cells into the header row.
for (i = 0; i < heading.length; i++) {
oCell = document.createElement("TH");
oCell.innerHTML = heading[i];
oRow.appendChild(oCell);
}
// Insert rows and cells into bodies.
for (i = 0; i < table.length; i++) {
oRow = document.createElement("TR");
oTBody.appendChild(oRow);
for (j = 0; j < table[i].length; j++) {
oCell = document.createElement("TD");
oCell.innerHTML = table[i][j];
oRow.appendChild(oCell);
}
}
// Insert the table into the document tree.
objOutput.appendChild(oTable);
}
</script>
</head>
<body onload="fnInit();">
<h1>List</h1>
<div id="output"> </div>
</body>
</html>
Thanks,
Raymond |
Summary:
Given a table and a row within the table,
1. Create a table cell.
2. Append a text node to the cell.
3. Create a hyperlink.
4. Assign the <href> attribute of the hyperlink.
5. Append a text node to the hyperlink.
6. Append the hyperlink to the cell.
7. Append the cell to the row.
Example:
NewTableDataCell = document.createElement("TD");
CellText = document.createTextNode("New Table Cell Text");
NewTableDataCell.appendChild(CellText);
NewHyperLink = document.createElement("a");
NewHyperLink.href = "http://www.WebSite.com";
NewHyperLink.appendChild(CellText);
NewTableDataCell.appendChild(NewHyperLink);
ExistingTableRow.appendChild(NewTableDataCell);
Raymond