Как в firefox убрать обводку тега area при клике по нему?

Question

[Алексей Иванов]

Всем доброго времени суток!

Друзья, выручайте - уже мозг кипит.
Есть страница: тыц

При наведении на отдельную область карты, эта область (тег area ) подсвечивается другим цветом, при клике по ней происходит переход по заданной ссылке. Все прекрасно, всё работает, НО - в FF - при клике - появляется обводка области, которую ну НИКАК не убрать, хоть ты тресни! Я исползал весь инет, пробовал все стили, какие только можно применять.

css:
outline:none;
border:none;
- разумеется, не помогает...

js:

onkeypress="this.blur();"
onclick="this.blur();" 
onfocus="this.blur();"

- ваще огонь! Но - мимо...

jquery:
$(document).ready(function(){
   $("area").focus(
function(){
this.blur();
});
});

- результат всё тот же, то есть, нулевой.

Везде, в любых браузерах, все прекрасно работает, но в мозилле - не желает! До этого была проблема с 11 версией IE, но она решилась с помощью onfocus="this.blur();

Направьте, пожалуйста, в нужную сторону - самооценка падает с каждым часом...((

Заранее благодарю.

Answer 1

[Ярослав Иванов]

if ( $.browser.mozilla) {
    $("area").removeAttr("onfocus");
  }

Итог: Нужно очищать атрибут onfocus в теге area только для FF

Попробуйте это код.

var isFirefox = typeof InstallTrigger !== 'undefined'; 
if (isFirefox == true) 
   { 
      $("area").removeAttr("onfocus");
   }

Comments

[Алексей Иванов]

Спасибо, Ярослав, Ваш скрипт работает, убирает из ff нужный атрибут. Вот только в IETESTER в ie11 обводка появляется, когда скрипт подключаются. Хотя атрибут onfocus для тега area в коде есть. Не понимаю, почему...

Друзья, ни у кого нет на машине установленного ie11? Если есть, можете поглядеть, появляется обводка?

[Ярослав Иванов]

mg15: Обновил ответ. Подошло ?

[Алексей Иванов]

Ярослав, прямо невезуха какая-то!

Ушел со своей машины, пытаюсь проверить на другой, а на ней IETester корячится - таб с IE11 аварийно закрывает. Так-то всё нормально с новым кодом: и на мозилле, и на 8-9-10 версиях IE. Надеюсь, что и на 11 всё хорошо будет, но смогу точно проверить лишь поздно вечером, Нет под рукой компа с IE11, к сожалению...

В любом случае, спасибо Вам огромное, что уделили время моей проблеме! ;))) Как выясню, сразу отпишусь...

[Ярослав Иванов]

Алексей Иванов: Получилось ?

[Алексей Иванов]

Ярослав Иванов: Доброе утро! Не смог проверить на домашнем ноуте - как специально - и здесь IETester отказал IE11 запускать!((((

Отправил запрос человеку, у которого 100% есть эта версия IE. Сам, если честно, жду-не-дождусь!

[Алексей Иванов]

Ярослав, человек отписался: все в порядке, рамки в ie11 нет. Огромное-преогромное человеческое спасибо Вам!

И творческих успехов, разумеется!)))

[Ярослав Иванов]

Алексей Иванов: Тогда отметьте ответ как решение и добавьте тег к вопросу JavaScript ;)

[Алексей Иванов]

Ярослав Иванов: выполнил!)

Answer 2

[Алексей Иванов]

Спасибо за оперативный ответ! В мозилле это помогло!))

Но - если я убираю из тега area onfocus="this.blur();" - вышеупомянутый косяк начинает проявляться в IE11. Собственно, поэтому я onfocus туда и поставил. Быть может, есть другие варианты для IE, не подскажете?

В общем, картина такая: если не прикреплять атрибут onfocus="this.blur();" к тегу, то рамка появляется в IE11, а если прикрепить - то в FF. Отсюда, полагаю, следует, что нужно написать js-скрипт, который будет проверять юзер-агент, и - в случае с IE - запускать onfocus="this.blur();"

Скажите, в js это возможно? (Не бейте, пожалуйста, с js не очень хорошо знаком...)