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

[Mohamad]

Nice but how can i change tha align of preview?

Cause arabic language from right to left so i want the preview appeard in the left of name

Thank you alot

[BadgerDog]

Originally Posted by BadgerDog

Anyone figured out how to fix the on-going formatting problem on Safari for MAC's?

Thanks

Regards,
Badger

Ok, let's try a different approach....

In the absence of any feedback from the author, can anyone else help us solve the formatting issue, which makes the mod unusable on Mac machines running Safari....

Anyone?

Thanks

Regards,
Badger

[ericgtr]

Sorry for not getting back to you sooner on this. I do no know anything at all about Safari or Mac's other than it's on my iphone, it sounds like a compliance issue though. Sorry I can't be more helpful.

[iogames]

Anybody able to redesign this Mod?

[voter]

Originally Posted by MioTraGusa

FIX CMPS - Member ajax



in header template, change :

<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>

for:

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

Replace the entire forumhome_loggedinuser template with this:

<if condition="$loggedin[userid]"><if condition="in_array($bbuserinfo['usergroupid'], array(1, 3))">
$stylevar[dirmark]<a href="$vboptions[bburl]/member.php?$session[sessionurl]u=$loggedin[userid]" rel="nofollow">$loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]
<else />
$stylevar[dirmark]<a href="$vboptions[bburl]/member.php?$session[sessionurl]u=$loggedin[userid]"onmouseover="ajax_showTooltip('http://www.yourdomain.org/forum/member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this,true);return false" onmouseout="ajax_hideTooltip()">  $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]
</if>
<else />$loggedin[musername]</if>

!!!! -> change www.yourdomain.org/forum/ --> for your forum url

in template member_ajax search:

   <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 />

change for:

   <if condition="$show['avatar']">
    <td><img src="$vboptions[bburl]/$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 />

work ok.

bye

Unfortunately not working

html debugging gives

uncaught exception: The permission to call XMLHttpRequest.open method is forbidden
createAJAX()ajax.js (line 24)
sack(undefined)ajax.js (line 132)
ajax_loadContent("ajax_tooltip_content", "http://viparmenia.com/vb/member_ajax.php?u=55")ajax-dynamic-cont... (line 40)
ajax_showTooltip("http://viparmenia.com/vb/member_ajax.php?u=55", a member.php, false)

Seems it is counted as a dynamic call of code from another server and browsers are blocking it as non allowed access.

[salata]

Has anyone able to make this work for 3.5.4?

[nnjj.net]

is it working stable on 3.6.8?

[BadgerDog]

Originally Posted by ericgtr

Sorry for not getting back to you sooner on this. I do no know anything at all about Safari or Mac's other than it's on my iphone, it sounds like a compliance issue though. Sorry I can't be more helpful.

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

[RTFA]

Quit working after 3.68 upgrade.

[ericgtr]

Originally Posted by RTFA

Quit working after 3.68 upgrade.

You will have to re-apply the template modifications again. I have it working fine on a 3.68 board myself.