• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 66
  • Last Modified:

CSS question related to hyperlinks

Is it possible to style a hyperlink so that:

a) The hyperlink can be made non-clickable.
or
b) The style specifies a URL to override the a href declaration.

Thanks,
Steve
0
skbohler
Asked:
skbohler
  • 3
  • 2
  • 2
  • +1
1 Solution
 
Paul MacDonaldDirector, Information SystemsCommented:
Presuming straight HTML/CSS:
a) No.
b) No.

You could do something like that via javascript, or a back-end coding language (like ASP.Net).
0
 
Russ SuterCommented:
CSS only deals with style, not functionality. That being said, some styles do actually affect function and there are many tricks you can pull. The downside is that not all browsers interpret CSS the same way. You can sort of disable a link using the following CSS:
a.noclick
{
  pointer-events: none;
}

Open in new window

Then your markup:
<a href="http://www.experts-exchange.com" class="noclick">Experts Exchange</a>

Open in new window

However I'm not sure it will work across all browsers. It does work in Chrome.
Here's a list of browsers that support the pointer-events style: http://caniuse.com/#feat=pointer-events

The 2nd issue is much harder to get around. CSS can do lots of things, even add content but changing attributes is not something I've ever seen done with any real success. Javascript would be the way to do this.

So, the short answer to your questions in order are:
a) Yes (mostly)
b) No, use Javascript
0
 
Julian HansenCommented:
Begs the question if you can edit the HTML to add the class why not just remove the href ?
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Paul MacDonaldDirector, Information SystemsCommented:
Yes, the acceptance of that as a solution makes no sense.
0
 
Russ SuterCommented:
How does the acceptance of the solution make no sense? It answers the questions asked. Whether or not the implementation is appropriate is a different topic.
0
 
skbohlerAuthor Commented:
I want to dynamically change the class of the a tag depending on certain factors. If a certain flag is set, I want the link to be inactive. No HTML editing.
0
 
Russ SuterCommented:
I'm curious. If you're assigning a class to an element aren't you editing the HTML anyway? Or do you have some other way of setting the flag outside the HTML markup?
0
 
skbohlerAuthor Commented:
The flag will be set via a query to a database.
0
 
Julian HansenCommented:
Which implies the page is generated? In which case why generate the link in the first place?
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 2
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now