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

[ZomgStuff]

Any demos?

[Chicago_VLNU_4s]

actually I could use this because I already have a space between names .. but will this ever get ported over to 3.5.x?

[criscokid]

Originally Posted by Chicago_VLNU_4s

actually I could use this because I already have a space between names

It's not just names next to each other but below each other if you're using a small typeface.

[BadgerDog]

Installed....

Seems to work fine so far... :up:

Want to test user reaction...

Question:

I added the option:

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

I don't understand why the second edit of the header template is necessary, as it was already done with the primary edit. Doing it again would put the same code in there twice? I just edited "forumhome_loggedinuser" template to get it to stick in-place until it ets cleared with a click etc.

Have I missed somethning?

Regards,
Badger

[Philipaclayton]

looks good may install

[citroenar]

Works without problems in 3.6.7

[ngham4host]

how can i chang the direction of it to be from the right to left

best regards,

[BadgerDog]

Ok, have had complaints from members using Mac Safari browser....

The information in the mod display box for a user on their Safari based machines, seems to be missing CR's (carriage returns).

In other words, on IE, the username displays, the the person's avatar under it, then the information under that. If the data is too wide, then a horizontal scroll bar appears, permitting one to scroll horizontally to view the balance of data.

On Safari machines, the username appears, then immediately to it's right, the person's avatar, then immediately to the right of it, the member's info. If you use the scroll bar that has now appeared at the bottom of the box, it scrolls over to the right, however, a lot of the user's profile info is cut-off at the right edge of the box and does not get displayed.

It's as if the Safari based browsers aren't seeing any carriage returns at the end of each of those field seperators being displayed. Is there any other character value HTML code that could be used to ensure that Safari browsers would pick up and recognize the end of field CR need?

We have a lot of Mac users, so anything that could be done would be appreciated...

Thanks... very nice mod.... :up:

Regards,
Badger

[Benj]

sweet mod, i use safari dont seem to have a problem

[BadgerDog]

Originally Posted by Benj

sweet mod, i use safari dont seem to have a problem

Strange, I wonder why we're getting so many Safari users complaining about the formatting issue?

Thanks for the feedback

Regards,
Badger