jquery 1

JamesGMills · Mar 23, 2009

Do people use frameworks on here?

I have recently started to get into jquery and have a question if anyone is able to answer it... I did search for a jquery forum/section but I could not find one...

If I have this:

$(function() {

$.ajax({
url: "pages/twitter.php",
cache: false,
success: function(html){
$("#twitter_content").append(html);
}
});

});

How can I make this run every 10 sections without page refresh?

Cheers,

James

------------------------

http://www.jamesmills.co.uk

BillyRayPreachersSon · Mar 23, 2009

Something like this:

Code:

$(document).everyTime(500, function(count) {
	$.getJSON('pages/twitter.php', function(html) {
		$('#twitter_content').append(html);
	});
}, 0, true);

You might need to tweak params 2 + 3 for your needs, but it's all well documented.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

BillyRayPreachersSon · Mar 23, 2009

P.S that was a quick copy/paste so you'd need to change the time delay, and can possibly merge the everyTime in with something else and remove the first line...

Again, check the 'everyTime' docs for more.

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

JamesGMills · Mar 23, 2009

OK going to read some beginner tutorials on the web first I think... Cannot get this to work...

Thanks for your time,

James

------------------------

http://www.jamesmills.co.uk

Foamcow · Mar 23, 2009

AFAIK everyTime is not a native jQuery function but is available as a plugin.

Alternatively you could roll your own timer script.

I'm also wondering whether you could use the built in timing/callback features of jQuery's native animation functions (such as fadeIn, fadeOut, animate etc).

Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

BillyRayPreachersSon · Mar 23, 2009

Apologies - I wasn't aware that it was a plugin. That'll teach me to look more closely at our code!

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

Foamcow · Mar 23, 2009

It looks like a good plugin though. Quite useful!

For the record the Prototype framework has the rather useful PeriodicalExecutor method which is very handy.

I still prefer jQuery though.

Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

JamesGMills · Mar 23, 2009

I think I have that... I think I found it...

Is it the jquery.timers.js

I still cannot get it to work...!?

$(function() {

$.ajax({
url: "pages/lastfm.php",
cache: false,
success: function(html){
$("#lastfm_content").append(html);
}
});

});

I am guessing that I cannot use the $.ajax with this kind of thing?

Should you put everything in the $(function() { }); bit?

Cheers

------------------------

http://www.jamesmills.co.uk

Foamcow · Mar 23, 2009

You should have something like this

Code:

<script type="text/javascript" charset="utf-8">
		$(document).everyTime(5000,function(){
			$.ajax({
			      url: "twitter.php",
			      cache: false,
			      success: function(html){
			        $("#twitter_content").html(html);
			      }
			});
		},0,true);
	</script>

That is saying to run the ajax call every 5000 milliseconds.

What happens in the ajax call is up to you though.
The above code works for me but my twitter.php page is simply loading the contents of

http://search.twitter.com/search.json?q=twitter&rpp=10&page=1

So what is being shown on the page is raw json data, it isn't parsed in any way.

In what way is it not working?
What are you expecting to happen?

Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

JamesGMills · Mar 23, 2009

I get an error on the page (using firefox web developer plugin to catch this)...

$(document).everyTime is not a function

------------------------

http://www.jamesmills.co.uk

Foamcow · Mar 23, 2009

Then you have not included the everyTime plugin.

Take a look here: (I've been fiddling around with parsing the JSON data from a twitter search. No PHP script this time so if you view source you will see exactly what is going on).

http://www.fantasticmachine.co.uk/tests/twitter.html

Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

JamesGMills · Mar 23, 2009

I have no idea where I got my jquery.timers.js from but I copied the source from yours and uploaded that and it is working a treat!

Thanks for sticking with me!

Now to play a little more with some transactions and stuff

Thanks

------------------------

http://www.jamesmills.co.uk

JamesGMills · Mar 25, 2009

So the next little problem I have with this is it does not actually load anything until the first run which is after 10 seconds...

Is there a way to run/load on page load and then set it to repeat every 10 seconds?

Cheers

James

------------------------

http://www.jamesmills.co.uk

BillyRayPreachersSon · Mar 25, 2009

Why not break out the AJAX into a function, to save repeating the code, then call that function 'on ready' as well?

Something like:

Code:

function doAjax() {
	$.ajax({
		url: 'twitter.php',
		cache: false,
		success: function(html){
			$('#twitter_content').html(html);
		}
	});
}

$(document).everyTime(5000, doAjax, 0, true);

$(document).ready(function() {
	doAjax();
});

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

JamesGMills · Mar 25, 2009

And that is why I love this place!

Thanks Dan

------------------------

http://www.jamesmills.co.uk

BillyRayPreachersSon · Mar 25, 2009

Anytime!

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

JamesGMills · Mar 26, 2009

What I am going to try and do next is only get anything new... and then somehow animate that into the page... So everything that was already there scrolls down and then teh new item/items flash in...

I am guessing that this is going to take a little more php and something to do with time... in the page that I am getting the content from...

Cheers again for the kick start

------------------------

http://www.jamesmills.co.uk

Foamcow · Mar 26, 2009

Yep, more PHP. Although you might be able to do it with Javascript by looking at the JSON returned.

Get the tweets then split the returned data up into individual tweets. Compare the time on them with the time of the last one you are displaying and feed those that are newer to your page.

The animation bit is trivial with jQuery

Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

jquery 1

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Similar threads

Log in

Part and Inventory Search

Sponsor