Number of Rows:

function generateTable()

var tableHolder = document.getElementById("tableHolder");

tableHolder.innerHTML = "";

var tdRows = document.getElementById("tdRows");

var tdColumns = document.getElementById("tdCols");

if(tdRows.value!="" && tdColumns.Value!="")

// creates a <table> element and a <tbody> element

var tbl = document.createElement("table");

tbl.setAttribute("width", "60%");

tbl.setAttribute("id", "dynamicTable");

var tblBody = document.createElement("tbody");

tbl.setAttribute("border", "1pt outset #CCC");

tbl.setAttribute("cellpadding", "3");

tbl.setAttribute("cellspacing", "3");

tbl.setAttribute("border-collapse", "collapse");

// creating all cells

for (var i = 0; i < tdRows.value; i++) {

// creates a table row

var row = document.createElement("tr");

for (var j = 0; j < tdColumns.value; j++) {

// Create a <td> element

var cell = document.createElement("td");

cell.style.background = "rgb(240,240,240)";

cell.setAttribute("align", "center");

cell.setAttribute("height", "15pt");

cell.setAttribute("id", "tbl"+i+j);

cell.innerText = cell.id+ ": Click Me";

cell.onclick = function (evt) { setElement(this);};

cell.style.cursor="hand";

// add the row to the end of the table body

// put the <tbody> in the <table>

// appends <table> into <div>

function setElement(td)

document.getElementById("File1").click();

if(document.getElementById("File1").value!=null)

td.innerHTML = "<img src='"+document.getElementById("File1").value+"'>";

document.getElementById("File1").value="";