| Author |
Message |
drath
D
Joined: 27 Sep 2005
Posts: 1696
Location: Canada
|
|
| Back to top |
|
| |
Lyth
Server Ninja
Joined: 13 Nov 2004
Posts: 1649
Location: Socorro, New Mexico, USA
|
 Posted: Sat Dec 15, 2007 12:36 am Post subject: |
 |
|
Not possible with CSS. You need JavaScript or some other client-side scripting magic if you want said element to stay permanently visible after mousing-over it. The best you can do is make it stay visible while the mouse is over the element.
_________________
I talk to the rain |
|
| Back to top |
|
| |
drath
D
Joined: 27 Sep 2005
Posts: 1696
Location: Canada
|
| Posted: Sat Dec 15, 2007 12:56 pm Post subject: |
|
|
I'm assuming it would be fairly simple javascript to accomplish this. Anybody a javascripter here? I can edit javascript but that's about it, i'm lost on trying to figure out how to do this myself.
_________________
The Gamer's Journal | Online Portfolio | Half-Life Library | UNDATA |
|
| Back to top |
|
| |
marinaroz
Grey Scaled
Joined: 04 Mar 2004
Posts: 2813
Location: Israel
|
| Posted: Sun Dec 16, 2007 9:06 am Post subject: |
|
|
The basic technique is simple. You create a page which has your popup element defined as hidden via CSS. All you need to do with the javascript is remove that class which hides your element or replace it with another class.
_________________
Tarakana NET |
|
| Back to top |
|
| |
kutar
Mini Game Hunter
Joined: 03 Jun 2004
Posts: 1354
Location: Techno Island
|
| Posted: Sun Jan 06, 2008 10:39 am Post subject: Re: a:hover CSS Issue |
|
|
| drath wrote: | | Hello, I am working with a bit of CSS and am stumped on a certain issue I am having. I am playing with the link hover effect in CSS to pop up a message box like found on this site: http://meyerweb.com/eric/css/edge/popups/demo.html . However, I want it to appear on hover, then make the box stay there even after it isn't hovered; so kind of like a toggle. Anybody have any ideas? |
simplest solution:
1. assign a selector for the css displaying the hover image:
| Code: | | .hoverimg {/*this "div#links a:hover img" in the example */ |
do the similar thing with a different class name when a image is not hover.
2. use a simple javascript to change the class name by assign a function to onmouseover event.
_________________
Sleepless Cat‧The one looking for her path... |
|
| Back to top |
|
| |
|
|
|
Forum FAQs 
Knowledge Base 
Memberlist 
Usergroups 
Hosting
Register
Donate 
Profile 
Log in 
