Remove 'Dotted' lines around links when clicked

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
me.prosenjeet
 
 
Posts: 1386
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Remove 'Dotted' lines around links when clicked

Post by me.prosenjeet » Sun Mar 20, 2011 5:37 am

Remove 'Dotted' lines around links when clicked Thanks to Bacon Fries
Image

This is to get rid of dotted lines that comeup around a link on a webpage when the link is clicked. As you see in the image what I am referring to.
Simply drag this extension on your page/master page. No configuration

Details and Download
http://lucknowwebs.com/get-rid-of-dotte ... n-clicked/

User avatar
pedro-pecker
 
 
Posts: 40
Joined: Thu Feb 26, 2009 2:22 pm
Location: Devon UK

Re: Remove 'Dotted' lines around links when clicked

Post by pedro-pecker » Sun Mar 20, 2011 9:56 am

Works a treat pop it on the masterpage & job done!
thanks me.prosenjeet
Regards
Pedro

User avatar
zinc
 
 
Posts: 1496
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: Remove 'Dotted' lines around links when clicked

Post by zinc » Sun Mar 20, 2011 9:59 am

I can its usefulness, however for tab-index you may need the focus if you are going through a form for example.

User avatar
BaconFries
 
 
Posts: 4247
Joined: Thu Aug 16, 2007 7:32 pm

Re: Remove 'Dotted' lines around links when clicked

Post by BaconFries » Sun Mar 20, 2011 11:46 am

@ me if that is the case as bendigo has mentioned then we can do this

Code: Select all

<style type="text/css">
a:focus
{
  -moz-outline: none 0;
  outline: none 0;
}
</style>
Also if usinfg a form and the push button gives the same we need to add onfocus="this.blur(); to the button as shown below

<input type="submit" onfocus="this.blur();" />

User avatar
me.prosenjeet
 
 
Posts: 1386
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Remove 'Dotted' lines around links when clicked

Post by me.prosenjeet » Sun Mar 20, 2011 4:17 pm

Hi Bacon,
Little confused....
Should I use this:
<style type="text/css">
a
{
-moz-outline: none 0;
outline: none 0;
}
</style>
Or
This:
<style type="text/css">
a:focus
{
-moz-outline: none 0;
outline: none 0;
}
</style>
in the general extension (without form)

Further, looking into your code
Also if usinfg a form and the push button gives the same we need to add onfocus="this.blur(); to the button as shown below

<input type="submit" onfocus="this.blur();" />
Do you suggest I add this in the extension as--
Using form: Yes/ No (Yes will remove // and apply the below code. This way works in php but I am not sure here-though a page with a form will always be in php! :? )
//<input type="submit" onfocus="this.blur();" />
Or this should be added manually if someone is using a form?

User avatar
BaconFries
 
 
Posts: 4247
Joined: Thu Aug 16, 2007 7:32 pm

Re: Remove 'Dotted' lines around links when clicked

Post by BaconFries » Sun Mar 20, 2011 4:39 pm

<input type="submit" onfocus="this.blur();" />
No this doesnt need to be added I only gave this as a example for use with form buttons :)

The amended code with focus was as bedigo mentioned regarding the same issue that may appear if using tabs, I have tested both and they work the same...there is another method for using form buttons but this only works for gecko browsers such as firefox as it doesnt work in IE it not worth adding to the code.

User avatar
me.prosenjeet
 
 
Posts: 1386
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Remove 'Dotted' lines around links when clicked

Post by me.prosenjeet » Sun Mar 20, 2011 4:43 pm

Ok, so the current extension requires no change and I will leave it the way it is it?

User avatar
BaconFries
 
 
Posts: 4247
Joined: Thu Aug 16, 2007 7:32 pm

Re: Remove 'Dotted' lines around links when clicked

Post by BaconFries » Sun Mar 20, 2011 4:58 pm

Yer it works as it is

jordan
 
 
Posts: 844
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: Remove 'Dotted' lines around links when clicked

Post by jordan » Sun Mar 20, 2011 11:05 pm

TNX for the update mail, index al up to date now, very nice me.prosenjeet . 8) .

WWBman
 
 
Posts: 680
Joined: Fri Jan 08, 2010 6:10 pm

Re: Remove 'Dotted' lines around links when clicked

Post by WWBman » Tue Mar 22, 2011 12:24 pm

This doesn't work for me! What am I doing wrong?
http://wwb.atwebpages.com

User avatar
me.prosenjeet
 
 
Posts: 1386
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Remove 'Dotted' lines around links when clicked

Post by me.prosenjeet » Tue Mar 22, 2011 1:33 pm

WWBman wrote:This doesn't work for me! What am I doing wrong?
http://wwb.atwebpages.com
your link worked for me on IE8

WWBman
 
 
Posts: 680
Joined: Fri Jan 08, 2010 6:10 pm

Re: Remove 'Dotted' lines around links when clicked

Post by WWBman » Tue Mar 22, 2011 2:02 pm

This is weird.
I normally use Maxthon Classic browser and the extension doesn't work.
I tried IE8, Chrome, Firefox, Slimbrowser and Avant and they all worked!!
I'll have a look at my Maxthon settings to see if there is anything there although it uses the Trident engine (same as IE) so I doubt if I'll find anything.

User avatar
BaconFries
 
 
Posts: 4247
Joined: Thu Aug 16, 2007 7:32 pm

Re: Remove 'Dotted' lines around links when clicked

Post by BaconFries » Tue Mar 22, 2011 2:25 pm

I could be wrong here but it is because Maxthon doesnt support CSS2 styling fully only partially and requires a seperate plugin to do so...you could take a look at the Maxthon forum and find out more regarding this....
You can try this, it is untested for Maxthon as I dont use it and as I have mentioned it does not fully support CSS2 styling so it simply may not work due to this...Note this has nothing to do with WB but with how Maxthon works sorry....

Code: Select all

<style type="text/css">
a:focus 
{
outline: 0;
}
</style>
Or try this:

Code: Select all

<script type="text/javascript">
for(i=0;i<=document.links.length-1;i++) {document.links.[i]hideFocus='true'}
</script>

WWBman
 
 
Posts: 680
Joined: Fri Jan 08, 2010 6:10 pm

Re: Remove 'Dotted' lines around links when clicked

Post by WWBman » Tue Mar 22, 2011 3:46 pm

Thanks BaconFries, I tried both without success.
BUT I repeated the original code on my other PC which runs IE7 and only Firefox and Chrome work.
So it looks like it's a Trident engine issue that IE7 uses and Maxthon Classic issue with IE8's Trident engine.
It's no big deal, thanks anyway.

User avatar
Patrik iden
 
 
Posts: 585
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Remove 'Dotted' lines around links when clicked

Post by Patrik iden » Tue Apr 05, 2011 5:57 pm

Hi, and Thank's. This works for me. But not on Submit or Reset buttons in Contact form, can that be done?

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests