I'm creating a web email page that has a table on it with the messages. I have an onclick event on a <a></a> tag that I would like to transfer to the entire row (its a javascript onclick function). I also have in each row a column where the user can click a LinkButton that will delete the message... The only problem is when I put the onclick event that opens the email on the entire row and someone clicks the LinkButton to delete it, it opens the message and deletes it.

 How can I disable the row's onclick event for 1 particular cell....

Try the following:

1)Add an id to the table like,

<table id="mytable"

2)put the below code inside head tag of your page:

<script type="text/javascript" >

 window.onload = function(){
       
     var table = document.getElementById("mytable");
     var rows = table.getElementsByTagName("tr");
     for(i=0;i<rows.length;i++)
     {
        rows[i].childNodes[yourCellIndex].onclick = function(){event.cancelBubble = true;}
     }
     }

 </script>

 yourCellIndex = zero based index for the  cell you want to disable onclick, for the second cell in a row it will be 1.

 

Hope this helps.

cheers!!