How is external link icon showing up on everything kind of link?

HTML & CSS
21

code that adds the url title

// JavaScript Document
//external link title
function extlinkTitle() {
var mat=;
var anc=document.getElementsByTagName(‘a’);
for(c=0;c<anc.length;c++){
mat[c]=anc[c].href.match(/quicklinks*/g);
if(mat[c]==null){
anc[c].title=‘you are leaving’;
}
}
}
window.addEventListener?
window.addEventListener(‘load’,extlinkTitle,false):
window.attachEvent(‘onload’,extlinkTitle);

22

Hi,

These images don’t seem to exist or can’t be accessed.

http://quicklinks/images/link_icons/extlink.gif
http://quicklinks/images/link_icons/mail.gif

I guess there is some server issue there.

The code in post #19 works for me if I use my images. The only thing that won’t work for IE7 is where you are using :after as that is not supported in IE7. You would need to add that support with javascript.

23

How do you add the support with javascript?

24

That’s not really a css issue but something like this added to your code should work.


*+html a[href^="http://www"] {
 zoom:expression(  runtimeStyle.zoom=1,  insertAdjacentHTML('beforeEnd', '<span class="after"> - External - ' + this.title + '</span>')  );
}
.after{display:none}
a:hover{visibility:visible}
a:hover .after {display:inline-block}
25

Thanks very much for your help