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

[EasyTarget]

but I'm just using the default files from the zip.. is it pulling some of the info from my forum and some from the zip files?

[topsoftware]

thank for this hack but i have one problem
my forum language is persian and right to left and i can see good in this ajax
can any bosy help me show picture in the right side no left
thanks
www.apadanait.net

[MediaHound]

Originally Posted by Gnappy

I readed the post of craiovaforum and with few little fixes here it's a little resume. I hope this post can be useful for someone:

• Light blu background fix
  in the header template don't add(or remove if you previous added it) the last line of code, in bold here:
  <link rel="stylesheet" href="css/ajax-tooltip-demo.css" media="screen" type="text/css">
  simply add this part of code(without that line):
  

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

• Unknown location for my own username fix
  add this line of code at the top of member_ajax.php to solve the problem:
  
  PHP Code:

  define('LOCATION_BYPASS', 1); 

• Scrollbars window fix
  Overwrite ALL the ajax-tooltip.css with this code:
  
  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:20px; 
        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:2px solid #317082;  /* Border width */ 
        left:18px;      /* Same as border thickness */ 
        top:0px; 
        position:absolute; 
        width:170px;    /* Width of tooltip content standard: 150*/ 
        height:250px;   /* Height of tooltip content */ 
        background-color:#FFF;       /* 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; 
} 


Credits to ericgtr and craiovaforum

Worked like a charm, thank you!
How do I get this to show up for mousing over those usernames listed in the "last post" column of the forum index page?

[Kihon Kata]

Installed! Perfect instructions also! How will this effect server load if you have many online like I do?

[ericgtr]

I am not sure on a huge site but I think if you leave it off for guests, it will keep it down.

[rberardo]

It works, but when the little window opens it is blank, and sometimes with scroll, why?

thx

[Kihon Kata]

Eric, where do I stick that NOVIEWFORGUESTS conditional?

Originally Posted by ericgtr

I am not sure on a huge site but I think if you leave it off for guests, it will keep it down.

[ericgtr]

Originally Posted by rberardo

It works, but when the little window opens it is blank, and sometimes with scroll, why?

thx

Common problems with this, make sure the php file is uploaded and template is created and named correctly. Please read the instructions again to make sure.

[ericgtr]

Originally Posted by Kihon Kata

Eric, where do I stick that NOVIEWFORGUESTS conditional?

In the instructions there is an option, so it's one or the other. For example:
OR to turn off for guests

[rberardo]

The image have the same size as the profile, can i show the image smaller?

thx