Image map focus outline removal 1

[tsdragon]

How do you remove the dotted line that appears around the area of an image map when you click on it? It isn't necessay, and looks terrible. I tried the hidefocus attribute, but it didn't work.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[BillyRayPreachersSon]

What version of IE are you seeing the problem with? AFAIK, you need IE 5.5+ for this to be supported.

Dan



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

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

[/tt]

 

[tsdragon]

Actually, I'm using FlashPeak SlimBrowser, but it uses the IE browser engine (I use it because I need IE features, but like a tabbed browser). My version of IE is 6.0, so that should be what I'm using. Apparently the hidefocus attribute just doesn't work for imagemap areas.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[glenmac]

Tabbed Browser????????????? IE

Glen

http://lantzvillecomputers.com

 

[ChrisHunt]

It isn't necessary

It is if you can't use a mouse for some reason, and use the keyboard instead.

Still, you might be able to draw something from

http://www.cssplay.co.uk/menu/nodots.html

.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[BillyRayPreachersSon]

Tracy,

Another way of getting tabbed browsing using the IE rendering engine is to use the IE Tab plugin for Firefox.

It is very good - you can switch between IE and Firefox on-the-fly for any page, and even give a list of URLs that should always open in IE, like the Windows Update pages, MSDN, etc.

All the IE rendering works as you would expect, including filters, and you also get the bonus of being able to check your pages in Firefox as well with one click (or rather, you can look at your pages in Firefox, and check them in IE with one click ;o)

I'm not suggesting you change, but it's certainly another alternative.

Dan



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

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

[/tt]

 

[BillyRayPreachersSon]

Aaah - if you put the hidefocus attribute on the image, and not the area elements, all works as expected:

<img src="whatever.gif" width="250" height="500" border="0" usemap="#map" hidefocus="true" />

Hope this helps,
Dan

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

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

[/tt]

 

[tsdragon]

I thought I had tried putting the hidefocus on the image tag as well, but I tried it again and it works! I think the problem is that I'm doing the site under DotNetNuke, and the default HTML editor is worthless. It stripped the value part of the attribute when on the area tags, and I think it removed it entrirely from the image tag. I installed FCKEditor instead (and the wonderful service provider by Locopon's DNN and it works beautifully. It's much easier to work with, and generates proper XHTML (it even changed hidefocus="true" to hidefocus="hidefocus" which I'm guessing is the proper XHTML way to do it.

As far as using the keyboard instead, I'm planning on providing a list of links (there are only 10) as well.

I do use FF now and then. I used to use it a lot, but for some reason when I upgraded to XP and installed it I had trouble with it. I can't get it to open a page in a new tab, it wants to open a new window instead. I tried everything I could think of, and finely just said "to heck with it" and went back to IE. That's all we develop for at work anyway.



Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[tsdragon]

P.S. According to the MSDN web site, hidefocus isn't an attribute of the image tag at all, just the area. Guess they don't always know what they're talking about, even on their own extensions. Big surprise.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[BillyRayPreachersSon]

The odd thing is, it doesn't matter what you specify as the value of the attribute, as long as it is present. That casues some confusion if you have:

hidefocus="false"

Which still hides the focus!

Dan

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

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

[/tt]

 

[tsdragon]

I noticed myself that it doesn't matter what the value is, as long as it is not an empty string or null. Still, I think the standard is hidefocus="hidefocus". There is another attribute that works similarly, but I can't remember which one. It can lead to some confusion. I think "true" and "false" would be more intelligent options, since it's strictly an on/off option.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.