How to handle ondrag event in TD ?

[Suresh]

I have a table.

 <table border=1> 
<tr>
<td onmousedown="create(this)"></td>
<td onmousedown="create(this)"></td>
</tr>
<tr>
<td onmousedown="create(this)"></td>
<td onmousedown="create(this)"></td>
</tr>
</table>
<script language="javascript">
function create(obj)
{
if(obj.hasChildNodes()) {
value = obj.firstChild.nodeValue;
}
var children = obj.childNodes;
for(k=0; k<children.length; k++) {
obj.removeChild(children.item(k));
}
var value = "";
var x = obj.createElement("input");
obj.type = "text";
obj.value = value;
obj.focus();
}
</script>
 

This is my actual script. It will create a textbox in the mousedown event of <td>.

Now my question is, How can I select the four <td>s, whether in the same onmousedown event or there is any onmousedrag event? please help...

If I select any one of the <td>, its border should be highlighted.
And also If I select all the <td>s, its outer border should be highlighted.
Is it possible in javascript? Similar to MS Excel.

I hope anyone of u people reply my question.

Regards,
Suresh.

[Niheel]

I pasted your code into a html file and tried it in a browser. I can't get any action out of it. All that happens is a small grey box shows up.

Are you looking for a 2x2 table? When you click on one of the cells it should be highlighted. If you drag and select all of the boxes, all of them should be highlighted (much like excel)?

[Ivan25]

Hi , Suresh did u manage to find the solution
for highlight a row when on click and keep it highlighted until you let go of the
mouse.

[acoder]

See Table highlighting on click.