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

[nacaruncr]

awesome men, thank you very much ... I will install and then tell you how I was.

thanks men

[archet1337]

This mod sounds very interesting!

But I have a custom style on my board, and the header template is not the same. I cannot find where to make the template edits.

Would appreciate if anyone could look at my header template code and tell me where to add the mod code.

My header template:

<div id="pageWrapper">
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header"><div class="headerWrap">
		<div class="headerBox">
	{vb:raw ad_location.ad_header_logo}
	<a name="top" href="{vb:link forumhome}" id="logo"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>
				<vb:if condition="$show['registerbutton']">
			<div class="registerBox">
				<div class="registerBoxLeft"><div class="registerBoxRight">
					<div class="registerBoxWrap">
						{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}.  Please login below or <a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">register now.</a>
					</div>
				</div></div>
			</div>
				</vb:if>
	<div class="memberBox">
	<vb:if condition="$show['member']">
	<div id="toplinks" class="toplinks">
			<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 control_panel}</a></li>
				<li class="popupmenu nonotifications" id="myprofile"><a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_profile}</a>
                                <ul class="popupbody popuphover">
						<li>Profile Options</li>
                                                <li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
                                                <li><a href="profile.php?{vb:raw session.sessionurl}do=editavatar">{vb:rawphrase edit_avatar}</a></li>
                                                <li><a href="profile.php?{vb:raw session.sessionurl}do=editsignature">{vb:rawphrase edit_signature}</a></li>
						<li><a href="profile.php?{vb:raw session.sessionurl}do=editoptions">{vb:rawphrase edit_options}</a></li>
                                                <li><a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a></li>
                                                
					</ul>
				<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>		
	</div>
	<vb:else />
				<vb:if condition="$vboptions['enablefacebookconnect']">
				<div class="loginLeft">
				<ul>
					{vb:raw facebook_header}
				</ul>
				</div>
				</vb:if>
		<div class="loginLeft">
		<!-- login form -->
            <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})">
					
		<ul>
		<vb:if condition="$show['registerbutton']">
			<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow" class="notreg">{vb:rawphrase register}</a></li>
		</vb:if>
			<li ><span class="loginTxt">Login:</span></li>
			<li class="inputPad"><div class="loginBoxInput"><input type="text" class="loginInput" 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>" /></div></li>
			<li class="inputPad"><div class="loginBoxInput"><input type="password" class="loginInput" tabindex="102" name="vb_login_password" id="navbar_password" size="10" /><input type="text" class="loginInput" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" /></div></li>
			<li class="rememberMe"><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></li>
			<li class="inputPad"><input type="image" src="images/styles/Aesthetica/style/loginButton.gif" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" /></li>
		</ul>

		<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>
		<!-- / login form -->
			</div>
	</vb:if>
	</div>	</div>
		
		</div>
</div>

Appreciate your time

[gothicuser]

Originally Posted by archet1337

Would appreciate if anyone could look at my header template code and tell me where to add the mod code.
Appreciate your time

In your template, a short term fix would be to change the line:

PHP Code:

<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow" class="notreg">{vb:rawphrase register}</a></li> 


to:

PHP Code:

 <vb:if condition="$show['registerbutton']">
            <li><a href="#" rel="#sheet" id="see">Log In/Register</a></li>
        </vb:if> 


This will change the 'Register' button only.

Then, at the very bottom of the template add:

PHP Code:

{vb:raw template_hook.logreg_display} 


Though I would back up the template somewhere safe first.

[archet1337]

Thank you

[Dr.osamA]

thank you

under test installed

[m3lek]

Not working with my

Please explain how installation again

Thanks.

[Manoel J?nior]

Functionally in 3.8?

Thanks!! 5 stars for you!

[daveaite]

Nice functionality, I think it has a lot of potential specially in the area of design.

[yahooooh]

thanks , what about required fileds? i add required options by adding new field