Forum Home Enhancements - AJAX - Mouseover Profile Preview

What it does:
This script will display profile info when you mouseover their username on the forumhome page, the javascript (ajax) is from http://www.dhtmlgoodies.com/index.ht...t=ajax-tooltip See screenshot or test drive it here by waving your mouse over usernames in the What's Going On box http://www.guitarblast.com/ (currently off for guests, see screenshot below)

Notes&Updates:

• By default this uses it's own CSS located in the CSS folder. To change the background color, edit ajax-tooltip.css and find /* Background color */ and change to your background color.

• There is a space after each username, between the comma's. Currently working on fixing this.

• If the name wraps to the next line, it will not display on mouseover.

• The javascript box will run off the end if the forum width is at 100% for usernames on the edge. (currently working on this)

• [8/13] Added the option to turn off for guests. This is ideal both to save server load and if you have the member list turned off for guess through the admin CP.

• [10/28] Fixed broken page (css display) and included a Product installer.

• [10/28] Now also shows "mousing over members" in the Who's Online page.

• [11/1] Added a delay so it has to be moused over for a small amount of time before it will show. Removed caching and put a timer on it so there will no longer be a need to refresh the page to get the latest on where a user is, it will do it automatically.

• [11/8]
  Added option to make the window stay open so you can click within it or scroll (if scrollbars appear) clicking anywhere outside of it will close it. To do this:
  In the forumhome_loggedinuser find:
  

  $stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]"onmouseover="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this,true);return false" onmouseout="ajax_hideTooltip()">  $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

  Replace with:
  

  $stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]"onmouseover="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this,true);return false">  $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

  Open the header template and add this to the very bottom:
  

  <script type="text/javascript"> 
  document.body.onclick = ajax_hideTooltip; 
  </script>

Keep in mind that if you leave this on for guests, you must also allow guests to view member info. Admin CP > Usergroups > Usergroup Manager > Unregistered / Not Logged In [edit] > Can View Member Info (Yes).

Upgrade and fresh install instructions are included in the zip file.


That's it!
Pleas click Install if you use this

[PatrickAdrichem]

Ok i fixed it It was best for me to remove all the code of the pointer so that the pointer was gone. then change left: 18px; to right: 18px; and top from 0px to 15px;

under: #ajax_tooltipObj .ajax_tooltip_content{
in file: ajax-tooltip.css

the file for the arabic made it dodgy because the tooltip was over the names.

Now it would be nice though if it could auto resize based on the profile picture because some people have big pics at my forum well the exact same size as the box and then you get unusable scroll-bars.

for now i just made it bigger myself though.

[bada_bing]

Anyone test this on vb 3.5.4?

[ericgtr]

Originally Posted by bada_bing

Anyone test this on vb 3.5.4?

Someone reported that it didn't work. I think there have been too many code revisions in 3.6 for this to be backwards compatible.

[firstrebel]

Originally Posted by ericgtr

Hmm.. This only happens after applying the change to Paul's Visitors Today code?

No, I reverted the plugin code and it was the same.

Bob

[ericgtr]

Originally Posted by firstrebel

No, I reverted the plugin code and it was the same.

Bob

Okay, for the forumhome_logged in user, what if you revert back to just this?

$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]"onmouseover="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this);return false" onmouseout="ajax_hideTooltip()">  $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

[firstrebel]

I decided to put this on the live forum and so I started from scratch...and...it all works OK now. I don't know why I had the problem on the dev site as it is an exact copy of the live site. Anyway, thanks for the help.

It would be nice to find a way to resolve the issue with the popup disappearing off to the right without reducing the width of the forum as that would break a few other things I have done.

Regards.

Bob

[BETIServices]

I like to ge tthe hack working, can somebody point me in the right direction, I have everything working but I do not know how to do the following:

Create a new template:

Name: member_ajax

Contents:

PHP Code:

<tr valign="top">
<strong>$userinfo[username]</strong>
<br />
            <if condition="$show['avatar']">
                <td><img src="$userinfo[avatarurl]" $userinfo[avatarsize] alt="<phrase 1="$userinfo[username]">$vbphrase[xs_avatar]</phrase>" border="0" style="border:1px solid $stylevar[tborder_bgcolor]; border-top:none" /></td>
            <else />
                <td>&nbsp;</td>
            </if>
            <td class="smallfont" valign="bottom" align="$stylevar[right]">
                <if condition="$show['lastactivity']">
                    <div>$vbphrase[last_activity]: $userinfo[lastactivitydate] <span class="time">$userinfo[lastactivitytime]</span>&nbsp;</div>
                </if>
                <if condition="$show['currentlocation']">
                    <div>$userinfo[action] $userinfo[where]<if condition="$show['detailedtime']"> - <else /> @ </if> $userinfo[time]&nbsp;</div>
                </if>
            </td>
        </tr> 


[y2krazy]

Styles & Templates > Style Manager > Find Your Style > Dropdown Box > Scroll to the Top > Add New Template

[BETIServices]

Originally Posted by y2krazy

Styles & Templates > Style Manager > Find Your Style > Dropdown Box > Scroll to the Top > Add New Template

Excelent and perfect instructions

Demo: http://www.betisforum.com

[ericgtr]

Originally Posted by BETIServices

Excelent and perfect instructions

Demo: http://www.betisforum.com

Cool, looks good. However it looks like you have the online turned off for guests, when I mouse over I get the access denied page. You can either turn it on or turn off the mouseover for registered users to get it to match up. Also, please don't forget to click install