event تغییر یک ستون از جدول

[resident]

سلام.
من یه جدول تو html دارم که یکی از ستونهای اون قیمت است.

<table >
<tr>
<td>a1</td>
<td>b1</td>
<td class="price">100</td>
</tr>
<tr>
<td>a2</td>
<td>b2</td>
<td class="price">200</td>
</tr>
<tr>
<td>a3</td>
<td>b3</td>
<td class="price">300</td>
</tr>
</table>

ممکنه قیمت یه ردیف تغییر کنه یا حتی ممکنه یه ردیف اضافه بشه و یا یک ردیف حذف بشه.
چزور می تونم بگم اگه تغییری اتفاق افتاد ، بیا مقادیر ستون قیمت رو جمع کن؟؟
function جمع ستون قیمت رو نوشتم فقط نمی دونم چطور بهش بگم اگه ردیفی کم یا زیاد شد یا تغییر کرد ، ستونهاشو جمع کن.

لطفا راهنماییم کنید. کارم واجبه...

[iker-casillas]

سلام
یه div دور جدولتون در نظر بگیرید و یه id بهش بدید. بعد با استفاده از یه ترد (setTimeOut) مدام محتوای داخی این div رو بررسی کنید. هر وقت که محتوا با دفعه قبلی بررسی متفاوت بود تابع خودتون رو صدا کنید.

<div id="tableDIV"><table ><tr>
<td>a1</td>
<td>b1</td>
<td class="price">100</td>
</tr>
<tr>
<td>a2</td>
<td>b2</td>
<td class="price">200</td>
</tr>
<tr>
<td>a3</td>
<td>b3</td>
<td class="price">300</td>
</tr> </table></div>


window.onload = function(){
checkDiv(0);
}


var divHTML = '';
function checkDiv(inputTime){
var tempHTML = '';
if(inputTime == 0){
divHTML = document.getElementById('tableDIV').innerHTML;
}else{
tempHTML = document.getElementById('tableDIV').innerHTML;
if(tempHTML != divHTML){
divHTML = tempHTML;
//---------------your function
}
}
setTimeOut('checkDiv(1)', 1000);
}