Mouse over image changy thing.

JavaScript and client side scripting.

Moderator: General Moderators

User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

wow

i have it almost working sort of, i came up with a better design for it. i figure i will just position the images off the screen so they will get loaded, and then bump them in when a link gets hovered. that way they get preloaded and all such things.

i figured out why it wasn't working the other way though, and i remembered that i needed to mention something

the csshover.htc

it's the best thing for IE since.. anything.

http://www.xs4all.nl/~peterned/csshover.html

you can get it there
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

I did it. Now I just need to add text popups.

If you have FireFox you can view the CSS I used to make this all work, here is the site:

http://beta.apevibro.com/mouseover/

:):) easier than i thought
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post by Luke »

hey... nice work!
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Very nice. Can I steal it?
User avatar
MrPotatoes
Forum Regular
Posts: 617
Joined: Wed May 24, 2006 6:42 am

Post by MrPotatoes »

Everah wrote:Very nice. Can I steal it?
haha, seriously
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

yeah

as far as i am concerned html and css are public domain, i dont care whose website it is. if they dont want you to take they will make it difficult. :)
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Thanks. I'll be thieverizing your code later on.
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

They want to be able to mouseover a state and then have it highlight the region that the state belongs too.

I haven't quite figured out how I want to do this yet but I am going to sleep for the first time since Saturday so i should have something tomorrow.
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Something else to look at... in FF, the divs are block level across the page, so now matter how far to the right your mouse goes, if you hover the link div anywhere on the screen you are activating the hover class. Go to the map and mouseover lower Texas to see what I mean.
SpiderMonkey
Forum Commoner
Posts: 85
Joined: Fri May 05, 2006 4:48 am

Post by SpiderMonkey »

This sounds similar in basic principle to what I was trying to do here:

viewtopic.php?t=51384

And I was not able to get the rollovers working in IE at all (the reason its marked as solved is because the main bug was it not displaying correctly in IE 5 mac).

So, if you can get your thing working in IE, I'd like to see it.
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

Everah:

Yeah, I saw that. I'm pretty sure I can fix that without breaking the page by simply setting their width.

SpiderMonkey:

I'm sorry, I didn't look over that thread but I can tell you how I got hovers to work correctly in IE.

I used csshover2.htc from http://www.xs4all.nl/~peterned/csshover.html.

It's a behavior for IE that makes hovers render correctly on any element, like in FF. It has done miracles for me.
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

So, they want users to be able to mouseover their state on the map and have it highlight their region.

The only way that I can think of to do this is to map every pixel with a div..

Anyone have a better solution?
SpiderMonkey
Forum Commoner
Posts: 85
Joined: Fri May 05, 2006 4:48 am

Post by SpiderMonkey »

Daedalus- wrote:SpiderMonkey:

I'm sorry, I didn't look over that thread but I can tell you how I got hovers to work correctly in IE.

I used csshover2.htc from http://www.xs4all.nl/~peterned/csshover.html.

It's a behavior for IE that makes hovers render correctly on any element, like in FF. It has done miracles for me.
404 :(

edit: got it. Silly fullstop
Post Reply