Usunięcie Obramowania Linku
Jako, że niniejszy wpis jest pierwszym merytorycznym, potraktujmy go jako rozgrzewkę i spróbujmy rozwiązać dość prosty problem – jak usunąć obramowanie linku po jego kliknięciu. Hmmm, ugryzłem się właśnie w język, bo jak się zna rozwiązanie, to wydaje się ono dość proste ale znaleźć je może być nie tak łatwo tym bardziej, że ukrycie obramowania w różnych przeglądarkach wykonuje się inaczej.
Aby zobaczyć o co dokładnie chodzi, kliknijcie w poniższy link:
Uwaga! Pod niektórymi przeglądarkami np. Chrome 4.0 ramka może nie być widoczna, tu nasz problem więc nie istnieje
Po kliknięciu powinno pokazać się niebieskie, kropkowane (dotted) obramowanie (nazywane czasem markizą). Czasami, zwłaszcza gdy link jest graficzny (obrazek) lub tło strony gryzie się z kolorem obramowania, a kliknięcie nie przenosi nas na inną stronę bo link obsługiwany jest np. javascript’em, taka ramka może razić i należałoby ją ukryć. Jak to zrobić?
Starsze wersje IE (Internet Explorera) reagowały na atrybut linka hidefocus=true, było to jednak typowe rozwiązanie jedynie dla IE. Obecnie, prawdopodobnie od wersji 7, Internet Explorer powinien obsługiwać bardziej uniwersalną, css’ową, metodę usunięcia obramowania *:focus {outline:none}. Sprawdźmy:
Powyższy link wygląda następująco:
<a href='javascript:void(0)' hidefocus=true style="outline:none">Link bez obramowania</a>
Powyższe rozwiązanie powinno działać pod wszystkimi przeglądarkami. Ja osobiście testowałem je na IE6, IE8, FF3.0, Operze 10, Chrome 4. Gdyby jednak ktoś odkrył przeglądarkę, na której obramowanie dalej występuje, proszę dać znać w komentarzach, a postaramy się jakoś zawalczyć.