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

[cash7c3]

two things. it seems to be a bit tempremental when hoveing over a user name, it is a bit difficult to get it to choose one member to display sometimes.

also is there anyway i can make the box pop up above or below instead of to the right?

thanks

[dirty68]

Great mod 11/10 in my books works great with 365 to, thank you so much

[tehPARADOX]

I managed to get this to work on vBadvanced CMPS v2.2.1 with 3.6.5 by adding my full forum url to some of the paths.

Currently it displays everything with mouseover, but the avatars aren't displaying. Anyone know where I can edit to get the avatars to show on the portal?

[MioTraGusa]

Originally Posted by tehPARADOX

I managed to get this to work on vBadvanced CMPS v2.2.1 with 3.6.5 by adding my full forum url to some of the paths.

Currently it displays everything with mouseover, but the avatars aren't displaying. Anyone know where I can edit to get the avatars to show on the portal?

See --> https://vborg.vbsupport.ru/showpost....&postcount=234
AND --->https://vborg.vbsupport.ru/showpost....&postcount=235

[tehPARADOX]

Thanks a lot MioTraGusa, I was going at it the long way.

[shaynehammy]

Is there a way this hack can include Name and Surname or any other profile fields?

[Coldhands]

With all of the names bunched together, the wrong info usually shows up in the box, if the user had to scroll over another user to get to the one they wanted to look at.

I tried to fix this by changing 'onMouseOver' to 'onClick' and then add a link in the box that says 'View Profile' but the option to keep the window open until there's a click seems to be conflicting with this.

Any ideas on how to go about this?

If I come up with the solution, I'll post it in this thread.

<if condition="in_array($bbuserinfo['usergroupid'], array(1, 3))">
$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]" onClick="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this,true);return false">  $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]
<else />
$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]" onClick="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this,true);return false">  $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]
</if>

[hellbringer80]

Um...I installed it and everything...but nothing works, when I put my mouse over a user, nothing pops up, any idea?

I added the product, created the template, added

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

to forumhome_loggedinuser

and put

	<script type="text/javascript" src="js/ajax-dynamic-content.js"></script>
	<script type="text/javascript" src="js/ajax.js"></script>
	<script type="text/javascript" src="js/ajax-tooltip.js"></script>
	<link rel="stylesheet" href="css/ajax-tooltip.css" media="screen" type="text/css">
<script type="text/javascript"> 
document.body.onclick = ajax_hideTooltip; 
</script>

at the very bottom of the header template, did I miss something?

(I also uploaded all the files to the root directory. and I'm using v3.6.5)

[Chicago_VLNU_4s]

sounds cool. Let us know when you fix the space problem

[criscokid]

Originally Posted by Coldhands

With all of the names bunched together, the wrong info usually shows up in the box, if the user had to scroll over another user to get to the one they wanted to look at.

This is a bit of a problem and confuses some users as to why they're not seing the right info in the bubble.