1: <script language="javascript" type="text/javascript">
2: function showData(dropdown)
3: {
4: //get dropdownlist
5: var myindex = dropdown.selectedIndex;
6: var SelValue = dropdown.options[myindex].value;
7: //get the row of the drop down list
8: var row = getParentRow(dropdown);
9: var newRate;
10: //set value in the cell of grid view
11: if (isFireFox())
12: {
13: newRate = row.cells[4].textContent * SelValue;
14: }
15: else
16: {
17: newRate = row.cells[4].innerText * SelValue;
18: }
19: row.cells[5].innerHTML = newRate;
20: //get gridview
21: var gridViewCtlId = '<%=myGrid. ClientID%>';
22: var grid = document.getElementById(gridViewCtlId);
23: var gridLength = grid.rows.length;
24: var sum = 0;
25: //calculate sum of the prices looping through the gridview and operation in every cell
26: for (var i = 1; i < gridLength-1; i++)
27: {
28: if (isFireFox()) {
29: sum = sum + parseInt(grid.rows[i].cells[5].textContent);
30: }else {
31: sum = sum + parseInt(grid.rows[i].cells[5].innerText);
32: }
33: }
34: grid.rows[gridLength-1].cells[5].innerHTML = sum;
35: }
36: function getParentRow(obj)
37: {
38: while(obj.tagName != "TR")
39: {
40: if(isFireFox())
41: {
42: obj = obj.parentNode;
43: }
44: else
45: {
46: obj = obj.parentElement;
47: }
48: }
49: return obj;
50: }
51: function isFireFox()
52: {
53: return navigator.appName == "Netscape";
54: }
55: function changeColor(obj)
56: {
57: var rowObject = getParentRow(obj);
58: if (obj.checked) {
59: rowObject.style.backgroundColor = 'Yellow';
60: }else {
61: rowObject.style.backgroundColor = '';
62: }
63: }
64: </script>