onMouseOver and MSIE DHTML filters

[digital_nomad]

Ok, I've seen things like this before: You mouse over a link, and the text is mirrored. (filter:fliph())

I've been working for a few hours now, and still haven't figured out how to do it... I don't remember the page where I saw the effect, so I can't just view source...

I know how to do onMouseOver stuff, and I know how to do the filters, but I can't seem to do both...

It's really irking me.

So can anyone help a fellow out with this? Thanks!

[Jona]

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp

Jona

[digital_nomad]

Erm, thanks for posting, but I didn't really find anything helpful there. (It is Micro$oft after all ;) )

[Jona]

Could you post some code that you have so I can see what you've got? Here (http://www.geocities.com/god_loves_07/edit_img.html) is a link to a page I made a long time ago demonstrating MSIE's filters (to an extent, it doesn't have all of them).

Jona

[digital_nomad]

I've tried several different things, and none of them worked. Such as:

<span style="width:200;height:30;onMouseOver='filter:fliph()'"><a href="http://www.htmlgodies.com">text</a></span>

and

<span style="width:200;height:30;"><a href="http://www.htmlgoodies.com" onMouseOver="filter:fliph()">text</a></span>

and such.

I'm not a DHTML wiz, but I do know my way around good old HTML...

[Jona]

Originally posted by digital_nomad
<span style="width:200;height:30;onMouseOver='filter:fliph()'"><a href="http://www.htmlgodies.com">text</a></span>


That should be:


<div style="width:200;height:30;" onMouseOver="this.style.fliter='fliph()';">
<a href="http://www.htmlgoodies.com/">Text</a>
</div>


Jona

[digital_nomad]

:rolleyes: So it was that easy...

I feel retarded. :D

Thanks!

Well, I've tried that, but it still doesn't work... Any ideas? (Oh yeah; It gives me the error "Object expected." I have no idea what that means... And also, you spelled "filter" wrong ;)

[Jona]

I edited my post, but the code will only work for images. It does not apply to text (unsure why).

Jona

[digital_nomad]

Ok, I kinda found the solution; but it effects all links on the page (Which is fine, because that's what I wanted anyway)

<STYLE TYPE="text/css">
<!--
a {text-decoration: none;}
a:visited {text-decoration:none;}
a:hover {filter: fliph; height:0; text-decoration:none;}
-->
</STYLE>

Kinda like that.

Thanks for your help, though!

[Jona]

Okay, good luck!

Jona

[dimpie]

I found a very learnsome site with examples on filters. It shows examples both with text and images.

http://www.w3schools.com/dhtml/dhtml_examples.asp .

Hope you like it.

:) Dimpie.