External hyperlink
External website hyperlink example. Any link that is not a University of Adelaide (*.adelaide.edu.au) website will use the below format.
This icon is applied using JavaScript, so will automatically be added to any link with a target="_blank" attribute. You do not need to add the icon markup.
Sites that don't have a *.adelaide.edu.au website domain, can modify the plugin's js/app/ua-linkie.js and alter the excludeExternalLink white list to include their domain. If your site is still associated with the University, then your domain should be included in addition to the adelaide.edu.au domain in this file still.
<a href="http://www.google.com/">External link</a>
New window hyperlinks
Hyperlink opening in a new window example.
N.B. This type of link should only be used within a form to link to extra information. No other links within page content should open in a new window.
The new window link icon is applied using JavaScript, so will automatically be added to any link with a target="_blank" attribute. You do not need to add the icon markup.
<a href="http://www.adelaide.edu.au/" target="_blank">Link in new window</a>
Hidden link icons
External hyperlinks, document hyperlink and hyperlink opening in a new window example using js class .js-hide-icon to hide the icons visually for links within components that should not have the icons showing.
This should not be used to hide icons on links within the content, it should only be used on specific components where the icon causes other page components to break their intended styling.
<a href="http://www.google.com/" class="js-hide-icon" target="_blank">External link open in new window. Icons should be hidden.</a><br>
<a href="/document.pdf" class="js-hide-icon">PDF link. Icon should be hidden.</a>