Recent Posts - Hide Duplicates

GuildPortal admin site link to the original post

This script hides duplicate posts in the "Recent Posts Stand-Alone" widget. Note if there are 10 posts in the same post showing in the recent post widget, you'll end up seeing only one. This script can only modify what is already present in the widget, it can't add more recent posts. If you want to include all recent posts, look at the Most Recent Posts Display script (it does cause a bit of lag).

NOTE: Add this script to a Free Form Text/HTML type widget while in <> HTML mode AND Raw/Script mode, or to your Footer Area (Control Panel > Custom HTML & Script > Footer Area).

Before
After

Code

<script type="text/javascript" src="http://www.axiomfiles.com/Files/258012/events-posts-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 modifyRecentPosts();
})
</script>

Customizing

• There is nothing to customize.

Edit (2/4/2010): Added a note about having the editor in both HTML & Raw/Script mode.
Edit (3/2/2010): Fixed a problem where the script would break if you had any punctuation in your post title. File in the link above was updated.
Edit (3/17/2010): Updated the code to once again improve finding the unique posts. Also, reduced the size of the file making it "events-posts-min.js".

Hi Annikka13!

And welcome to my site! It looks like I forgot to mention that the code needs to be added to a Free Form Text/HTML type widget on the same page as the Recent Post widget. Also, when pasting the code, the editor should be in <> HTML mode (the middle button at the bottom of the editor). Once you add the code, switch the editor back to Design mode, then back to <> HTML mode again. If some of the script is missing then you will have to also click the "Raw/Script" link to switch the editor to raw script mode so it won't remove the extra parts of the script.

Sorry, I know it sounds like a lot of information, but hopefully this newly updated editor won't have the same problems with stripping out the extra script like the old editor did.

Mottie, you are AMAZING. Clicking the Raw Script link worked like a charm.

Hi Annikka13!

It sounds like you are missing the updated tooltip script. Add the following code to your site's Footer Area (Control Panel > Custom HTML & Script > Footer Area) - don't forget to enable it - then modify the colors in blue to match your site. 

<style type="text/css">
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot {
 position:absolute;
 border:1px solid #333;
 background: #222;
 color: #ddd;
 padding: 5px;
 text-align: left;
 border-radius: 1em; /* round corners, CSS3 definition */
 -moz-border-radius: 1em; /* round corners, Firefox */
 -webkit-border-radius: 1em; /* round corners, Webkit browsers: Safari & Chrome */
 opacity: 0.9; /* 90% opacity to tooltip */
 filter: alpha(opacity=90); /* 90% opacity for tooltip in IE */
 display: none;
}
</style>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>

I've updated this code... it was messing up when you included punctuation in the post title like a smiley emote ->

I've fixed the problem and uploaded the latest version to my files. If you're using this script and linking to my file, there is no need to do anything!