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

[Barakat]

wont works with product-vbranking.xml hack, "Search Engine-Friendly URLs for vBulletin"

[bchertov]

How about support in for the username of the poster in the postbit???

[ericgtr]

I added that to the member_ajax template earlier. Just copy and paste it in again and it will show up.

[Code Monkey]

Interesting. However, you should really try to integrate the vbulletin AJAX code so that compatabilities fall in line with vbulletin.

[Atakan KOC]

Profile view Member List

open template "memberlist_resultsbit"

find

<a href="member.php?$session[sessionurl]u=$userinfo[userid]">$userinfo[musername]</a>

replace

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

[firstrebel]

Originally Posted by ericgtr

Yes, I stated that in the initial post.

If you mean this

It also won't display a mouseover for a members name that is wrapped from one line to another.

I read that it applies if the user name is at the end of one line and continues into the next. This is correct, as the popup does not show.

When not logged in I get as is shown in this attachement when hovering 3rd name from the right. The forum logo is also being displayed in the popup; not a 'no permissions' message.

When logged in the 2nd and 3rd names from the right still have the popus cut off.

Bob

[abosaleh]

thank a lot mr ericgtr

I have one Question

look at my attachment
The postion for Englesh language is left

how can I make the dispaly informatiom in the right side for arabic postion

[abosaleh]

I repair it for arabic postion

for arabic user thay cat use attached files off CSS

[firstrebel]

Originally Posted by ericgtr

Because that's the one referenced in the header template. Sorry for pointing you to the wrong one.

Both css files have to be edited because if the background colour has been changed from default and only ajax-tooltip-demo.css is edited, when someone not logged in hovers the background setting in ajax-tooltip.css will be active instead.

This is a nice mod but the faults I have found need to be fixed, as they detract from a good forum.

Bob

[ericgtr]

Originally Posted by firstrebel

Both css files have to be edited because if the background colour has been changed from default and only ajax-tooltip-demo.css is edited, when someone not logged in hovers the background setting in ajax-tooltip.css will be active instead.

This is a nice mod but the faults I have found need to be fixed, as they detract from a good forum.

Bob

Thanks for the input. If you don't want to manually edit to suit your design needs, then this mod probably isn't for you.