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

[Hakan39]

Thank you. Looks nice.

[doctorsexy]

Originally Posted by gothicuser

Shouldn't be a problem at all. If you can wait until either Thursday or Friday I will be issuing an updated package with modified, far easier and more flexible instructions, along with a couple more features.

Smashin...

[radiofranky]

rev 4.14 patch 2 - not working. click on "register" still display regular registration form. No JQ

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
	<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div><vb:else /><div>&nbsp;</div></vb:if>
	<div id="toplinks" class="toplinks">
		<vb:if condition="$show['member']">
			<ul class="isuser">
				<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 condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
				</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>
						<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
					</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>
				<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
				<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 toplinks_form_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 toplinks_form_input_defaultValue.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");
				}
			}
			</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>

[FReeSTER]

Originally Posted by gothicuser

Shouldn't be a problem at all. If you can wait until either Thursday or Friday I will be issuing an updated package with modified, far easier and more flexible instructions, along with a couple more features.

Life saver, thanks

[gothicuser]

I have uploaded an updated package, hope it works

Included a couple of the other jQuery overlays from the original vB3 suite.
Still working on the damn tooltips.

[gothicuser]

Originally Posted by FReeSTER

Damn, this is great.............. But my problem is that my style is custom and pretty much I have no codes at the header but pretty much is all attach at the Navbar.

Can you post or PM me a link to your site please?

[doctorsexy]

Still the same as last time ..no images and if you log in on the cms its all wonky... all out side the box. but on the forum its ok . just no images....

[gothicuser]

Originally Posted by doctorsexy

Still the same as last time ..no images and if you log in on the cms its all wonky... all out side the box. but on the forum its ok . just no images....

The only reason the images won't show is (obviously) if they can't be found.
In the CSS I gave all images root path (../) which means the folder with the images has got to be in the website root (as in /home/yoursite/public_html/).
Paths I used in the code (to fetch the libraries etc. ) is {vb:raw vboptions.homeurl} which in the vast majority of cases will also be the website root. The only instance where this could be different is if your site is hosted on a sub-domain, in which case let me know, along with the directory tree and I'll knock up a copy for you.

[FReeSTER]

Originally Posted by gothicuser

Can you post or PM me a link to your site please?

thank you mate, sent...

[doctorsexy]

Working... had to put the style sheet in additional css... thank you