A user's recent threads/posts next to Participated button

[Alan Vende]

Forum URL: psychic-psyghtings.proboards.com

I have the Recent Threads and Recent Posts buttons next to my Participated button on my forum. The code for that is as follows:

<script>

$(function(){

var recent = $("a.recent-threads-button");

recent.clone().attr("href", "/posts/recent").html("Recent Posts").insertBefore($("#navigation-tree"));

recent.clone().attr("href", "/threads/recent").html("Recent Threads").insertBefore($("#navigation-tree"));

});

</script>

<script>

$(function(){

var recent = $("a.recent-threads-button");

recent.clone().attr("href", "/posts/recent").html("Recent Posts").insertBefore($("#navigation-tree"));

recent.clone().attr("href", "/threads/recent").html("Recent Threads").insertBefore($("#navigation-tree"));

recent.clone().attr("href", "/user/$[user.id]/recent_posts").html("My Recent Posts").insertBefore($("#navigation-tree"));

recent.clone().attr("href", "/user/$[user.id]/recent_threads").html("My Recent Threads).insertBefore($("#navigation-tree"));

});

</script>

I assume that that would be correct, right?

Also, I noticed that there isn't <script type="text/javascript"> in this instance. Or in some other instances in my header/footer and whatnot. Should it have that? Or no?

Thanks so much!

[Brian]

Hi, Alan Vende.

It should look like this. I've changed it so that it accounts for whether or not you're logged in (guests don't have a user ID or a Participated button).

<script>
$(function(){
    if(pb.data('user').is_logged_in){
        var recent = $("a.recent-threads-button");
        recent.clone().attr("href", "/posts/recent").html("Recent Posts").insertBefore($("#navigation-tree"));
        recent.clone().attr("href", "/threads/recent").html("Recent Threads").insertBefore($("#navigation-tree"));
        recent.clone().attr("href", "/user/"+pb.data('user').id+"/recent").html("My Recent Posts").insertBefore($("#navigation-tree"));
        recent.clone().attr("href", "/user/"+pb.data('user').id+"/recent_threads").html("My Recent Threads").insertBefore($("#navigation-tree"));
    }
});
</script>

Having the type attribute in a script tag isn't entirely necessary for Javascript but it's good practice for ensuring backwards compatibility with browsers.

[Alan Vende]

Thanks so so much, Brian! I thought it was all a bit the same, but I guess not. My bad. Thanks for the correction(s)!

And thanks for the information about the tags!

[Alan Vende]

Brian, this is weird. I just put it into my test forum and now the only thing is there is the Participated button as it was before I put the Recent Threads/Posts buttons for the forum itself. All I did was highlighted the old code and copy/pasted the new one on top of it. ...At least, that's what I thought I did

I looked at the rest of my code and nothing looks out of place. Did I implement something wrong? I'm asking because, like I said, I can't see anything.

[Brian]

You were missing the closing quotation mark after My Recent Threads. Should be fixed now.

[Alan Vende]

Oi. I didn't notice that. Thanks for the fix, Brian!