Forum Moderators: open

Message Too Old, No Replies

Change numbers by chars

         

gaucho

12:24 pm on May 26, 2005 (gmt 0)

10+ Year Member



Hello,

Please, do you know how I change the numbers by charactes in this script?

<table id='myTable'></table>

<script language="javascript">
var TABLE_ROWS = 4;
var TABLE_COLS = 4;

var oTable = document.getElementById('myTable');
if ( oTable!= null ) {
var oBody = document.createElement('tbody');
oTable.appendChild(oBody);

for ( x = 0 ; x < TABLE_ROWS ; x++ ) {
var oTR = document.createElement('tr');
oBody.appendChild(oTR);
for ( y = 0 ; y < TABLE_COLS ; y++ ) {
var oTD = document.createElement('td');
oTR.appendChild(oTD);
oTD.appendChild(document.createTextNode(x + ' - ' + y));
}

}
}
</script>

Thankx

G,

birdbrain

4:30 pm on May 26, 2005 (gmt 0)



Hi there gaucho,

try adding an Array like this....


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>create table</title>

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<style type="text/css">
/*<![CDATA[*/

#myTable{
border:1px solid #000;
}

#myTable td {
width:81px;
height:50px;
border:1px solid #000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
text-align:center;
}

/*//]]>*/
</style>

<script type="text/javascript">
//<![CDATA[

onload=function() {

var TABLE_ROWS = 4;
var TABLE_COLS = 4;

var words=new Array('one','two','three','four','five','six','seven','eight','nine','ten');

var oTable = document.createElement('table');
oTable.setAttribute('id','myTable')

var oBody = document.createElement('tbody');
oTable.appendChild(oBody);

document.body.appendChild(oTable);

for ( x = 0 ; x < TABLE_ROWS ; x++ ) {
var oTR = document.createElement('tr');
oBody.appendChild(oTR);

for ( y = 0 ; y < TABLE_COLS ; y++ ) {
var oTD = document.createElement('td');
oTR.appendChild(oTD);
oTD.appendChild(document.createTextNode(words[x] + ' - ' +words[y]));
}
}
}
//]]>

</script>

</head>
<body>

</body>
</html>

...also note that to get the code to validate, required the creation of a table also (shown in red).

birdbrain