Problem with dynamic addition of rows

aashishn86

i am using this function to add rows dynamically

Expand|Select|Wrap|Line Numbers

 
function addRow()

{

  var tbl = document.getElementById('applications');

  var lastRow = tbl.rows.length;

  // if there's no header row in the table, then iteration = lastRow + 1

  var iteration = lastRow;

  var row = tbl.insertRow(lastRow);
 
  // left cell

  var cellLeft = row.insertCell(0);

  var el = document.createElement('input');

  el.type = 'text';

  el.name = 'txtRow' + iteration;

  el.id = 'txtRow' + iteration;

  el.size = 45;

  //e1.style.color='blue'

 // e1.className="cellData";

  //e1.style.width="220px";

  //e1.maxlength=20;

  //alert("hi")
 
  //e1.style.height=17px;

   cellLeft.appendChild(el);

}

when i try to use these :

Expand|Select|Wrap|Line Numbers

 
//e1.style.color='blue'

 // e1.className="cellData";

  //e1.style.width="220px";

  //e1.maxlength=20;

 //e1.style.height=17px;

it stops working...

can some one guide me..
i really need to add styles etc to the rows added

Dormilich

"e1" is not "el" (though they look very similar in Courier fonts)

aashishn86

whew... cool
thanks......... :)
another thing

How can i add a calendar control to this..
i need to add the anchor tag
and javascript functions to it..

thanks :)

acoder

Try the Dynarch calendar.

Problem with dynamic addition of rows

re: Problem with dynamic addition of rows

re: Problem with dynamic addition of rows

re: Problem with dynamic addition of rows

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about