The main difference is the load their servers are taking – rather than 1 AJAX request per item, it shows 10 items, then does another AJAX request.

I do have one (style) question: when looking at the example at “http://leftlogic.com/jquery_spy/spy.html” in firefox (1.5.0.7), I notice that after scrolling down, all rows after the first one scroll a little bit up!
This does not happen in IE, so I guess it is a css thing.
Anybody fix that one already?

Also, I found that the IE (6) javascript engine doesn’t like it when you start with an empty div id=”holder” element. You’ll get an “object required” javascript error. I just put in some dummy text for now.

Thanks,
Marco

id = newid;
return id;
}

and be sure to have an empty div for each row like so:
<div class=”id” id=”<?php echo $row[‘id’]; ?>”></div>

The idea is to get the latest auto increment id from the content and pass that to the source. The source would then add ”.. where ID>$timestamp.. ” to get the next items.

I am using the following code to avoid any old rows from coming up:

function myIsDupe(latest, last) {
if (latest.id > last.id) {
return false;
} else {
return true;
}
}

and of course adding

‘IsDupe’: myIsDupe to the query options part, but it doesn’t seem to be working out.

I tried what joel said but it just straight out didn’t work.

Anyone?

If you’re using Firefox with Firebug or Safari, change the function to read:

function myIsDupe(latest, last) {
consoloe.log(“dupe check”, (latest.id > last.id), latest.id, last.id);
if (latest.id > last.id) {
return false;
} else {
return true;
}
}

You can see here:
http://www.blogsearch.hu/index_alpha.html
For example at the left side, in the “alpha, be patient” box the spam-prevented e-mail dosn’t turn into the right format. However, here, where I don’t use the spy.js, and the jquery.js, it works fine:
http://www.blogsearch.hu/belepes

Thanks, and sry for the long post…

do u suggest any solution for this?

but now am facing and i hope it’s the last problem with Rico library!

there r another conflicts with Rico library and spy plugin…..

so do u suggest anything???

If I leave my page open in Firefox and come back a few hours later I find it is using 99% CPU and 200MB of RAM. I don’t know if it is the Spy or some other js I’m using, however.

I would run the same check in IE, or check the flag (if you’re using Firebug). Let me know how you get on.

Though the spy appears to be real time to the user, behind the scenes it should actually be showing slightly “stale” data – otherwise you have to poll at a frequency that will give your user’s browser problems.

I would recommend every 1 second, but make sure I return 10 or so rows of content, as each of these are added to the spy on each second, rather than polling each second, it ends up polling every 10 seconds (i.e. 10 rows x 1 second).

Hope that helps.

I edited the plugin to fade the first elements out and pushing to the end of the list. (chatlike).

if anyone is intrested mail mit to mictro / this fancy ‘a’/ gmail.com

:)

Now, predictably, I have a question!

I would like to not 'loop' the results returned, but rather keep the list 'static' (or rather, just stack new results on top of the old results).

What I mean by this, is if I query the database now, and it returns three additional entries to add to the output, it will loop those three entries, until another query is made.

I would like it to pull those entries and display them, then stop, and wait for more results, not loop through the results until the next query is run.

What I want to do is have a "live" list of forum posts on my website, and it's sort-of working, but it looks odd looping through three results (for example) when I have a list of seven. I'd like it to just add those three to the list (bumping off the oldest three), then stop and wait.

Could someone advise on how to achieve this?

This was the easiest way to achieve what you're after, otherwise it would require a significant change to some of the internal spy code.

If you download the latest spy and follow the instructions for the pushTimeout it should do the trick.

Let me know how you get on.

Fantasic piece of work! I have been playing around with it and is very easy to implement.

I have a requirement whereby I want to pass some paramaters from a form that is being monitored to the ajax page via the specified URL, much the same as the actual Digg Spy.

I am under the impression that AJAX URL is loaded once and from then on it is set? Would that be correct?

If so, can you envisage a way whereby I am able to pass form parameters to the server side page?

I look forward to your response.

Kind regards,

Luke Byrne

thanks

Use the custom push method and colour the new DIV's background depending on whether it's an odd or even DIV:

function custom_push(html) {
  // Prepend the HTML inside the container
  $('#' + this.id).prepend(html);
  var l = $('#' + this.id + ' > div').length;
  if (l % 2 != 0) { // then it's odd
    $('#' + this.id + ' > div:last').css('backgroundColor', '#c00');
  }
}

@Luke - It should be fine - but you'll need to mod the spy.js file, and the code I've suggested is a bit of hack, bit it should work.

You need to add a new method inside the spy (within the return this.each(function () { block) to change the Ajax URL (I assume you have some kind of click handlers when the user changes the form settings).

var e = this;
e.setAjaxURL = function (url) { o.ajax = url; };
... // continue as normal

Then to change the URL:

$('#spyContainer')[0].setAjaxURL(url);

@Linus - sorry, no idea. Have you tried Google?

@Murki - that's a browser feature. Your browser won't let you access content, through scripting, from different URLs (i.e. the protocol and hostname must match the source request). What you're trying to do is called Cross Site Scripting

print file_get_contents($json_feed_url)

...

In reply to how you could get around the cross site scripting - yes, you could create a proxy-type script - that would overcome the problem.

Is there any chance you could help with my previous question? About setting/displaying multiple items with JSON?

I want to create something like http://www.ubuntustats.com/. How to create 2 or more spy instances?

To create more than two instance of spy, from what i have tried you will have to make a copy of the current spy.js, rename every instance of SPY to something else as it is a variable eg SPY2,

so in the new file you will have
var spy2Running = 1; instead of
var spyRunning = 1;

same goes for other variables

spy2.last, spy2.epoch, spy2.json etc

make another copy of out.php to out2.php for example. change the content of the divs so into something different.

also create a new copy of test.php to test2.php or any name. In the new file test2.php, call the jquery and instead of calling spy.js now call spy2.js

In the function section where you have

   $('#spyContainer').spy({'ajax': 'out.php' });

change the variable names and id to match what u previously named your variables in spy2.js and also make a new id for the div tag e.g.

   $('#spyContainer2').spy2({'ajax': 'out2.php' });

finally create a new php demo.php file to call both test.php and test2.php

to make it look like ubuntulivestats, instead of placing in a table you will want to place it in draggable divs.

miniajax.com. ajaxian.com u can find tutorials on draggable divs

good luck

I also added in a Math.random() parameter to force reloads every call and changed $.post to $.get - those can easily be removed if desired. :) Essentially I just create an array that has a list of all the spy IDs that are called, if a dupe is detected, the old timer is disabled and the new one starts like normal. Oh, and I changed the epoch behavior, for some reason on my browser it wasn't reporting the right time. I don't see why it needed the spy.epoch calculation at all.

Here's my blog post about it with a link to the patch file:
http://michaelshadle.com/2007/10/29/jquery-spy-improvements/

I tried to show thy gif with document.getElementById("xyz").innerHTML but it didnt work ... Can anyone help me ?

Sorry for my English ;-)

Great work. Above, you mentioned that to give the script more of a realtime effect, you'd need to do polling to bring in fresh data according to some interval. The problem, might appear to be t he CPU cycles and RAM allocated for long-running scripts with repeated AJAX remote calls.

Nonetheless, could you add-in a property that would allow for programmatic polling? Maybe something like:

var o = {
        limit: (settings.limit || 10),
        fadeLast: (settings.fadeLast || 5),
        ajax: settings.ajax,
        timeout: (settings.timeout || 3000),
                poll: (settings.poll || 120000)   // refresh the data every 2 minutes
               // ....more code here

Thanks!
jason

Can't we just combine it with LastRSS and let it feed from there?

What your suggestion about SQL statements with timestamp ?

The fadeIn/last using json dosen't work. Because?

On your second question - try adding something like this:

$('#spyContainer').mouseover(pauseSpy).mouseout(playSpy);

http://rksdesignstudios.com/magnet/spyTest.php

That is my test page that I am trying to get it working on, it is setting the display to none if you view the generated source code.

I am not sure why, I have read through your doc's. Anything I can do to it?

Thanks a ton! Great work as well :)

Ryan Coughlin

Thanks again,

Ryan