[jQuery] Re: problem displaying ajax data in Firefox (not IE, chrome)

Thanks for the replies chaps. I tried Firebug, but I'm not experienced
with it and couldn't quite make sense of it. I also changed the requst
to $.ajax, which didn't fix it.

HOWEVER

Using firebug I did notice that the html code was returned, but that
firefox would not display it. Then I realised that i had been very
silly and had put a seperate form on each table row, i.e. invalid
html. I changed the page from using form.submit to button.click and
the problem was solved. A silly mistake.

Thanks again for the advice.

Pete

2009/5/29 waseem sabjee <waseemsabjee@gmail.com>:
> try using the $.ajax() instead
>
> On Fri, May 29, 2009 at 9:51 PM, James <james.gp.lee@gmail.com> wrote:
>>
>> It's difficult to debug just looking at the code. Do you think you
>> could set up a test page?
>> Have you tried using Firebug for Firefox to see that the request is
>> working, and it's just the inserting into the DOM that's the issue?
>> Have you tried instead of setting the response 'data', try setting
>> something else? Maybe there's something in the CSS for #stats that's
>> making it not being displayed properly?
>>
>> There could be many issues, but it's difficult to tell unless you
>> could set up a test page, or provide more details of the issue.
>> Thanks.
>>
>> On May 29, 4:21 am, peter websdell <flyingdeckch...@googlemail.com>
>> wrote:
>> > 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;
>> >    });
>> >
>> > });
>
>