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 BadgerDog

Thanks....

You should indicate in the instuctions and description above that this mod does not work with Macintosh computers using the Mac Safari standard browser. Large boards with a diverse membership using different computer platforms won't be able to use it.

Regards,
Badger

IMO this doesn't warrant announcing it. Other than your mention of it I haven't heard any other complaints and those using Safari on a Mac are an exception in the large picture.

[BadgerDog]

Originally Posted by ericgtr

IMO this doesn't warrant announcing it. Other than your mention of it I haven't heard any other complaints and those using Safari on a Mac are an exception in the large picture.

Safari is the standard browser provided by Apple on the Mac ...

It's hardly an offbeat or unusual product....

You really should be disclosing that it doesn't work with Apple products...

Thanks for your efforts though...

UNINSTALLED

Regards,
Badger

[FCS-Webmaster]

Is it possible to combining with this hack?!
https://vborg.vbsupport.ru/showthread.php?t=121883
I would be appreciated about a answer

[ericgtr]

I had done that originally but then Paul rewrote the mod. I just added this again to his new code. Please confirm that this works for you and I will then add it to the instructions.

To add to Paul M's Members who have visited today mod https://vborg.vbsupport.ru/showthread.php?t=121883

In the Display_Visitors_User template, replace entire contents with this:

<a rel="nofollow" href="member.php?$session[sessionurl]u=$today[userid]"onmouseover="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$today[userid]',this,true);return false" onmouseout="ajax_hideTooltip()"> $today[opentag]$today[username]$today[closetag]</a>$today[markinv]

[salata]

Its been established that you get an error when installed on a 3.5.x board, but has anyone with a 3.5.x board been able to make this work?

[cloyal]

I installed this on3.6.8 and I only get the avatars and the time. any suggestions as to what I did or didn't do?

[cloyal]

Originally Posted by craiovaforum

i'm not sure if this happened to others. but for me, when i hovered over my own username it said "unknown location", as shown in the attached image.

i added this at the top of member_ajax.php and it solved the problem:

PHP Code:

define('LOCATION_BYPASS', 1); 


also, i dont understand why you use another css than vbulletin. that screwed up some colors on my board
i edited ajax-tooltip.css, deleted the whole 'demo' part and left only these:

PHP Code:

/* CSS needed for the script */

#ajax_tooltipObj{
        z-index:1000000;
        text-align:left;
}
#ajax_tooltipObj div{
        position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */
//      background-image:url('../images/arrow.gif');
        width:1px;
        position:absolute;
        left:0px;
        top:0px;
        background-repeat:no-repeat;
        background-position:center left;
        z-index:1000005;
        height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
        border:1px solid #000000;       /* Border width */
        left:18px;      /* Same as border thickness */
        top:0px;
        position:absolute;
        width:150px;    /* Width of tooltip content */
        height:250px;   /* Height of tooltip content */
        background-color:#EBEBEB;       /* Background color */
        padding:5px;    /* Space between border and content */
        font-size:0.8em;        /* Font size of content */
        overflow:auto;  /* Hide overflow content */
        z-index:1000001;
} 


and ajax-tooltip-demo.css is completely unneeded imho.
my guess is that you copied the demo parts of the css from the original ajax-tooltip plugin.
but you should remove them for the vbulletin plugin since vb has its own css

Never mind, I ended up editing my CSS file with what was here and it worked, but had to take out the bypass as it showed up on all users except for me. Works fine now.

[yoyoyoyo]

on 3.6.8 I am getting the following error when I mouse over my username:

Parse error: syntax error, unexpected ';' in /home/mysite/public_html/forum/member_ajax.php(832) : eval()'d code on line 288

It is showing the proper user activity below the error, however.

[ericgtr]

Originally Posted by yoyoyoyo

on 3.6.8 I am getting the following error when I mouse over my username:


It is showing the proper user activity below the error, however.

This is the first I have seen this error, I would try re-uploading the stock member_ajax.php file and re-importing the plugin again.

[yoyoyoyo]

Originally Posted by ericgtr

This is the first I have seen this error, I would try re-uploading the stock member_ajax.php file and re-importing the plugin again.

FYI - the error ended when I uploaded an avatar (I had no avatar previously)