Hi all. I'm pretty new to jquery and javascipt in general. I've had fun so far and I'm really enjoying using jquery. So far most compatability problems I've experienced have been down to IE (trailing commas in arrays, etc). This latest problem stops a page which works great in IE and chrome working at all in FF.
The code below basically loads a table of data by post request. Then applies various functinalities to the elements contained within the loaded data. In FF the table which should be loaded by post request just does not display at all. Can anyone provide any help? I'm stumped. If more detail is required, please let me know and I'll happily provide. Pete Code: function update_table_row(obj){ var rel = $(obj).attr('rel'); $('input#submit_'+rel).removeAttr('disabled'); $('tr#row_'+rel+' td').css('background-color','pink'); } function submit_changes(obj){ var rel = $(obj).attr('rel'); $('input#submit_'+rel).attr('disabled','disabled'); $('tr#row_'+rel+' td').css('background-color','cyan'); } function update(){ $.post("<? echo url::site('ajax/nd_admin/view_accounts')?>", { sortby:$("#sortby").val(), sortdirection:$("#sortdirection").val(), search:$("#search").val(), page:$("input#page").val() }, function(data){ $("#stats").html(data); $('p.paging a').click(function() { $('input#page').val($(this).attr('rel')); $('form#searchform').submit(); return false; }); $('table#result_table :input').change(function(){ update_table_row(this); }); $('form.update_details').submit(function(){ submit_changes(this); return false; }); } ); } $(document).ready(function(){ update(); $("form#searchform").submit(function(){ update(); return false; }); $("form#searchform :input").change(function(){ update(); return false; }); });