Filling values in table cells in an HTML Page using Javascript

Question

Hai,

I have one HTML page with Javascript functions included in it. In that HTML page, I have a table with 2 rows and 2 columns. Also I have an array with 4 values. What I need is, when the user clicks on one table cell, a value from the array should be displayed inside that cell. Can any one post some sample code here?

Thanks.

gblazex · Accepted Answer · 2010-07-07 09:11:48Z

2

[See it in action]

var values = [1,2,3,4];

var table = document.getElementById('tablet');

// watch for clicks on the table
table.onclick = function(e) {

  // get the element that was clicked
  e = e || window.event;
  var el = e.target || e.srcElement;

  // set it's content to a value from the array
  if (el.nodeName == "TD") {
    el.innerHTML = values.shift();
  }

};

edited Jul 7, 2010 at 9:11

answered Jul 7, 2010 at 9:05

gblazex

50.3k12 gold badges100 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sanjeev Over a year ago

This is great. I expected this one...Thanks galambalazs.

Himadri · Accepted Answer · 2010-07-07 09:09:38Z

0

Here is some sample code,

 <script type="text/javascript">
function changeText()
{
    alert('');
    document.getElementById('row').innerHTML = 'some text';
}
</script>

<table border = '1'>
<tr><td id='row' onClick='changeText()'> </td>
</tr>
</table>

answered Jul 7, 2010 at 9:09

Himadri

3,0526 gold badges34 silver badges56 bronze badges

Collectives™ on Stack Overflow

Filling values in table cells in an HTML Page using Javascript

2 Answers 2

[See it in action]

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

[See it in action]

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related