Ik heb een kleine html vraag. Op m'n site www.21bis.nl krijg ik een omlijning om de links die heb aan geklikt. Deze gaat weg als je er naast of op een andere link klikt. Het is geen css ding oid. Op m'n nieuwe site wil ik dit graag weg hebben.... weet iemand hoe je dit (misschien dmv van een scriptje oid) weg kan krijgen?
Alvast bedankt!
Gr. Frank.
a {text-decoration: none;}
Maar helemaal zeker weten doe ik 't niet, want Safari heeft er geenlast van (Opera volgens mij ook niet). Misschien dat iemand andershet kan bevestigen/verbeteren?
Mvg,Joram
Voor Firefox kun je het met een CSS regel doen (zie source-code van onderstaande HTML). Al is de CSS regel niet W3C valid, het is een extra'tje die Mozilla webbrowsers snappen. Voor Internet Explorer versies kun je een javascriptje gebruiken (kan voor Firefox natuurlijk ook, maar is niet perse nodig).
http://www.atlantisdesign.nl/public/onfocus_blur/onfucus_blur.htmlhttp://www.atlantisdesign.nl/public/onfocus_blur/onfocus_blur.js
Heb het net even snel in elkaar getypt voor je, even getest en het schijnt te werken in IE6 en IE7. Zoek anders even verder op internet met bovengenoemde techniek en pas mijn scriptje aan.
Hier schijnt iemand een oplossing voor je probleem te hebben.
dan ben je van die kaders afsucces
edit: deze truuk werkte in 2001 al bij internetexploder...dus niet echt iets nieuwstoedeloet.
(Bewerkt door applejuice om 12:13, 12-05-2008)
Ziehttp://developer.mozilla.org/en/docs/CSS:-moz-outlinehttp://developer.mozilla.org/en/docs/CSS:-moz-outline-style
a { -moz-outline-style: none;}
Ik heb geen IE maar als ik het goed begrijp zit alleen daar het probleem nu nog in...dit is op te lossen met "a onFocus="if(this.blur)this.blur()" href "...
Ik denk dat ik dat nog even toevoeg aan de navigatie bovenin toe voeg...
Het enige wat je hoeft te doen in het javascript in de HTML-head (zie mijn voorbeeld HTML) te zetten van elke pagina waar je dat weg wilt hebben. De rest gaat vanzelf.
(Bewerkt door denn88 om 14:13, 12-05-2008)
denn88 om 14:13, 12-05-2008Als je mijn scriptje gebruikt wordt dit automatisch gedaan voor alle HTML a-tags die in de pagina zitten. Dan hoef je dat zelf verder nooit meer te doen!!
dit scriptje? http://www.atlantisdesign.nl/public/onfocus_blur/onfocus_blur.js ?
kan jij het testen?
Zoals mijn voorbeeld HTML pagina: http://www.atlantisdesign.nl/public/onfocus_blur/onfucus_blur.html
<script type="text/javascript" src="onfocus_blur.js"></script>
(Bewerkt door viezn om 21:32, 12-05-2008)
denn88 om 12:08, 12-05-2008De truuk heet 'onfocus / blur'. Men zorgt ervoor dat als een a-tag de 'focus' krijgt dat de webbrowser deze moet 'blurren', ofwel de focus ervan af moet halen.Voor Firefox kun je het met een CSS regel doen (zie source-code van onderstaande HTML). Al is de CSS regel niet W3C valid, het is een extra'tje die Mozilla webbrowsers snappen.
Voor Firefox kun je het met een CSS regel doen (zie source-code van onderstaande HTML). Al is de CSS regel niet W3C valid, het is een extra'tje die Mozilla webbrowsers snappen.
a:focus{ outline:0 none; }
denn88 om 12:08, 12-05-2008Voor Internet Explorer versies kun je een javascriptje gebruiken (kan voor Firefox natuurlijk ook, maar is niet perse nodig).http://www.atlantisdesign.nl/public/onfocus_blur/onfucus_blur.htmlhttp://www.atlantisdesign.nl/public/onfocus_blur/onfocus_blur.js
Waar ik hier een beetje moeite mee heb is het feit dat je daardoor het navigeren met de tab toets onmogelijk maakt. (Niet echt gebruikersvriendelijk voor mensen die bijvoorbeeld geen muis kunnen bedienen). Slimmer lijkt mij om de functie bij een onmouseup event te laten triggeren? vb:
if(typeof window.attachEvent != 'undefined'){ // IE5+ window.attachEvent('onload', function(){ for(i in document.links) document.links[i].onmouseup = function(){this.blur();}}) }
Edit: foutje in js code, en tekst enigszins aangepast Scriptje werkt nu wel...
(Bewerkt door Kaydie om 1:28, 14-05-2008)
Gast
