Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 02:20 pm EDT

Geeklog Forums

whos online block: onmouseover popup


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

Status: offline

1000ideen

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

Status: offline

Chalkhillian

Forum User
Chatty
Registered: 09/23/02
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.
 Quote

Status: offline

1000ideen

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

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"

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


then add the following to your CSS.

Text 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;
}
 
 Quote

All times are EDT. The time is now 02:20 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