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

[GrendelKhan{TSU]

note: doesn't work if you have zoints installed. well works in a way... but the redirect script for zoints makes this funky for members with zoints.

had to uninstall. great stuff though. too bad..its sexy!

[VaaKo]

How can I enlarge the displayed window?

[Shazz]

I really love this, Its really cool, but I had to uninstall it since it turned my whole skin grey for some reason, I think its when you edit the header part. I don't know how to fix it.

[Chadi]

I added this, then reverted but I still see this added white line space exactly below the navbar. odd enough, I'm 100% postive I reverted the template modifications. How do I correct the white space?

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" class="header_bg">
<tr>
	<td align="$stylevar[left]" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
	<td align="$stylevar[right]">
		<div align=center>

		</div></td>
	<td align="$stylevar[right]">
		<img border="0" src="http://talkjesus.com/images/element/misc/header.gif">&nbsp;
<!-- banners -->

	</td>
</tr>
<tr>
<td height="34" colspan="3">

<!-- nav buttons bar -->
<div align="center">
	<table  cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">
	<tr align="center">
		<td class="nav_menu_control" width="16"><a href="http://www.talkjesus.com/index.php">
		<img src="http://www.talkjesus.com/images/home.gif" border="0"></a></td>
		<if condition="$show['member']">
			<td class="nav_menu_control" width="91"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
		</if>
		<if condition="$show['registerbutton']">
			<td class="nav_menu_control" width="91"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
		</if>
		<td class="nav_menu_control" width="92"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
		<td class="nav_menu_control" width="92"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
		<td class="nav_menu_control" width="92"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<!-- v3 Arcade -->
<td class="nav_menu_control" width="92"><a href="arcade.php$session[sessionurl_q]">Arcade</a></td>
<!-- /v3 Arcade -->
		<if condition="$show['popups']">		
			<if condition="$show['searchbuttons']">
				<if condition="$show['member']">
				<td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
				<else />
				<td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
				</if>
				<td id="navbar_search" class="nav_menu_control" width="92"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
			</if>
<td id="journalnavbar" class="nav_menu_control" width="92"><a href="#journalnavbar">$vbphrase[journals]</a> <script type="text/javascript"> vbmenu_register("journalnavbar"); </script></td>
			<if condition="$show['member']">
				<td id="usercptools" class="nav_menu_control" width="92"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>		
			</if>
		<else />		
			<if condition="$show['searchbuttons']">
				<td class="nav_menu_control" width="92"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
				<if condition="$show['member']">
				<td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
				<else />
				<td class="nav_menu_control" width="92"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
				</if>
			</if>
			<td class="nav_menu_control" width="92"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
			<if condition="$show['member']">			
				<td class="nav_menu_control" width="92"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>			
			</if>			
		</if>
		<if condition="$show['member']">
			<td class="nav_menu_control" width="92"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
		</if>
	</tr>
	</table>
</div>
<!-- / nav buttons bar -->
</td></tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

That's my header template (which holds the 'navbar' menu itself)

[JonnyC]

Excellent Mod - Thanks

But I have a slight problem

The Mod works great in my forum, but I also have the vBadvanced CMPS installed with a whos visited module

When I load this page, i get a line error in the bottom corner of the screen when i move my mouse over the name of a member who has visited and this script doesnt work

Does anyone know how to fix this

Thanks

my site is http://www.boogie2nite.co.uk

and a test user account

Username : test
Password : test

It works perfectly here

http://www.boogie2nite.co.uk/forum/index.php

but doesnt here

http://www.boogie2nite.co.uk/index.php

[LockeAG]

For me is not workin at all, And I don0't know why , I follow step by step , and nope, nothing happen.

I have a skin plus severeal other plugins , so I don't know whats going on , hope can give me a hand.

see'a

EDIT

Evrything works perfect!

[incurable]

this is handy!thank u !

[mhdhallak]

Hi

I followed the instructions thoroughly. When testing, hovering over a name generates this javascript error:

"Error: ajax_showTooltip is not defined
Source File: http://www.domainname.com/vb/index.php
Line: 1"

what is the most likely cause of this error?

[Shazz]

Why would it change my skin background color to grey??

[ericgtr]

Have a look at this post and see if it fixes it for you https://vborg.vbsupport.ru/showp...7&postcount=59