Hi

I've searched though the forum and can't find an exact solution for disabling the right-hand mouse-click only on images (not text) on a webpage. I have some code that will do the job but I need some help with it. I realise that you can't stop people taking anything from webpages, so the aim of the following code is to provide an inoffensive way of reminding people that images have a copyright, and it leaves the right-hand mouse-click working for the rest of the page.

How do I change the following js code to run completely in an external js file? I already have the following code in an external file, but for this code to work each XHTML page has to have <body onload="trap()"> placed in it. I want to get rid of the onload="trap()" bit because the XHTML files do not validate though the W3C validation system with it placed in the page.


function right(e)
{
var msg = "To copy/use this image, please contact the copyright holder for permission.";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg);
return false;
}
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg);
return false;
}
else return true;
}

function trap()
{
if(document.images)
{
for(i=0;i<document.images.length;i++)
{
document.images[i].onmousedown = right;
document.images[i].onmouseup = right;
}
}
}