vb.org Archive - Miscellaneous Hacks - jQt Suite (jQuery Tools Tooltips & Overlays)

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)

- - Miscellaneous Hacks - jQt Suite (jQuery Tools Tooltips & Overlays) (https://vborg.vbsupport.ru/showthread.php?t=259770)

jQt Suite (jQuery Tools Tooltips & Overlays)

The jQt Suite (jQuery Tools) will add jQuery Tools tooltips and overlays to a areas of your forums.

Updated to Version 2.0
1. Re-written Styling (CSS)
2. Added Tooltips to the Forumdisplay (Descriptions)
3. Added a new (minimalist) theme for it.
4. Re-designed the original themes.
5. Far more compatible
6. Far easier to install/configure.

Tooltips are added to:
Threadbits (Forum Home)
Forumdisplay (Descriptions)
Postbit & Postbit Legacy Avatar (see instructions)
vBAdvanced Recent Threads Module

Overlay's are added to:
Log In and Register Dialogue (Fully functional, with Human Verify and D.O.B. included)
Mark Forums Read
Log Out

DEMO: Visit here for a demo

The Version for vB 4.1.3 is HERE

I have included three (3) styles. The styling can be adapted/altered very easily from the included CSS files.

The Registration component is based heavily on the mod by ry215 'QuickRegister'

This product will currently NOT work with [DBTech] Profile Hover v1.x

In it's simplist form it is very easy to install.
Full installation instructions are included in the zip file.

Installation Instructions:
1. Upload the two folders, 'jqt_suite' and 'img' to your website root.
2. Import the product
3. Perform the small template edits in your 'navbar' template (the edits are found in the 'Main Instructions' which are in the 'Docs' folder of the zip file.)
4. Go to your AdminCP/vBulletin Options/jQuery Suite and configure from there.

I only visit here once a week, so if you're looking for support, please please be patient. Thankyou

To update the installation you need to uninstall the old jQt Suite first I'm afraid.
Then just upload the updated files (overwriting the original ones) and install the new product.

A couple of you have asked me to include the 'Additional Profile Field'.
I experimented with this for almost three days and have come to the conclusion that there are too many variables (how many do I add/adaptation of styling) for it to be possible, There is only so much room on the screen, where do I draw the line.
This won't happen I'm afraid. Sorry.

Thats looks cool but this was the wrong VBulletin version :)

Quote:

Originally Posted by draver (Post 2169005)

Thats looks cool but this was the wrong VBulletin version :)

What, wrong version for you?? :rolleyes:
I would like to do some of my mods for vB4, but that would have to wait a little longer I'm afraid.

a very good job
thanks!

This is really awesome .. can you please add a thread preview in new posts/todays posts search. :)

Quote:

Originally Posted by vijayninel (Post 2169063)

This is really awesome .. can you please add a thread preview in new posts/todays posts search. :)

That is one of the things I'm looking at this weekend :)

Excellent .. Nominated for MOTM. :)

Quote:

Originally Posted by vijayninel (Post 2169135)

Excellent .. Nominated for MOTM. :)

**gothic blushes** :o
Many thanks

compatible with vb4.1.2 ?

Quote:

Originally Posted by der_chris (Post 2169165)

compatible with vb4.1.2 ?

Not yet I'm afraid. Only 3.7.x to 3.8.x

This is ticky-tack and a bit 'duh' but the uploads should go into the *forum* root, not the *website* root.

Very cool, though. I really look forward to seeing this develop!!

Quote:

Originally Posted by grey_goose (Post 2169248)

This is ticky-tack and a bit 'duh' but the uploads should go into the *forum* root, not the *website* root.

I was trying to cover all my bases in putting it into the website root. That way the file paths will (should) always be found.

Nice job gothic. Thanks.

This is a very nice suite- however I would recommend, for those of us with larger sites or customized templates, to offer a version with manual template edits and all JS moved into files. This also speeds up performance.

I'll keep an eye on this one ^^

Quote:

Originally Posted by MoMan (Post 2169649)

offer a version with manual template edits and all JS moved into files. This also speeds up performance.

I will be including a Doc with all manual template edits, as this is my own preferred method.
I did experiment with having the scripts as files originally, but ran into problems with the tooltips. However I haven't given up, and will further test this possibility.
Thankyou.

Quote:

Originally Posted by vijayninel (Post 2169063)

This is really awesome .. can you please add a thread preview in new posts/todays posts search. :)

You can do the following manual edit to add tooltips to posts/todays posts.
(I will add this to the next release.)

Open your 'threadbits' template, then find:

PHP Code:


		
			
    <td class="alt1" id="td_threadtitle_$thread[realthreadid]" title="$thread[preview]">

(near the top of the template)
and REPLACE with:

PHP Code:


		
			
    <td class="alt1 cornry" id="td_threadtitle_$thread[realthreadid]" title="<b>Started by: $thread[postusername], $thread[lastpostdate] $thread[lastposttime]</b><br /><br />$thread[preview]">

Hope that helps.

I have updated the package.
See the first post for detail.

Do you know what is causing the conflict with [DBTech] Profile Hover v1.x?

Quote:

Originally Posted by EddyMaxx (Post 2170530)

Do you know what is causing the conflict with [DBTech] Profile Hover v1.x?

Yes, it's a script conflict.
I am currently working on a (noConfict) fix, but even though this will work in the majority of cases it won't be foolproof :(

Im also working with jQuery on my vbulletin 3.8.6 on localhost.. if you need some help, just let me know.

P.D. the registration on your site doesn't work.. it gives me the error: "You have left a required field blank."

Thank you.

Quote:

Originally Posted by Xexiu (Post 2171019)

Im also working with jQuery on my vbulletin 3.8.6 on localhost.. if you need some help, just let me know.

I most certainly will. There are some areas I could really do with bouncing around :)

Quote:

Originally Posted by Xexiu (Post 2171019)

P.D. the registration on your site doesn't work.. it gives me the error: "You have left a required field blank."

Just tested it with Safari, FF 3.6 & IE7 and it works fine :confused:

I would really like to see this ported over into vBulletin 4

Quote:

Originally Posted by OldSchoolDSL (Post 2171701)

I would really like to see this ported over into vBulletin 4

That is definitely on the cards, though not yet a while.

Quote:

Originally Posted by gothicuser (Post 2171717)

That is definitely on the cards, though not yet a while.

Anything I can help with, which will speed up that process?

Quote:

Originally Posted by OldSchoolDSL (Post 2171774)

Anything I can help with, which will speed up that process?

Thankyou for the offer, I'll get down to some serious thought on the subject after this weekend. I'm rather busy on a couple of other (Family related) tasks.
I'll PM you then.

Quote:

Originally Posted by gothicuser (Post 2171783)

Thankyou for the offer, I'll get down to some serious thought on the subject after this weekend. I'm rather busy on a couple of other (Family related) tasks.
I'll PM you then.

Respectfully, I hope things are well for you and your family.

When you're ready to take on this task, please keep me and everyone else updated. There are others here who would be willing to help with this modification and provide a test location if needed.

I only ever had vB4 installed for a couple of days before re-upgrading back to vB3 for all my sites.
For me to port this over will mean me installing 4 onto one of my dev machines here, and seeing how it works.
This is no problem, just a matter of time! I do plan to get on with this soon, probably by next weekend, but patience will be required I'm afraid.

Not only would I like to do this port, I also want to expand the areas of it's use. I'll keep you informed.

Tagged for Vbulletin 4 :)

I can not make me work on my forum, I think it is problem of my navbar template

I would only use the registry and Logout

I share my navbar template (I have many changes on my site):

PHP Code:


		
			
<br />
<if condition="THIS_SCRIPT != 'index'">
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
    <td class="alt1" width="100%">
        <if condition="is_array($navbits)">
            <table cellpadding="0" cellspacing="0" border="0">
            <tr valign="bottom">
                <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
                <td>&nbsp;</td>
                <td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
            </tr>
            <tr>
                <td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
            </tr>
            </table>
        <else />
            <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
        </if>
    </td>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

    <if condition="$show['communitylink']">
    <!-- community link menu -->
    <div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr><td class="thead">$vbphrase[community_links]</td></tr>
        $template_hook[navbar_community_menu_start]
        <if condition="$show['quick_links_groups']">
                    <tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
        </if>
        <if condition="$show['quick_links_albums']">
                    <tr><td class="vbmenu_option"><a href="album.php$session[sessionurl_q]">$vbphrase[pictures_and_albums]</a></td></tr>
        </if>
        <if condition="$bbuserinfo['userid']">
            <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
        </if>
        <if condition="$show['memberslist']">
            <tr><td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td></tr>
        </if>
        $template_hook[navbar_community_menu_end]
        </table>
    </div>
    <!-- / community link menu -->
    </if>
    
    <if condition="$show['searchbuttons']">
    <!-- header quick search form -->
    <div class="vbmenu_popup" id="navbar_search_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">$vbphrase[search_forums]</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
                <form action="search.php?do=process" method="post">

                    <input type="hidden" name="do" value="process" />
                    <input type="hidden" name="quicksearch" value="1" />
                    <input type="hidden" name="childforums" value="1" />
                    <input type="hidden" name="exactname" value="1" />
                    <input type="hidden" name="s" value="$session[sessionhash]" />
                    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
                    <div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
                    <div style="margin-top:$stylevar[cellpadding]px">
                        <label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
                        &nbsp;
                        <label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
                    </div>
                </form>
            </td>
        </tr>
        <if condition="$vboptions[threadtagging]">
        <tr>
            <td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
        </tr>
        </if>
        <tr>
            <td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
        </tr>
        $template_hook[navbar_search_menu]
        </table>
    </div>
    <!-- / header quick search form -->
    </if>
    
    <if condition="$show['member']">
    <!-- user cp tools menu -->
    <div class="vbmenu_popup" id="usercptools_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
        <table cellpadding="4" cellspacing="1" border="0">

        <tr><td class="thead">$vbphrase[quick_links]</td></tr>
        <if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
        <tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
        <tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td></tr>
        $template_hook[navbar_quick_links_menu_pos1]
        $template_hook[navbar_quick_links_menu_pos2]

        <tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
        <if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
        <!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
        <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>
        <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
        $template_hook[navbar_quick_links_menu_pos3]

        <tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
        <if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
        <tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
        <tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>
        <if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
        $template_hook[navbar_quick_links_menu_pos4]

        </table>
    </div>
    <!-- / user cp tools menu -->

    </if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->
    <div class="vbmenu_popup" id="pagenav_menu" style="display:none">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
            <form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
                <input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
                <input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
            </form>
            </td>
        </tr>
        </table>
    </div>
<!-- / PAGENAV POPUP -->
</if>
</if>
<if condition="$show['member'] AND     $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
    <table cellpadding="4" cellspacing="1" border="0">
    <tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
    $notifications_menubits
    </table>
</div>
<!-- / notifications menu -->
</if>
<!-- $ ad _ location[ ad_navbar_below ] -->

HTML Code:

<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>

so:

HTML Code:

<a href="#" rel="#shuut" id="suu">$vbphrase[log_out]</a>

But it does not work: (

Quote:

Originally Posted by cuco2000 (Post 2190942)

I can not make me work on my forum, I think it is problem of my navbar template
I would only use the registry and Logout

I notice from the navbar template you show that the ad location at the bottom:

PHP Code:


		
			
<!-- $ ad _ location[ ad_navbar_below ] -->

is commented out.
If you need to keep this as it is then you should follow the install instructions, but then manually add:

PHP Code:


		
			
$template_hook[navbar_jqt_suite]

at the very bottom of the navbar template.
Hopefully it will then work.

Just a quick note for those hoping this will be converted for vB4:
I have done most of the conversion, BUT it slows the page loading to such a degree that in it's current state it is untennable.
I promise I am trying hard to find time between real-world things (job, familly etc) to code and develop this but it is slow :(

Quote:

Originally Posted by gothicuser (Post 2190969)

I notice from the navbar template you show that the ad location at the bottom:

PHP Code:


		
			
<!-- $ ad _ location[ ad_navbar_below ] -->

is commented out.
If you need to keep this as it is then you should follow the install instructions, but then manually add:

PHP Code:


		
			
$template_hook[navbar_jqt_suite]

at the very bottom of the navbar template.
Hopefully it will then work.

Is not working, you need paste here mi header template (that has the menu code) ?

Sorry for the Double Post,

I tryed to install in the default template, and i have the same problem...

Could you let me have the link to your website please?
(you can PM it to me if you prefer)

Quote:

Originally Posted by gothicuser (Post 2190970)

Completely understand that things in life can set you back. Take care of what you need to first. :)

But do keep us posted when you can, please ;)

Hope this mod will work with vb4 soon. By adding this mod, the way for login & registering look professionally.

I'm trying to get this working on my site. The registration doesn't include the extra fields portion of the registration process. I noticed on your site, it also wouldn't let me register and kicked me into the normal registration page...and also gave me an error about missing information.

I'm trying to add all the extra stuff to the registration template, however, the issue I need to resolve is making the overlay itself scroll. I'm assuming this is somewhere in the css file?

Quote:

Originally Posted by jimsflies (Post 2197395)

You need added manually the fields in the quick_register template.

example:

PHP Code:


		
			
<select name="userfield[field6]" id="csel_field6">
                    <option value="-1" selected="selected">Sex?</option>
                    <option value="1">Famale</option>
                    <option value="2">Male</option>
</select>

You need find de field number in your admincp -> extra fields, and see the numer of your select field

(sorry for my bad english)

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01720 seconds Memory Usage 2,002KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (8)bbcode_php_printable (18)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: