border / highlight hotspot on user click of hotspot

[codecomm]

I had this in another forum, ASP.NET since it's with a .NET server control, but was given the advise to post it here.

When a user clicks a hotspot from our imagemap, we wanted to at least border the hot spot or change the color of the hot spot so users knew which hot spot they'd selected.

Right now we edit a label's text at run-time to tell them which hot spot they clicked.

Anyone done this or have any similar suggestions?

Thanks!

 

[BillyRayPreachersSon]

If the area is rectangular, you could put an absolutely-positioned DIV over it.

If not, you'll have to swap an image in.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[feherke]

Hi

If not, you'll have to swap an image in.

Or to read Mathieu Henri's article, "Drawing lines in JavaScript".

Feherke.

http://rootshell.be/~feherke/

 

[BillyRayPreachersSon]

Poi's article is good, but I reckon that for anything more than a simple shape you will suffer from slow-down (speaking from experience here).

Granted, you could use SVG / VML / canvas object... but cross-browser, an image would be far easier IMHO.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Hmm - OK... I read a different article by Poi a while back and assumed it was the same one, sorry. I had also read that one (check out

http://www.ozoneasylum.com/7808

for more by him and other good JS devs), and had completely forgotten about it until now (thanks for the brain-poke!)

I'd be interested on knowing the slow-down of using this method to create enough lines to create the image, v.s. a transparent GIF or PNG overlay with the border on)... presumably because they're both loading images, it makes more sense to go with the overlay.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]