Show Thread Enhancements - ThreadNav: scrolling New Posts navigation bar for Showthread

ThreadNav(2.1) puts almost all the information in New Posts or Today's Posts in a compact scrolling navigation bar in the thread display page (showthread). The location in showthread depends on the user's thread viewing settings. Buttons on either end scroll the list of new posts right or left and additional information is available in a drop down box when you hover over the lower portion of the post cell. The list automatically refreshes using AJAX once a minute (default).

In Version 2.1 you can now place ThreadNav in any vBulletin page. A simple setting will put it in Forum Home (index) and it can be added to other pages with a simple template edit (See instuctions in ThreadNav settings in your AdminCP for edits).

Updated Version 2.1
I've updated this recently to make it fully compatible with updates to Thread & Forum Ignore System, if it is installed. I also got rid of the text jiggle in some browsers when you hover over a cell to display the drop box.

Features:

General:

• Searches for New Posts or Today's Posts
• List scrolls right or left with buttons at ends
• Automatically refreshes once a minute (default setting)
• Cell width adjusts automatically to fit available space
• Hovering over lower portion of partially exposed cell
  snaps the cell into full view
• Automatically integrates with Thread & Forum Ignore System
  if installed

In the cell for each thread:

• Go to first unread post button (New Posts only)
• Thread link goes to either first or last post depending
  on user settings for viewing threads
• Name of last poster
• Last post button

In the drop down box:

• Date/time
• Forum
• Thread starter
• Peplies
• Views
• Links for previewing first and last posts

User settings:

• Turn ThreadNav off
• Get New Posts
• Get Today's Posts

Admin Control Panel:

• On/off
• Other pages to show ThreadNav
• Set refresh interval
• Maximum minutes ThreadNav will continue refreshing
• Allow or disallow guests to see ThreadNav
• Maximum number of posts to show
• Minimum width of each post cell.
• Excluded forums

Upgrading to version 2.0

• Upload the new product xml file in Plugins & Products and overwrite the old file.
• Be sure to revert all threadnav templates, including threadnav.css.
• Some pages will require simple template edits. See the ThreadNav setting sin the Admin CP for more information.

Bugs Fixed:

• Now compatible with vBSEO
• All text in phrases
• More tips on styling in threadnav.css
• Resolved major incompatibilities with some styles
• Miscellaneous aesthetic changes
• Resolved misalignment of borders of cell and drop box in some styles
• Improved closing of drop boxes when you mouse out
• Fixed more incompatibility issues with some some styles
• Fixed incompatibility issue with IE (GRRRRRRRRRR....)
• Overhauled system for opening and closing drop boxes

Style is based on borders, font-color and background-colors of postbits. For styles with darker colors a note at the top of threadnav.css gives helpful styling tips. If you need to add space above or below ThreadNav see top of threadnav.css. Don't use line breaks.

Installation is simple: upload the XML file to Products and you're ready to go -- no external files or edits.

Version 2.0 was developed in vB4.2.2 but should work in any vB4 version.

[nerbert]

Sometime between the time I started this thread and now I went from "Contributor" to "Coder". I take that very seriously. It's my duty to get this working!

[Erica1977]

Originally Posted by nerbert

Sometime between the time I started this thread and now I went from "Contributor" to "Coder". I take that very seriously. It's my duty to get this working!

hehe just notice that great! :up:

[nerbert]

Erica1977, try this:

In "threadnav" replace function setWidth() with this:

		function setWidth() {
			var n=list.innerHTML.match(/<td id="td_|<td class="blank">/gi).length;
			var tableWidth=(width)*n;
			fetch_object('table').style.width=''+tableWidth+'px';
			for(i=0; i<cells.length; i++) {
                             if(cells[i].id.match(/td_\d/i)||cells[i].className=='blank'){
				cells[i].style.width=''+(width)+'px';
                             }
			}
		}

At the top of "threadnav_bit" replace <td> with this:

<td id="td_{vb:raw thread.threadid}">

[Erica1977]

Originally Posted by nerbert

Erica1977, try this:

In "threadnav" replace function setWidth() with this:

		function setWidth() {
			var n=list.innerHTML.match(/<td id="td_|<td class="blank">/gi).length;
			var tableWidth=(width)*n;
			fetch_object('table').style.width=''+tableWidth+'px';
			for(i=0; i<cells.length; i++) {
                             if(cells[i].id.match(/td_\d/i)||cells[i].className=='blank'){
				cells[i].style.width=''+(width)+'px';
                             }
			}
		}

At the top of "threadnav_bit" replace <td> with this:

<td id="td_{vb:raw thread.threadid}">

Ok did the 3 that was messed up only go take a look please.

[nerbert]

Well it's finally working.

I know there's a problem with the drop boxes not closing when you exit on the right side but I have that fixed in the file I'm going to upload to the opening post. I also see a misalignment of borders between the cell and the drop box on the left side, I'll look into that too. When I get the new file up the changes will be compatible with all your other styles so no need to make any exceptions.

[Erica1977]

Originally Posted by nerbert

Well it's finally working.

I know there's a problem with the drop boxes not closing when you exit on the right side but I have that fixed in the file I'm going to upload to the opening post. I also see a misalignment of borders between the cell and the drop box on the left side, I'll look into that too. When I get the new file up the changes will be compatible with all your other styles so no need to make any exceptions.

Thanks for helping me out and putting up with me lol as you can see most of this thread of your mod has more post of me than anybody else hehe anyway yea about the drop box your correct and again Thanks! :up:

[nerbert]

The problem you had would affect anyone who uses those styles and now I see your original problem and the mess-up you had later were related. That same problem could have affected other mods and styles too. It's a good thing all those issues came up right away before I forgot some of the details of how the JavaScript works.

All in all it's a better product now.

I'll get that new file up and I think I have a guess why those borders don't align properly. More on that later.

[Erica1977]

Originally Posted by nerbert

The problem you had would affect anyone who uses those styles and now I see your original problem and the mess-up you had later were related. That same problem could have affected other mods and styles too. It's a good thing all those issues came up right away before I forgot some of the details of how the JavaScript works.

All in all it's a better product now.

I'll get that new file up and I think I have a guess why those borders don't align properly. More on that later.

Well Glad we caught it now no one will have at least the issues i had!

[nerbert]

An improved version of the ThreadNav file is now available. I hope this is the last change but we'll just have to see if more issues come up.

@Erica1977, I'll have a look at your site tomorrow and see if I can figure out that border alignment problem if it's still there with the new file.

[Erica1977]

Originally Posted by nerbert

An improved version of the ThreadNav file is now available. I hope this is the last change but we'll just have to see if more issues come up.

@Erica1977, I'll have a look at your site tomorrow and see if I can figure out that border alignment problem if it's still there with the new file.

Ok well i update it to the one you post it public.