Guest User

Untitled

a guest
Dec 9th, 2018
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.76 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>JS Bin</title>
  7. </head>
  8. <body>
  9.  
  10. <table id="table" border="1">
  11. <tr>
  12. <th>First Name</th>
  13. <th>Last Name</th>
  14. <th>Age</th>
  15. </tr>
  16.  
  17. <tr>
  18. <td>FN1</td>
  19. <td>LN1</td>
  20. <td>10</td>
  21. </tr>
  22.  
  23. <tr>
  24. <td>FN2</td>
  25. <td>LN2</td>
  26. <td>20</td>
  27. </tr>
  28.  
  29. <tr>
  30. <td>FN3</td>
  31. <td>LN3</td>
  32. <td>30</td>
  33. </tr>
  34.  
  35. <tr>
  36. <td>FN4</td>
  37. <td>LN4</td>
  38. <td>40</td>
  39. </tr>
  40.  
  41. <tr>
  42. <td>FN5</td>
  43. <td>LN5</td>
  44. <td>50</td>
  45. </tr>
  46. </table>
  47.  
  48. <script>
  49.  
  50. var table = document.getElementById("table"),rIndex,cIndex;
  51.  
  52. // table rows
  53. for(var i = 1; i < table.rows.length; i++)
  54. {
  55. // row cells
  56. for(var j = 0; j < table.rows[i].cells.length; j++)
  57. {
  58. table.rows[i].cells[j].onclick = function()
  59. {
  60. rIndex = this.parentElement.rowIndex;
  61. cIndex = this.cellIndex+1;
  62. console.log("Row : "+rIndex+" , Cell : "+cIndex);
  63. console.log(this.parentElement);
  64.  
  65. };
  66. }
  67.  
  68. }
  69. </script>
  70.  
  71.  
  72. </body>
  73. </html>
Add Comment
Please, Sign In to add comment