ok I am using the table expanding code found here
http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx
basicily it hides the even rows on the table and when you click a row
that is shown (a master row) the row under it slides into place. it
works great but it's built on the premeiss that the content in the
hidden rows is loaded on page load and just waiting to be displayed. I
am looking to make this dynamic and cant think how to do it.
this is what I want: the main table will load with data in the master
rows. this will be something like a server IP or a FQDN. when the user
clicks on the master row the next TR under it will slide into place
and an ajax call will happen displaying server stats in the newly
shown TR. I dont want to load this data on page load because it might
be a list of 500+ servers. so I need it one at a time on TR click. So
my thought was to make one of the TD's in the master row contain a div
with an ID of IP_click and the hidden TR have a TD with a div that has
an ID of IP. so I would call
$("#IP_click").click(function(){
$("#IP").toggle().ajax(function(){
call page here;
});
});
Now I would love to write one function so that I dont have a JQ call
for each server $("#IP1_click) $("#IP2_click") etc... so I think I'm
close I just cant figure how to get the dynamic id's to the function
call. I am using PHP if that helps.
