Add-On Releases - jQt jQuery Suite for vB4

Completely Re-designed modular system, virtually all the code re-written.

Description:
This mod will add jQuery enhancements to various areas of your vBulletin board using the renown jQuery Tools Library.

jQuery Overlays:

• Separate Log-In and Registration Dialogues, Including Human Verify and D.O.B. but NOT required fields.
• OR Log-In / Register Slide-Down
• Log Out Dialogue
• Mark Forums Read Dialogue
• Mini-Stats
• Display Chat/Shout box in slide-down

Tooltips:

• vBAdvanced Recent Threads, including threadstarters avatar.
• Forum Display (threadbits), including threadstarters avatar.(upgraded)
• Postbit / Postbit_legacy, including avatar and post/activity details.
• Forum Home Description
• Search Results page (search_threadbit)

I now use and HIGHLY RECOMMEND TMS (Template Modification System) as it automates the template edits for the default theme and simplifies the edits for custom themes.


This is the first release of this re-designed mod. I have re-written these scripts to be far more compatible with other add-ons, using the <noconflict> method throughout.
I have used a 'modular' environment, meaning that you can select specifically the individual components you want to use. All of the modules are fully configurable from the AdminCP, and many of the style attributes are editable from the templates stylevar dialogue.

UPGRADE: from any previous version to this, v4.0 there is NO UPGRADE PATH, you need to fully remove earlier versions, then follow the instructions for installation. I am very sorry for this inconvenience, but so much has been changed that incorporating upgrading became untenable.

INSTALLATION:
1, Upload all the files/folders in the UPLOAD folder to your forum root.

2, Install the product 'product-jqt_suite-CORE.xml'. This is the only component that is COMPULSORY. This has to be installed for any of the others modules to work!

3, Install any of the other module(s) from the AdminCP, as you would any other product;
jQt Suite Log-In-Register Module
jQt Suite Log-In-Register Slider Module
(you can only use ONE of the above, the first is the overlay)
jQt Suite MarkForumsRead Module
jQt Suite MiniStats Module
jQt Suite Tooltips Module

4, If you have TMS (Template Modification System) installed the template edits have already been done for you.
If not, then manually apply the template edits from the template edit pages found in the Docs folder of the archive.
You only need to apply the template edits for the module(s) that you install.

5, Pop into your AdminCP and configure the product(s)

6, To enable the 'VSa Visitors in Last X Hours' block in the mini-stats you need to have that mod already installed (use the link) then edit the 'VSa - Visitors In Last X Hours' Product thus:
Go to AdminCP/Plugins & Products/Plugin Manager/
and disable the Plugin 'VSa - VILXH - MN'. This transfers the results from the forum home page to the mini-stats block.

TWEAKING TOOLTIP POSITION
For those of you that would like to tweak the position of the tooltips, here is a quote directly from the original jQuery Tools Tooltip documentation describing what the numbers mean.
Edit these positions by opening
/jqt_suite/jqt_suite_black_css.js
/jqt_suite/jqt_suite_minimal_black_css.js
or
/jqt_suite/jqt_suite_white_css.js
and finding the line(s) 'offset: [-44, 90],'

The offset property fine tunes the tooltip position specified with the position property. For example, the value [10, -20] moves the tooltip position 10px downwards and 20px to the left. The first value modifies the vertical positioning from the top edge of the tooltip and the second value modifies the horizontal positioning from the left edge of the tooltip. Positive values move the tooltip downward and to the right, while negative values move the tooltip upward and to the left.

For those that use vBSEO and have some trouble with guests viewing the tooltips, you can turn OFF the vBSEO option "Remove Thread Preview Text For Guest Visitors" to fix it.

All updates/future releases and support are now only available at jqt-suite.co.uk

[DexDeadly]

I am having an issue trying to get this to work. I have intalled TMS and also installed your product. However when I enable the slider my whole page disappears and the login box is more or less taking over the top and not actually being a full overlay. Its pushing the header down and I would rather it not do that. I'd also rather the people see the forum and not just display help. Could you help me figure out why its doing this? I'd really like to have this feature. you can see what i mean here www.whitekidsoncomputers.com/forums/forum.php

[gothicuser]

Originally Posted by DexDeadly

I am having an issue trying to get this to work. I have intalled TMS and also installed your product. However when I enable the slider my whole page disappears and the login box is more or less taking over the top and not actually being a full overlay. Its pushing the header down and I would rather it not do that. I'd also rather the people see the forum and not just display help.

I fear it could be related to the fixed width style. I think you'll find that if you installed the overlay version all would work ok. It's partly my fault, a couple of the elements in the slider that needed fixed positioning within CSS, so I was unable to use percentages.
Not really sure what to say. I'll have a good ponder in the morning to see if I can find a solution.
Sorry

[pcam]

I was running the chatbox and separate login mod prior to this suite and they worked. Now this suite does not work for me, except the login slider. The chatbox still configured to dbshout does not work. The log out slider can't be seen or tested, etc.

[pcam]

I had to disable the suite. Now there is a registration bug where after all available fields are selected or filled out, the registration system complains that there is a required field missing. After disabling the mod it works as it used to.

Also in vb4, the jquery menu asks for email, password, username, and maybe a couple of others. It then takes it to a vb enter your age (step 1 of 2) and then at (step 2) it asks for all the information the user had already entered on the jquery.

This mod would look good but it doesn't act the way it needs to.

[viliksar1]

gothicuser

4.2.2 does not work on how to run it?
I only imported product Suite Log-In-Register Slider Module

I also edited the bfr templates according to the instructions - jQt LogIn Slider Template Edts.html

[viliksar1]

I made a change in the pattern according to the instructions. Help me find the reason why this slider does not work?
header

<!-- wrapper start -->
<div id="bsb">
<!-- wrapper end -->
{vb:raw template_hook.jqt_slider} 
<div class="above_body"> <!-- closing tag is in template navbar -->
<vb:if condition="$vboptions['jqt_slider_active']">
<div id="header" class="floatcontainer doc_header" style="padding-top: 10px;">
<vb:else />
<div id="header" class="floatcontainer doc_header">
</vb:if>
	<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img width="100%" src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>
	<div id="toplinks" class="toplinks">
		<vb:if condition="$show['member']">
			<ul class="isuser">
<!-- Start of Logout switch -->
   <vb:if condition="$vboptions['jqt_suite_logout']">
       <li><a href="#" rel="#jqt_logout_container" id="jqt_logout_trigger">{vb:rawphrase log_out}</a></li>
    <vb:else />
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
  </vb:if>
 <!-- /End of Logout switch -->
				<vb:if condition="$vboptions['jqt_slider_active']">
<noscript>
            <vb:if condition="$show['registerbutton']">
                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
            </vb:if>
</noscript>
<vb:else />
            <vb:if condition="$show['registerbutton']">
                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
            </vb:if>
</vb:if>
				<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>
				<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
				<vb:if condition="$notifications_total">
				<li class="popupmenu notifications" id="notifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
					<ul class="popupbody popuphover">
						{vb:raw notifications_menubits}
					</ul>
				</li>
				<vb:else />
				<li class="popupmenu nonotifications" id="nonotifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
					<ul class="popupbody popuphover">
						<li>{vb:rawphrase no_new_messages}</li>
						<vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
<vb:if condition="$vboptions['jqt_slider_active']">
</noscript>
</vb:if>
</vb:if>
					</ul>
				</li>
				</vb:if>
				<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
				<vb:if condition="$vboptions['enablefacebookconnect']">
					{vb:raw facebook_header}
				</vb:if>
			</ul>
            {vb:raw template_hook.header_userinfo}
			<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
		<vb:else />
			<ul class="nouser">
			<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
			</vb:if>
			    <vb:if condition="$vboptions['jqt_slider_active']">
<noscript>
</vb:if>
				<li>
			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
			<form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
				<fieldset id="logindetails" class="logindetails">
					<div>
						<div>
					<input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
					<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
					<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
					<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
						</div>
					</div>
				</fieldset>
				<div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
				</div>

				<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="login" />
				<input type="hidden" name="vb_login_md5password" />
				<input type="hidden" name="vb_login_md5password_utf" />
			</form>
			<script type="text/javascript">
			YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
			YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
			vB_XHTML_Ready.subscribe(function()
			{
			//
				YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
				YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
				YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
				YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
			});
			
			function navbar_username_focus(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
				{
				//
					textbox.value='';
					textbox.style.color='{vb:stylevar input_color}';
				}
			}

			function navbar_username_blur(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				if (textbox.value == '')
				{
				//
					textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
					textbox.style.color='{vb:stylevar shade_color}';
				}
			}
			
			function navbar_password_hint(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				
				YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
				YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
				YAHOO.util.Dom.get('navbar_password').focus();
			}

			function navbar_password(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				
				if (textbox.value == '')
				{
					YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
					YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
				}
			}
			r</script>
				</li>
				<vb:if condition="$vboptions['enablefacebookconnect']">
					{vb:raw facebook_header}
				</vb:if>
			</ul>
		</vb:if>
	</div>
	<div class="ad_global_header">
		{vb:raw ad_location.global_header1}
		{vb:raw ad_location.global_header2}
	</div>
	<hr />
</div>