Välkommen till wF
Drag'n'drop brukar man med pedagogiska termer avse att dra en objekt från en position och släppa den över en annan :)
Här är ett exempel på hur man kan göra i ditt exempel. Antagligen har du någon liten fin funktion i ASP, php, e.dyl som du kan använda för att loopa fram alla cellerna/raderna.
<script language="JavaScript" type="text/javascript">
var startSelect=false;
function startMark(h){
for(var i=8;i<=15;i++){
document.getElementById("klockan"+i).style.backgroundColor="White";
}
startSelect=h;
}
function stopMark(h){
if(startSelect){
if (document.selection){ document.selection.empty() } else if (window.getSelection){ window.getSelection().removeAllRanges(); }
for(var i=startSelect;i<h;i++){
document.getElementById("klockan"+i).style.backgroundColor="blue";
}
alert("Du har markerat klockan "+startSelect+" till klockan "+h+".");
}
}
</script>
<table border="1">
<tr><td id="klockan8" onMouseDown="startMark(8);" onMouseup="stopMark(9);">08:00-09:00</td></tr>
<tr><td id="klockan9" onMouseDown="startMark(9);" onMouseup="stopMark(10);">09:00-10:00</td></tr>
<tr><td id="klockan10" onMouseDown="startMark(10);" onMouseup="stopMark(11);">10:00-11:00</td></tr>
<tr><td id="klockan11" onMouseDown="startMark(11);" onMouseup="stopMark(12);">11:00-12:00</td></tr>
<tr><td id="klockan12" onMouseDown="startMark(12);" onMouseup="stopMark(13);">12:00-13:00</td></tr>
<tr><td id="klockan13" onMouseDown="startMark(13);" onMouseup="stopMark(14);">13:00-14:00</td></tr>
<tr><td id="klockan14" onMouseDown="startMark(14);" onMouseup="stopMark(15);">14:00-15:00</td></tr>
<tr><td id="klockan15" onMouseDown="startMark(15);" onMouseup="stopMark(16);">15:00-16:00</td></tr>
</table>