how to call the javascript function on table row click

Question

I have a javascript function..

<script type="text/javascript">
    var RowClick = function() {
        $("#mytable").click(
        $("#showgrid").load('/Products/List/Items/'));
    };
</script>

Can I call this function on onclick event on tr? I am calling something like this?

<tr class="something" onclick="javascript:RowClick()');">
can i call like this? if I call its not loading the URL?

can anybody help me out?

thanks

You might also want to take a look here at how to add visual cues to indicate that a row or cell is clickable radio.javaranch.com/pascarello/2004/12/30/1104419159000.html — Roman
– Roman, Commented May 4, 2010 at 16:16
the "javascript:" protocol in your onclick handler is redundant.. just call onclick="RowClick();" — scunliffe
– scunliffe, Commented May 4, 2010 at 16:35

karim79 · Accepted Answer · 2010-05-04 17:12:49Z

11

There is no need to call RowClick() inline. Just put that code into a click event handler and attach it to each row:

$(document).ready(function() {
    $("#mytable tr.something").click(function() {
        $("#showgrid").load('/Products/List/Items/'));
    });
});

<tr class="something">

edited May 4, 2010 at 17:12

answered May 4, 2010 at 16:14

karim79

343k67 gold badges420 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

skyfoot · Accepted Answer · 2010-05-04 16:16:18Z

0

If I've understood your question you can do the following

$("tr").click(function () {
  //call funcion
});

answered May 4, 2010 at 16:16

skyfoot

20.7k10 gold badges52 silver badges71 bronze badges

Collectives™ on Stack Overflow

how to call the javascript function on table row click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related