first off I would like to say that I posted this message over 24 hours ago and it said that I would have to await moderation but as yet nothing, so here goes again.

I have a download counter on my site that I am fiddling around with, see here:-

www.madtogger.co.uk/page/software

The counter is printed to the screen using the code below:-

2. <center>
3. <table>
4. <tr>
5. <td>File Name</td>
6. <td>Downloads</td>
7. </tr>
8.  <?php 
9. 
   
10.         foreach($files_array as $key=>$val)
11.         {
12.             echo '
13. <tr>
14. <td><a href="http://www.madtogger.co.uk/dlc_download.php?file='.urlencode($val).'">'.substr($val, 0, strpos($val, '.')).'</a></td> 
15. <td><span class="download-count">'.(int)$file_downloads[$val].'</span></td>
16. </tr>';
17.         }
18.     
19.     ?>
20. 
    
21. </table>
22. </center>
23. 
    

The counter is activated using the jQuery code below:-

2. $(document).ready(function(){
3. /* This code is executed after the DOM has been completely loaded */
4. 
   
5. $('tr').click(function(){
7. var countSpan = $('.download-count',this);
8. countSpan.text( parseInt(countSpan.text())+1);
9. });
10. });
11. 
    

As you can see, the click function activates when the user clicks on the filename that they want to download as it is contained within the <TR> tag and this then updates the counter display.

That all works fine but the glitch I am trying to solve is that if a user just clicks on cell2 of the table row the counter also increases even though a download has not been started.

What I am trying to achieve is that a user can only click the filename to cause the counter to increase and that no action is taken when a click is made anywhere else on the row.

Any help would be appreciated.

Regards..,

K