<html> <head> <title></title> <script> var isMouseDown = false; var sumValue = 0; function init(){ var tbObj = document.getElementsByTagName("table") var tbNum = tbObj.length; for (i = 0;i < tbNum; i++){ var trObj = tbObj[i].getElementsByTagName('tr'); var trNum = trObj.length; for (iTr = 0;iTr < trNum; iTr++){ var tdObj = trObj[iTr].getElementsByTagName('td'); for(iTd = 0;iTd < tdObj.length; iTd++) { tdObj[iTd].onmousedown = function(){f_mousedown(this)}; tdObj[iTd].onmouseover = function(){f_mouseover(this)}; tdObj[iTd].onmouseup = function(){f_mouseup()}; } } } } function f_mousedown(obj){ isMouseDown = true; //window.status = obj.innerText; sumValue = parseInt(obj.innerText); return false; } function f_mouseover(obj){ if (isMouseDown == true){ obj.selected= 1; //window.status += obj.innerText; sumValue += parseInt(obj.innerText); window.status = sumValue; } } function f_mouseup(){ isMouseDown = false; document.getElementById('calCells').value = sumValue; window.status = ""; } </script> <style> .highLighted{ background-color:whitesmoke; } </style> </head> <body onload="init()"> <table border="1" width ="50%"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> </tr> </table> <input type="text" id="calCells" value=""/> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
