is there auto topic update - refresh to see new posts with out refresh the page

is there auto topic update - refresh to see new posts with out refresh the page

Yeah, it's possible. You'd just have to create an array of all the posts on the page, once you do this you can setup an interval which will poll for changes by sending a AJAX request to the page you're currently on.

Something like this for example :

Code:

$(function() {
  window.AJAX_TOPIC = {
    poll_time : 3000,
    post_then : $('.post'),

    get : function() {
      $.get(window.location.href, function(d) {
        AJAX_TOPIC.post_now = $('.post', d);

        if (AJAX_TOPIC.post_now.length > AJAX_TOPIC.post_then.length) {
          AJAX_TOPIC.post_then.last().after(AJAX_TOPIC.post_now.slice(AJAX_TOPIC.post_now.length, AJAX_TOPIC.post_then.length));
          AJAX_TOPIC.post_then = AJAX_TOPIC.post_now;
        }
      });
    }
  };

  AJAX_TOPIC.poll = window.setInterval(AJAX_TOPIC.get, AJAX_TOPIC.poll_time);
  'par ange tuteur';
});

It's a rough draft, so I don't know how well it'll work.

im not sure about array of all the posts on the page
but ill do my best
thanks for now

What I mean by array, is creating an element array of the posts on the page. Calling

Code: $('SELECTOR')

in jQuery automatically returns an element array of all the elements that match your selector query. Same with

Code: document.querySelectorAll('SELECTOR')

which is a native function of javascript. For example, this will return all posts in a topic and caches them to a variable :

Code:

var current_posts = $('.post');

Running the above in the console will return this element array :

Which is three posts at the time I was typing this message.

Now since you cached the posts to a variable you'll be able to determine how many posts are on the page by writing

Code: current_posts.length

, which would return 3 in my case. After that you just need to use AJAX to get the new posts and make a comparison like this for example :

Code:

if (current_posts.length < new_posts.length) {
  // update the topic and current_posts variable
}

Obviously new_posts is undefined since this is an example, but my script I posted earlier should show you what to do. xD

im still working with the answer
cant tell yet if its solved or not

is there a general way
Object { length: 0, prevObject: Object, context: HTMLDocument → t7-topic, selector: "SELECTOR" }
this what i get
also if this worked in my testing forum it might not work with the ther users
if not possible
then just forget about it

@Michael_vx I took a look over my example script and I noticed it was a bit incorrect. Try adding this script with placement in the topics :

Code:

$(function() {
  window.AJAX_TOPIC = {
    poll_time : 3000,
    post_then : $('.post'),
 
    get : function() {
      $.get(window.location.href, function(d) {
        AJAX_TOPIC.post_now = $('.post', d);
 
        if (AJAX_TOPIC.post_now.length > AJAX_TOPIC.post_then.length) {
          AJAX_TOPIC.post_then.last().after(AJAX_TOPIC.post_now.slice(AJAX_TOPIC.post_then.length, AJAX_TOPIC.post_now.length));
          AJAX_TOPIC.post_then = $('.post');
        }
      });
    }
  };
 
  AJAX_TOPIC.poll = window.setInterval(AJAX_TOPIC.get, AJAX_TOPIC.poll_time);
  'par ange tuteur';
});

wow
tested on phpbb3
working like a charm
phpbb2
not working
punbb
working like a charm
invision
working like a charm
most users use phpbb2
but some how phpbb2 looks a bit stupid in Scripts like that
i used 1000 instead of 3000 the reply appear in real time just like facebook LOL

@Michael_vx, was that latest answer given by Ange helpful to you? Can we close this case now?

@Michael_vx hmm what if you change the selector

Code: .post

to

Code: tr.post

for phpbb2 ?

yes its working fine
ill just look in my old files to find the tags of
punbb and invision
i remarked the topic so you can close it
i also apologize for not marking solved topic
my head a little huzzy these days
since a few things one of them is i saw pic of someone broke my heart before on fb that made me remember all old times when i was in love with her
then my forum was almost lost but i fixed that
and some fights with my older brother

i forget to say
its not working with multi pages

@Michael_vx ah yes, I forgot to mention that it only updates the comments on the current page. Try this and see if it works regardless of your current page :

Code:

$(function() {
  window.AJAX_TOPIC = {
    poll_time : 3000,
    post_then : $('.post'),
 
    get : function() {
      $.get(window.location.href + '?view=newest', function(d) {
        AJAX_TOPIC.post_now = $('.post', d);
 
        if (AJAX_TOPIC.post_now.length > AJAX_TOPIC.post_then.length) {
          AJAX_TOPIC.post_then.last().after(AJAX_TOPIC.post_now.slice(AJAX_TOPIC.post_then.length, AJAX_TOPIC.post_now.length));
          AJAX_TOPIC.post_then = $('.post');
        }
      });
    }
  };
 
  AJAX_TOPIC.poll = window.setInterval(AJAX_TOPIC.get, AJAX_TOPIC.poll_time);
  'par ange tuteur';
});

im not sure right now
i have just used my internet speed is dropped to 256KB/s till 4th of the next month
any way
the multi pages still same
drop it for later
i think its would be good if we look into more better Scripts then this one

@Michael_vx oops, give it one more try :

Code:

$(function() {
  window.AJAX_TOPIC = {
    poll_time : 3000,
    post_then : $('.post'),
 
    get : function() {
      $.get(window.location.pathname + '?view=newest', function(d) {
        AJAX_TOPIC.post_now = $('.post', d);
 
        if (AJAX_TOPIC.post_now.length > AJAX_TOPIC.post_then.length) {
          AJAX_TOPIC.post_then.last().after(AJAX_TOPIC.post_now.slice(AJAX_TOPIC.post_then.length, AJAX_TOPIC.post_now.length));
          AJAX_TOPIC.post_then = $('.post');
        }
      });
    }
  };
 
  AJAX_TOPIC.poll = window.setInterval(AJAX_TOPIC.get, AJAX_TOPIC.poll_time);
  'par ange tuteur';
});

I used window.location.href instead of window.location.pathname. href includes everything ; hash and queries included, so it may have voided the query that I added : ?view=newest. It checks for the newest post. For example this link, links to the first page in the topic, but will display the most recent post :
https://fmdesign.forumotion.com/t120-chit-chat-thread?view=newest

i guess its still the same im testin right now on phpbb3

Oh right, you're correct. I didn't consider that the posts on the page you're currently on, would be lesser than the posts on the most recent page.. The stock script only works on the currently page, unfortunately.

its okay consder it solved and archive it
who need the mutil pages any way we have more better Scripts to deal with

Haha, yes. At least it works to some degree.

Anyway you're welcome.

Topic archived