Topic awaiting preservation: get rid of rectangle outline (Page 1 of 1)

you know the dotted rectangle that shows up around a link when you click it (to show that it's active). Is there a javascript / html code that will prevent that from happening?

onfocus="this.blur()"

aaaahhhhh

Jason

edit: no way, did I just answer a question in the js forum? I think I did (but made a typo )

[This message has been edited by JKMabry (edited 11-16-2002).]

How do I get rid of that rectangle when I click on a link?

___________________
Emps

FAQs: Emperor

thanx a lot. why didn't it occur to me.

Is it possible to implement this using CSS?

Afraid not. I don't think so, at least.

By the way, onfocus="this.blur()" is a bad practice, because it makes the page unnavigatable without a mouse. Some people like to use their keyboard to navigate around a page, and when they tab to a link, and that bit of code is executed, their next tab will go to the first link in the page. Not very intuitive. Keyboard users *need* the little outline.

A better solution, therefore is to use onmouseup="this.blur()" since mouseup can only happen with a mouse. The outline is there while the mouse button is down, but this solution is still better since it doesn't make the page more difficult to use for some people.

Thanks for the reply, Slime. Guess I'll skip doing this as I'm not going to do a [onmouseup="this.blur()" ] for every link!

Well, you can always run this piece of code after the page loads:

var alllinks = document.getElementsByTagName('a');
for (var a=0; a < alllinks.length; a++)
alllinks[a].onmouseup = function() {this.blur();};

quote:

---

Is it possible to implement this using CSS?

---

It will probably be in CSS3 which is under development. Mozilla supports it already:

-moz-outline: none;