|
| |
|
|
Tailslide
Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
 |
IE forms and whatever:hover - 4/5/2006 18:56:47
Does anyone have any reason to suspect that there's something nasty lurking if I use whatever:hover to achieve hover effects on a form in IE as per FF etc? It seems to work on IE6, IE5 - but it somehow seems too easy...
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
|
|
|
|
rdouglass
Posts: 9206
From: Biddeford, ME USA
Status: offline
|
RE: IE forms and whatever:hover - 4/5/2006 20:33:11
I'm by no means a CSS expert but I've used it often and as long as I use the LoVeHAte rule:
a:link { } a:visited { } a:hover { } a:active { }
never had any issues with it.
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
|
|
Tailslide
Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: IE forms and whatever:hover - 4/6/2006 3:15:59
That's fine for links - I do exactly the same (plus focus) but for non-link things such as form inputs, IE doesn't recognise :hover or :focus so you have to use "other methods". whatever:hover seems to work - it just seems too easy a solution bearing in mind all the long scripts I've seen people employ to get this effect... I'm suspicious!
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
rdouglass
Posts: 9206
From: Biddeford, ME USA
Status: offline
|
RE: IE forms and whatever:hover - 4/6/2006 10:18:38
quote:
but for non-link things such as form inputs
I don't limit the LVHA to just links either. Sorry if I implied that but again, I've never seen any side effects with either.
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
|
|
Tailslide
Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: IE forms and whatever:hover - 4/6/2006 10:35:41
quote:
ORIGINAL: rdouglass
quote:
but for non-link things such as form inputs
I don't limit the LVHA to just links either. Sorry if I implied that but again, I've never seen any side effects with either.
No what I'm trying to say is that it doesn't work in IE - unless there's a link present. You can't put a hover effect on a form input for instance without some extra form of scripting - you can in FF etc.
In FF etc you can do this:
input:focus
You can't in IE6 and earlier - well you can but it don't work!
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: IE forms and whatever:hover - 4/6/2006 11:02:31
Here's a test.
Form 1 will show hover effect on the form fields in FF (via :hover rule in CSS) - doesn't work in IE.
Form 2 works in FF as per the other one BUT also works in IE because I'm using the csshover.htc script which forces IE to use some psuedo classes like :hover and :focus on things that aren't links.
It just seems too easy - I want to know if anyone's found an issue with using csshover.htc for this purpose.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
spitfire
Posts: 424
Joined: 8/6/2005
Status: offline
|
RE: IE forms and whatever:hover - 4/6/2006 12:57:29
quote:
ORIGINAL: Tailslide
It just seems too easy - I want to know if anyone's found an issue with using csshover.htc for this purpose.
Err... in some trepidation, slap me down with a diesel-driven deck-cloth it you will, 'cos I've already been told my tabbing skills are deficient today and I've never used whatever:hover to my eternal shame 
But are the two input fields meant to show a pale blue background in both IE and Fx - form 2 (and form 1 in Fx), on hover and focus in the same way the textarea does?
input:focus, select:focus, textarea:focus {background:#f4f4f4;}
input:hover, select:hover, textarea:hover {background:#f4f4f4;}
They do not change for me. Opera, on the other hand, shows pale blue on all three fields on hover and tab (for non-links).
Is there anything of import in these little notes insofar as they relate to IE, but, apparently, not to Fx?
From peterned
quote:
NOTE 1: The rules for HTCs have changed a bit in Windows XP SP2. Users with SP2 installed may not see it working correctly, because webservers have to send htc files with the mime-type set to text/x-component. For more info on this, check Aldo's blog.
then... a bit of a ramble
quote:
NOTE 3: Version 2.0 also supports the :focus pseudo class for A, INPUT and TEXTAREA elements. However, because a selector like "input:focus" is returned as "input:unknown" by IE's stylesheet object, the script has to attach focus and blur events based on these unknowns, which might as well be other unrecognized pseudo classes. Hence, when using the 2.0 version, you CAN NOT use pseudo classes that are not recognized by IE on A, INPUT or TEXTAREA elements, since they would be used as focus styles. If you need these classes anyway, use 1.4.
Got me beat 
| |
|
|
|
Tailslide
Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: IE forms and whatever:hover - 4/6/2006 13:20:16
Yes I saw those bits - I tried initially using the older version of the script but couldn't get focus to work in IE (hover seemed ok). So just for a laugh I tried the newer one and both hover and focus (for input and textareas) worked fine on my PC (IE6 SP2 and standalone IE5). Seems ok in Opera for me too....
I might have a go via browsercam see if it's possibly some local effect.
You see why I thought it all sounded too easy?
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
