Twitter Like, Load more, to "we are done"

[webevelopersFTW]

anyone have any ideas?

[criterion9]

Did you see the post above yours? If you are wanting to change the button text it seems like that would do it.

[webevelopersFTW]

Been trying to get that to work for about 4 hours, cant get it to work...

[xelawho]

does the flag work as it should? put in a couple of alerts...

var postHandler = function(postsJSON) {
var postsLocated = false;
			$.each(postsJSON,function(i,post) {
postsLocated = true;
alert(postsLocated)//should alert true unless there are no more posts
				//post url
				var postURL = '' + domain + "test.php?ID=" + post.ID;
				
				var id = 'post-' + post.ID;
				//create the HTML
				$('<div></div>')
				.addClass('post')
				.attr('id',id)
                      //generate the HTML
                         .html('')
				.click(function() {  
                window.location = postURL;  
            })  
				//inject into the container
				.appendTo($('#posts'))
				.hide()
				.slideDown(250,function() {
					if(i == 0) {
						//$.scrollTo($('div#' + id));
					}
if(!postsLocated){
alert(postsLocated)//if this alerts false ONLY when there are no more posts, you are on the right track
}
				});

[webevelopersFTW]

Thanks for the help!

OK, I am getting the "true" alert every time I load a set. However I am not getting an alert when when I run to the end of the database.


This is the section of the code that seems to not be working, does it look right?

                if(i == 0) {
		   //$.scrollTo($('div#' + id));
		}
		if(!postsLocated){
                   alert(postsLocated)//if this alerts false ONLY when there are no more posts, you are on the right track
                }
			
				});
			});
		};

again thanks for the help

[xelawho]

hmm... maybe a small miscalculation on where the functions end Try this one:

var postHandler = function(postsJSON) {
var postsLocated = false;
			$.each(postsJSON,function(i,post) {
postsLocated = true;
alert(postsLocated)//should alert true unless there are no more posts
				//post url
				var postURL = '' + domain + "test.php?ID=" + post.ID;
				
				var id = 'post-' + post.ID;
				//create the HTML
				$('<div></div>')
				.addClass('post')
				.attr('id',id)
                      //generate the HTML
                         .html('')
				.click(function() {  
                window.location = postURL;  
            })  
				//inject into the container
				.appendTo($('#posts'))
				.hide()
				.slideDown(250,function() {
					if(i == 0) {
						//$.scrollTo($('div#' + id));
					}
				});
		});
	if(!postsLocated){
alert(postsLocated)//if this alerts false ONLY when there are no more posts, you are on the right track
}	
});

[webevelopersFTW]

It works!!! Thank you! Now how to I get that to make the button say "we are done" .


Again thank you so much!

[xelawho]

wouldn't that be like I posted before...

if(!postsLocated){ //there were no more posts
$('#load-more').val('We are done'); //change text of button
}

?

[webevelopersFTW]

so I replace

if(!postsLocated){
alert(postsLocated)//if this alerts false ONLY when there are no more posts, you are on the right track
}

to this?

if(!postsLocated){ //there were no more posts
$('#load-more').val('We are done'); //change text of button
}

It doesn't seem to work, seems I need to go lower where '#load-more' is defined

var start = <?php echo $_SESSION['posts_start']; ?>;
		var desiredPosts = <?php echo $number_of_posts; ?>;
		var loadMore = $('#load-more');

but im pretty lost, as you can see. LOL

[xelawho]

sorry - I thought your were using jQuery. looks like the mooTools equivalent is:

if(!postsLocated){ //there were no more posts
$('#load-more').set('text','We are done'); //change text of button
}

and yes - if the code was alerting correctly (ie, false only when there are no more posts), then that's the place to put it.

[webevelopersFTW]

No thats not working :-(

and I have the jquery library loaded, i have never used mooTools

[webevelopersFTW]

Changed it to

                if(!postsLocated){ //there were no more posts
		loadMore.text('We are done here!');
}

and now it works


Thank you, Thank you, Thank you!!! I really appreciate all the help and patience you gave.

[xelawho]

oh, yeah - ha, ha. load-more is a div, not a button - that's why .val() wasn't working

glad you got it going!