limit the add new row

[shmunaz]

How to limit the new row when this script is running.Example ->maximum add new row is 10.

<script language="javascript" type="text/javascript">
function addRow(){
var allRows = document.getElementById('tab').getElementsByTagName('tr');
var lastRow = allRows[allRows.length-1];
var root = lastRow.parentNode;
var newRow = root.appendChild(lastRow.cloneNode(true));
}
</script>

[Fang]

<script type="text/javascript">
var limit=0;
function addRow(){
if(limit<10) {
var allRows = document.getElementById(['tab').getElementsByTagName('tr');
var lastRow = allRows[allRows.length-1];
var root = lastRow.parentNode;
var newRow = root.appendChild(lastRow.cloneNode(true));
limit++;
}
else {
alert('Row limited to 10');
}
}
</script>

[shmunaz]

It's does't work.actually the function addRow() is call when the user click the button Add Row.

[Kor]

There was a small mistype in Fang's code
getElementById(['tab')

Anyway, try this variant:

<script type="text/javascript">
var limit=10;
function addRow(){
var allRows = document.getElementById('tab').getElementsByTagName('tr');
if(allRows.length<=limit){
var lastRow = allRows[allRows.length-1];
var root = lastRow.parentNode;
var newRow = root.appendChild(lastRow.cloneNode(true));
}
else {
alert('Rows limited to '+limit);
}
}
</script>

[shmunaz]

It's work. Thank you kor!!!!