JavaScript - cant understand this line of code, plz guide me

hi,

Have a look into this http://www.satya-weblog.com/2007/06/client-side-table-sorting-using.html

HI Haansi,

to make you understand this statement i need the data which you are using inside td,i mean innerHTML of your TD,because your code is doing that only,but for now i will take one sample and will explain,see the line below


no your javascript if getting but the td from the array of TD i.e td[sortOn] and now,the in our example our td's first child is the string content and its value is "This is test" this content would be return as nodeValue is used,there is also property called nodeType which may result in "#text"

so the "nodeValue" property is a read/write property that reflects the current value of a node. For text nodes, the content of the node is returned, while for attribute nodes, the attribute value. Null is returned for Document and element nodes. Use this property to alter the contents of a text or attribute node.

let me know
thxs

rowArray[i].value = rows[i].getElementsByTagName('td')[sortOn].firstChild.nodeValue;

1. Here you are getting all the Tags having name "td".
   So you have set of records of "td"
2. You are going to sort the record by its id, or any other property.
3. Then you are getting the top most (firstChild) value

 Suppose your tabe is structured like below
 <tr>
    <td>2</td>
    <td>2</td>
    <td>C</td> 
</tr>  
to aceess the first td  value u need to use below code

document.getElementsByTagName('td').firstChild.nodeValue;

//When You Ask Something Then Post Your Problem Like This Way So Other Can Help You, Otherwise It's Very Difficult To Solve Your Problem..

//I Found Code For You From http://www.satya-weblog.com/2007/06/client-side-table-sorting-using.html

Code looks Like Below :

1. <script type="text/javascript">  
2. var sortedOn = 0;  
3.   
4. function SortTable(sortOn) {  
5.   
6. var table = document.getElementById('results');  
7. var tbody = table.getElementsByTagName('tbody')[0];  
8. var rows = tbody.getElementsByTagName('tr');  
9.   
10. var rowArray = new Array();  
11. for (var i=0, length=rows.length; i<length; i++) {  
12. rowArray[i] = new Object;  
13. rowArray[i].oldIndex = i;  
14. rowArray[i].value = rows[i].getElementsByTagName('td')[sortOn].firstChild.nodeValue;  
15. }  
16.   
17. if (sortOn == sortedOn) { rowArray.reverse(); }  
18. else {  
19. sortedOn = sortOn;  
20. /* 
21. Decide which function to use from the three:RowCompareNumbers, 
22. RowCompareDollars or RowCompare (default). 
23. For first column, I needed numeric comparison. 
24. */  
25. if (sortedOn == 0) {  
26. rowArray.sort(RowCompareNumbers);  
27. }  
28. else {  
29. rowArray.sort(RowCompare);  
30. }  
31. }  
32.   
33. var newTbody = document.createElement('tbody');  
34. for (var i=0, length=rowArray.length ; i<length; i++) {  
35. newTbody.appendChild(rows[rowArray[i].oldIndex].cloneNode(true));  
36. }  
37.   
38. table.replaceChild(newTbody, tbody);  
39. }  
40.   
41. function RowCompare(a, b) {   
42.   
43. var aVal = a.value;  
44. var bVal = b.value;  
45. return (aVal == bVal ? 0 : (aVal > bVal ? 1 : -1));  
46. }  
47. // Compare number  
48. function RowCompareNumbers(a, b) {  
49.   
50. var aVal = parseInt( a.value);  
51. var bVal = parseInt(b.value);  
52. return (aVal - bVal);  
53. }  
54. // compare currency  
55. function RowCompareDollars(a, b) {  
56.   
57. var aVal = parseFloat(a.value.substr(1));  
58. var bVal = parseFloat(b.value.substr(1));  
59. return (aVal - bVal);  
60. }  
61. </script>