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

[ericgtr]

Originally Posted by criscokid

I'd like to change what information appears in the ajax box - is that straightforward? Is it just a matter of a template edit

What is the URL you want to use it with?

[ericgtr]

Originally Posted by Limerick

Hello all,

Is it possible to let this hack works only for Admin ?

Thanks,

Sure, just replace your forumhome_loggedinuser template with this (you may use a comma and add other groups too if you want)

<if condition="in_array($bbuserinfo['usergroupid'], array(6))">
$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]
<else />
$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]" rel="nofollow">$loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]
</if>

[HPIA]

Is there a way to set a time limit? For example, you scrollover the name and keep it there for exactly one second, that will popup, or maybe one and a half seconds. That way, there is an obvious intention of doing the act instead of just the annoying popup everytime you move your mouse over a name...

[ericgtr]

Originally Posted by HPIA

Is there a way to set a time limit? For example, you scrollover the name and keep it there for exactly one second, that will popup, or maybe one and a half seconds. That way, there is an obvious intention of doing the act instead of just the annoying popup everytime you move your mouse over a name...

Sure, in the js/ajax-tooltip.js file locate this and change 30 to 90, you can play with that number a little bit if you want.

setTimeout('ajax_showTooltip(\'' + externalFile + '\',refToTagTriggerTooltip,false)',30);

Also keep in mind that you will have to do a hard refresh (ctrl+refresh) or clear your cache before you will see the change.

[trickfly]

Originally Posted by ericgtr

The box should only dissapear when you click outside of it or mouseover another name.

is it working fine on my site ?

www.TrickFly.com

the box seems to disappear as soon as you move your mouse ove the box, is this right ?

[criscokid]

Originally Posted by ericgtr

What is the URL you want to use it with?

Do you mean the URL of my site?

[Limerick]

Originally Posted by ericgtr

Sure, just replace your forumhome_loggedinuser template with this (you may use a comma and add other groups too if you want)

Thank you Eric

[ericgtr]

Originally Posted by criscokid

Do you mean the URL of my site?

No, the URL that you want to have the ajax window to display when you click the link.

[ericgtr]

Originally Posted by trickfly

is it working fine on my site ?

www.TrickFly.com

the box seems to disappear as soon as you move your mouse ove the box, is this right ?

It's been changed, when did you last install this? You can upgrade if it's been a while.

[criscokid]

Originally Posted by criscokid

I'd like to change what information appears in the ajax box - is that straightforward? Is it just a matter of a template edit

Originally Posted by ericgtr

No, the URL that you want to have the ajax window to display when you click the link.

At the moment the ajax block supplies information about what the user is currently doing on the forums. If the box contained more information about the user and pulled information from the profile fields people would be more likely to click through to a users profile page and find out more about that person.

When the person clicks on / into the ajax box they should be taken to that person's profile page (preferably opening in a new window).