Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Add-ons

Reply
 
Thread Tools
ThreadNav: scrolling New Posts navigation bar for Showthread Details »»
ThreadNav: scrolling New Posts navigation bar for Showthread
Version: 2.1, by nerbert nerbert is offline
Developer Last Online: Aug 2017 Show Printable Version Email this Page

Category: Show Thread Enhancements - Version: 4.x.x Rating:
Released: 11-06-2011 Last Update: 01-17-2015 Installs: 61
DB Changes Uses Plugins Template Edits
Re-useable Code Translations  
No support by the author.

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.

Download Now

File Type: xml product-thread_nav.xml (39.5 KB, 44 views)

Screenshots

File Type: png tn2.png (30.9 KB, 0 views)
File Type: png tn3.png (32.1 KB, 0 views)
File Type: png tn4.png (17.3 KB, 0 views)
File Type: png tn5.png (73.4 KB, 0 views)
File Type: png tn1.png (29.3 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
4 благодарности(ей) от:
BCP Hung, Erica1977, Nacho Vidal, sticky

Comments
  #112  
Old 11-10-2011, 12:18 AM
nerbert nerbert is offline
 
Join Date: May 2008
Posts: 784
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Didn't work -- they still have the dark gray bottom.

Let's try changing those white lines in ThreadNav. Read the instructions at the top of threadnav.css and replace "white" with "rgb(191,35,35)". See how that looks.

I'll see if I can figure out how to fix those buttons.

I have a lot of things to figure out here so I'll let you know if I have any bright new ideas.
Reply With Quote
  #113  
Old 11-10-2011, 12:29 AM
Erica1977's Avatar
Erica1977 Erica1977 is offline
 
Join Date: Nov 2009
Location: Laramie, Wyoming
Posts: 205
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by nerbert View Post
Didn't work -- they still have the dark gray bottom.

Let's try changing those white lines in ThreadNav. Read the instructions at the top of threadnav.css and replace "white" with "rgb(191,35,35)". See how that looks.

I'll see if I can figure out how to fix those buttons.

I have a lot of things to figure out here so I'll let you know if I have any bright new ideas.
i think the red looks better take a look.
Reply With Quote
  #114  
Old 11-10-2011, 12:37 AM
nerbert nerbert is offline
 
Join Date: May 2008
Posts: 784
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Okay, that matches the text color.

Well, I'll see if I can figure out these mechanical problems and get back later.

Thanks for your help testing all this. Everything worked fine on my forum but the coding had a lot of weak points. By the time I get it working for you it will be good solid coding.
Reply With Quote
  #115  
Old 11-10-2011, 12:44 AM
Erica1977's Avatar
Erica1977 Erica1977 is offline
 
Join Date: Nov 2009
Location: Laramie, Wyoming
Posts: 205
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by nerbert View Post
Okay, that matches the text color.

Well, I'll see if I can figure out these mechanical problems and get back later.

Thanks for your help testing all this. Everything worked fine on my forum but the coding had a lot of weak points. By the time I get it working for you it will be good solid coding.
Ok thanks will be here! :up:
Reply With Quote
  #116  
Old 11-10-2011, 02:17 AM
nerbert nerbert is offline
 
Join Date: May 2008
Posts: 784
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Try out these and see if you get reliable closing of the drop boxes;

Code:
		function hideInfo(event, id) { 
			mouseY=is_ie?
			event.clientY+document.documentElement.scrollTop -document.documentElement.clientTop :
			event.pageY;
			mouseX=is_ie?
			event.clientX+document.documentElement.scrollLeft-document.documentElement.clientLeft:
			event.pageX;
			a=fetch_object('threadnav').parentNode.offsetTop;
			b=fetch_object('threadnav').offsetTop;
			c=fetch_object('threadnav').parentNode.offsetLeft;
			d=fetch_object('name_'+id).parentNode.offsetLeft;
			y1=a+b+26
			y2=a+b+40+98
			x1=c+d-list.scrollLeft;
			x2=x1+width;
			if(mouseY<=y1||mouseX<=x1||mouseX>=x2||mouseY>=y2) {
				fetch_object('info_'+id).style.display='none';
				clearTimeout(hoverDelay[id]);
				nodelay=0;
				border='0px solid transparent';
				fetch_object('name_'+id).style.borderBottom=border;
			}
		}
	
		function hidePrev(event, id) { 
			mouseY=is_ie?
			event.clientY+document.documentElement.scrollTop -document.documentElement.clientTop :
			event.pageY;
			mouseX=is_ie?
			event.clientX+document.documentElement.scrollLeft-document.documentElement.clientLeft:
			event.pageX;
			a=fetch_object('threadnav').parentNode.offsetTop;
			b=fetch_object('threadnav').offsetTop;
			c=fetch_object('threadnav').parentNode.offsetLeft;
			d=fetch_object('name_'+id).parentNode.offsetLeft;
			y1=a+b+26+14
			y2=a+b+40+98
			x1=c+d-list.scrollLeft-18;
			x2=x1+width+18;
			if(mouseY<=y1||mouseX<=x1||mouseX>=x2||mouseY>=y2) {
				fetch_object('prev_'+id).style.display='none';
				clearTimeout(hoverDelay[id]);
				nodelay=0;
				border='0px solid transparent';
				fetch_object('name_'+id).style.borderBottom=border;
			}
		}
Reply With Quote
  #117  
Old 11-10-2011, 02:31 AM
Erica1977's Avatar
Erica1977 Erica1977 is offline
 
Join Date: Nov 2009
Location: Laramie, Wyoming
Posts: 205
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by nerbert View Post
Try out these and see if you get reliable closing of the drop boxes;

Code:
		function hideInfo(event, id) { 
			mouseY=is_ie?
			event.clientY+document.documentElement.scrollTop -document.documentElement.clientTop :
			event.pageY;
			mouseX=is_ie?
			event.clientX+document.documentElement.scrollLeft-document.documentElement.clientLeft:
			event.pageX;
			a=fetch_object('threadnav').parentNode.offsetTop;
			b=fetch_object('threadnav').offsetTop;
			c=fetch_object('threadnav').parentNode.offsetLeft;
			d=fetch_object('name_'+id).parentNode.offsetLeft;
			y1=a+b+26
			y2=a+b+40+98
			x1=c+d-list.scrollLeft;
			x2=x1+width;
			if(mouseY<=y1||mouseX<=x1||mouseX>=x2||mouseY>=y2) {
				fetch_object('info_'+id).style.display='none';
				clearTimeout(hoverDelay[id]);
				nodelay=0;
				border='0px solid transparent';
				fetch_object('name_'+id).style.borderBottom=border;
			}
		}
	
		function hidePrev(event, id) { 
			mouseY=is_ie?
			event.clientY+document.documentElement.scrollTop -document.documentElement.clientTop :
			event.pageY;
			mouseX=is_ie?
			event.clientX+document.documentElement.scrollLeft-document.documentElement.clientLeft:
			event.pageX;
			a=fetch_object('threadnav').parentNode.offsetTop;
			b=fetch_object('threadnav').offsetTop;
			c=fetch_object('threadnav').parentNode.offsetLeft;
			d=fetch_object('name_'+id).parentNode.offsetLeft;
			y1=a+b+26+14
			y2=a+b+40+98
			x1=c+d-list.scrollLeft-18;
			x2=x1+width+18;
			if(mouseY<=y1||mouseX<=x1||mouseX>=x2||mouseY>=y2) {
				fetch_object('prev_'+id).style.display='none';
				clearTimeout(hoverDelay[id]);
				nodelay=0;
				border='0px solid transparent';
				fetch_object('name_'+id).style.borderBottom=border;
			}
		}
ok its on seamus red.
Reply With Quote
  #118  
Old 11-10-2011, 03:04 AM
nerbert nerbert is offline
 
Join Date: May 2008
Posts: 784
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Working reliably for me. I'll update the xml file.

Next time you're tinkering around see what happens of you set the height in .scroll at 60px.
Reply With Quote
  #119  
Old 11-10-2011, 03:09 AM
Erica1977's Avatar
Erica1977 Erica1977 is offline
 
Join Date: Nov 2009
Location: Laramie, Wyoming
Posts: 205
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by nerbert View Post
Working reliably for me. I'll update the xml file.

Next time you're tinkering around see what happens of you set the height in .scroll at 60px.
Oh ok will see what happens.
Reply With Quote
  #120  
Old 11-10-2011, 03:20 AM
Erica1977's Avatar
Erica1977 Erica1977 is offline
 
Join Date: Nov 2009
Location: Laramie, Wyoming
Posts: 205
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Erica1977 View Post
Oh ok will see what happens.
tryed it puts the corner arrows a little dont look right will put back at 40
Reply With Quote
  #121  
Old 11-10-2011, 03:21 AM
nerbert nerbert is offline
 
Join Date: May 2008
Posts: 784
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Now product file available.

Erica1977, you won't need to revert threadnav.css, nothing in that has changed in that. Revert any others though.
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:54 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05373 seconds
  • Memory Usage 2,359KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (2)bbcode_code
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (4)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (6)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete