Welcome to Geeklog Monday, October 16 2017 @ 10:11 pm EDT


Ancona5

Anonymous
Hi folks ...

it's possible to make a popup containing the userphoto when I move the mouse over the camera.png in the whos_online_block??

It may be very nice ...




ps: I don't know well javascript ...

Status: offline

1000ideen

Forum User
Full Member
Registered: 04/08/2003
Posts: 1289
I quite like the idea. Does anybody know a JavaScript for it?

Status: offline

Chalkhillian

Forum User
Chatty
Registered: 23/09/2002
Posts: 67
Quote by 1000ideen: I quite like the idea. Does anybody know a JavaScript for it?


wz_tooltip.js works well, highly configurable and supports text and/or graphics. Google it and let me know if you need a hand implementing it.

Status: offline

1000ideen

Forum User
Full Member
Registered: 04/08/2003
Posts: 1289
Another idea may be this "Rich HTML Balloon Tooltip"
http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm

tokyoahead

Anonymous
You dont need Javascript. you can do that with CSS.

insert into the links for the username a span and make the link a class "section"

PHP Formatted Code
<a class="section" href="/user...">Username<span><img src="/path/"></span></a>


then add the following to your CSS.

PHP Formatted Code


.section  {
  position:relative; /*this is the key*/
  z-index:24;
}

.section:hover {
  z-index:25;
}

.section span{
  display: none;
}

.section:hover span { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
}
 

All times are EDT. The time is now 10:11 pm.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content