Highlighting image map on load

I have image map with dynamic circle areas whose coordinates stored in
database. I'd like to colorize these areas so that it's obvious to see them.
Most solutions I found on the net highlights the area on mouse hover, while
my needs is to do it once when the window is loaded. Any idea?
--
View this message in context: http://old.nabble.com/Highlighting-image-map-on-load-tp26777 088p26777088.html
Sent from the PHP - General mailing list archive at Nabble.com.


--
PHP General Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php

Re: Highlighting image map on load

--=-cMwkIuRw0MGSfSvePgBR
Content-Type: text/plain
Content-Transfer-Encoding: 7bit

On Mon, 2009-12-14 at 04:37 -0800, leledumbo wrote:

> I have image map with dynamic circle areas whose coordinates stored in
> database. I'd like to colorize these areas so that it's obvious to see them.
> Most solutions I found on the net highlights the area on mouse hover, while
> my needs is to do it once when the window is loaded. Any idea?
> --
> View this message in context: http://old.nabble.com/Highlighting-image-map-on-load-tp26777 088p26777088.html
> Sent from the PHP - General mailing list archive at Nabble.com.
>
>


I'm not sure if you can use CSS alone to highlight, but if you can, just
give the area a class as you output it with PHP.

Otherwise, you could try and output the SVG/VML you'd need on that area
depending on the browser.

Thanks,
Ash
http://www.ashleysheridan.co.uk



--=-cMwkIuRw0MGSfSvePgBR--

Re: Highlighting image map on load

At 4:37 AM -0800 12/14/09, leledumbo wrote:
>I have image map with dynamic circle areas whose coordinates stored in
>database. I'd like to colorize these areas so that it's obvious to see them.
>Most solutions I found on the net highlights the area on mouse hover, while
>my needs is to do it once when the window is loaded. Any idea?

Idea?

Yes, this is a server-side function -- as such, you'll need a
server-side language.

I think the problem has been solved. If it was me, I would start with
jQuery. Here's an example of a mouseover hover effect.

http://sexy.hohli.com/

Apologies for the content, but the effect I think is similar to what
you wanted.

Cheers,

tedd

--
-------
http://sperling.com http://ancientstones.com http://earthstones.com

--
PHP General Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php

Re: Highlighting image map on load

> I'm not sure if you can use CSS alone to highlight, but if you can, just
> give the area a class as you output it with PHP

That's the problem, area itself isn't visible, so giving a CSS class won't
highlight it.
--
View this message in context: http://old.nabble.com/Highlighting-image-map-on-load-tp26777 088p26807008.html
Sent from the PHP - General mailing list archive at Nabble.com.


--
PHP General Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php

Re: Highlighting image map on load

leledumbo wrote on 2009-12-14 13:37:
> I have image map with dynamic circle areas whose coordinates stored in
> database. I'd like to colorize these areas so that it's obvious to see them.
> Most solutions I found on the net highlights the area on mouse hover, while
> my needs is to do it once when the window is loaded. Any idea?

I would say that you should do the following:

1. make a css class, that gives you the highlights you want.
2. put a div with position:absolute over the image where you want the
class to take effect
3. use a javascript to draw the circle in the div. If you look at for
instance the "nifty" and "niftycube" solutiona, they're working with an
inner and an outer color, so the outer should be transparent and the
inner you css class. And my guess is that this has already been made
before, so google for a javascript solution that fits your needs.

Happy hacking.

--
Kind regards
Kim Emax - masterminds.dk

--
PHP General Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php