how to define a class for a link?

Question

Hi community,

following situation:
We want to open all external-links in a new window. Therefore I add the javascript in custom-html as desicriped in other questions.
That works fine - now comes the 'but' ;-)
There are also links inside a page or in the page-tree, which are inside the confluence, but the get automatically the class "external-link".

Is there any way to change that class by adding specials to the link?

Thanks for assistance.

best regards
Juergen

Juergen Philipp · Answer

Hi Matthew, no, I'm entering: [back to Dashboard|http://tl-wiki.teamlines.net:8090/dashboard.action] in the navigation-bar of "Theme navigation" and when checking the generated HTML-code by Firebug i.e. I see that automaticall a "class='external-link'" is added. And I add this: at the Header-part in the "Custom HTML". I would be happy to know how to add "normal" html-language (which will not be changed/added by the interpreter) ;-) but I guess that's not possible :-(

Matthew J. Horn · Answer

I'm assuming you're using something like this in your HTML:

AJS.$("a[class='external-link']").after(' <img src="/confluence/images/main_page/external_arrow.png" alt="External Link">');

That specifically applies only to anchors (links) that are of the class "external-link". Inter-confluence links should not have that class associated with them. Under what circumstances are you seeing inter-confluence links using this class?

Also, as a side note, I add the following to open a new browser tab when a user clicks an external link:

AJS.$("a[class='external-link']").attr('target','_blank');

Makes for a nicer user experience, imho.