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

[smirkley]

Sorry for the late post, but I just discovered that Login/Logout does not work on CMS builds.

Havent tested register yet.

[gothicuser]

Originally Posted by smirkley

Sorry for the late post, but I just discovered that Login/Logout does not work on CMS builds.

Havent tested register yet.

Eh?
Do you mean on version 4.1.9?
If so I haven't tested yet, though I did see that they have included a new jQuery library

EDIT: Nope, not that, just upgraded one of my dev boxes to 4.1.9 and all seems to work fine. No errors.

[smirkley]

I am still on 4.1.8 until 9 comes out of beta.

But I click on the register link, or logout link,...and nothing happens.

Other pages completely ok.

[gothicuser]

Originally Posted by smirkley

I am still on 4.1.8 until 9 comes out of beta.
But I click on the register link, or logout link,...and nothing happens.
Other pages completely ok.

Ah, you're saying those links are not working on VBCMS page(s) but ok on all other pages.
Interesting, I'm not having a problem here BUT I have seen that the execution order can have an effect on that.
What you could try (bit heavy handed, I know) is to pop into AdminCP/Plugins & Products/Manage Products/jQt Login/Register/jQt Suite Parse the MarkRead Template
Set execution order to something like 100
then AdminCP/Plugins & Products/Manage Products/jQt Login/Register/jQt Suite Parse the Logout Template and set it's execution order to maybe 120 (this has to be higher than markread)
Let me know if that[s] kills your forums[/s] works or not.

[smirkley]

Did as suggested,... everything works on CMS except Logout.

[gothicuser]

Update itself is ready. All I have to do now is the documentation, and a couple more test installs.
Possibly tomorrow morning.

p.s. Smirkley, we really need to talk I was on your site and see a couple of possible issues.

[gothicuser]

Finally, I have posted the upgrade. Fully tested with new docs.
Oh dear, the docs need fixing

[smirkley]

Thank you for this mod. I have just upgraded and also used the IE fix js file. I love the improvements.

After considerable testing the following are bugs/wishlist stuff. The bugs are carryovers from the last so they are nothing new. The wishlists are just things that seem to add to its value. I know you have implied that at least one of the bugs are a problem or conflict on my site, but I have disabled all mods and the problems persist on a default vB theme.



Bugs:

[S]search result tooltip is positioned a couple of hundred pixels to the right further than the other tooltips, and when I adjust the css to move the threadbit tooltips toward the center, the search result tooltip moves even further to the right by the same amount. Would prefer to have all tooltips positioned the same referencing the css setting.[/S] fixed in v2.1

[S]On CMS, logout login/reg overlay does not work on any CMS page.[/S]
Human verification does not show on CMS using IE and Firefox in register overlay, and does not show on any site page using Internet Explorer.

template edit below seems to have fixed this for FF, still no human verify using IE9 in reg.login




[S]On the Register overlay, the term "(checkbox) I agree to" should also have added " all Terms & Conditions"[/S] to be fixed in next update - I edited to include a link and the rest of the phrase for now in the product xml.
fix: find:
{vb:raw vboptions.bbtitle}}

add after:
<u><a href="{vb:raw vboptions.tosurl}" target="_blank">{vb:rawphrase terms_of_service}</a></u>



in the legacy postbit tooltip, I noticed that the tooltip pops up on the page, but lays under a posted google video. I rather keep the tooltip positioned where I have it, but is this a bug? or just the way it interacts with an embedded google video? You can see this if you make a post with lets say just an embedded google video in a post, using legacy postbit. I have my tooltip positioned just to the right of a users avatar.





Wishlist:

[S]forumhome forumlist tooltip - would like the image in tooltip to be the forum statusicon image instead of the default.[/S]

found fix solution!!:

replace in :
forumhome_forumbit_level1_post
forumhome_forumbit_level2_post


find:
{vb:stylevar imgdir_statusicon}/users.png

replace with:
{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png





I, after testing out all the above items, wanted to try to add a register floater image on all pages, and link it to the login/register overlay. I am successful except for the fact the image links properly, but now the Login/Register link in the header no longer works. Is it not possible to have two instances of the login/register overlay on any given page?

I know you are busy, I look forward to your reply. Thanks.

[gothicuser]

Originally Posted by smirkley

Bugs:

search result tooltip is positioned a couple of hundred pixels to the right further than the other tooltips, and when I adjust the css to move the threadbit tooltips toward the center, the search result tooltip moves even further to the right by the same amount. Would prefer to have all tooltips positioned the same referencing the css setting.

I will look further into this, I may try to separate the script controller for this (search) tooltip.

On CMS, logout login/reg overlay does not work on any CMS page.

Human verification does not show on CMS using IE and Firefox in register overlay, and does not show on any site page using Internet Explorer.

I have to say that I have not seen these problems at all, having tested with all popular browsers (Chrome, FF, IE7,8 & 9 and Safari) All overlays work on all the pages on the three vB4 forums I administer with this mod installed.

On the Register overlay, the term "(checkbox) I agree to" should also have added " all Terms & Conditions"

Thanks, that will be added

in the legacy postbit tooltip, I noticed that the tooltip pops up on the page, but lays under a posted google video. I rather keep the tooltip positioned where I have it, but is this a bug? or just the way it interacts with an embedded google video? You can see this if you make a post with lets say just an embedded google video in a post, using legacy postbit. I have my tooltip positioned just to the right of a users avatar.

I see what you mean. I have z-indexed that to 9999, but it still underlays the google video which I cannot explain. I will add that to my todo list

Wishlist:

forumhome forumlist tooltip - would like the image in tooltip to be the forum statusicon image instead of the default.

found fix solution!!:

replace in :
forumhome_forumbit_level1_post
forumhome_forumbit_level2_post


find:
{vb:stylevar imgdir_statusicon}/users.png

replace with:
{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png
I, after testing out all the above items, wanted to try to add a register floater image on all pages, and link it to the login/register overlay. I am successful except for the fact the image links properly, but now the Login/Register link in the header no longer works. Is it not possible to have two instances of the login/register overlay on any given page?

I know you are busy, I look forward to your reply. Thanks.

Is it not possible to have two instances of the login/register overlay on any given page?=No. I ran into that problem before on another of my mod attempts. It's the way jQuery works. You CAN have two instances but only with different trigger and element designations (change the names) which would effectively defeat the object. You see they rel="" using the ID's of which only one is allowed on any page. If I was able to utilise the 'class="" then you could have as many on one page as you want.

p.s. if you understood that lot you are a better person that me

[smirkley]

Originally Posted by smirkley

search result tooltip is positioned a couple of hundred pixels to the right further than the other tooltips, and when I adjust the css to move the threadbit tooltips toward the center, the search result tooltip moves even further to the right by the same amount. Would prefer to have all tooltips positioned the same referencing the css setting.

Solution found:


I didnt see the changes in the search result template editfor the new version - fixed!