Question

I have some simple JQuery / Javascript to perform some simple logic for all external hyperlinks:

<script>
    $("a[href^='http://']:not([href*='"+location.hostname+"']),[href^='https://']:not([href*='"+location.hostname+"'])")
    .addClass("external")
    .attr("target","_blank")
    .attr("title","Opens new window").click(function(e) {alert('You are leaving mysite and going somewhere else, you crazy dude')});
</script>

This is fine for one page. However, I wish to have this in every web page in my application and be 100% sure that it is there.

Is there any good trick to do this?

The only one I can think of is if you are using a java architecture, to have a base JSP and ensure the base JSP calls this.

Any better ideas?

Answer 1

You don’t need some server side framework… If you use some templating library (jade handlebars, mustache, jquery templates) or if you simply separate out your HTML files you can pull them each in with jquery and render them on the page. Check out the .load function.

Also, you should separate out your html pages even if they are static.