PDA

View Full Version : Prevention of copy of web page's photo

hkgray
10-15-2002, 01:45 PM
Dear expert/professional,

I want to upload photos. But I tried to prevent it from copying from other. I just know how to prevent user to use the mouse to copy or use the edit menu to copy. But there are other method to copy the photo such as using save file, send link page, using print menu to print or click the print or save button in the body of the web page etc.

I guess the most effective method is to diable the use of menu bar in order to prevent it from use. Is there any expert/professional to teach me how to prevent other to copy my photos in the network?

Thank in advance.
Raymond
tommysphone
10-15-2002, 01:53 PM
Right, I have some bad news and some good ish news.
Bad news first.

If you don't want something copied DO NOT put it on the web. Sorry to shout.

Your attempts at right mouse click blocking etc are of no benefit and to be honest are wasted attempts as they will only serve to slow the saving ofd images rather than stop it. When a page is served and viewed it is cached locally and the images are therefore freely available on the hard drive of the machine viewing your page(s) so can therefore be used over.

3rd, The good news bit. Watermark your images so that when they are copied/saved (and they will be) the credit/ownership recognition will go to you. perhaps watermark with your name or website address.

I hope this reply helps you.
hkgray
10-15-2002, 01:59 PM
Dear Mr. Tommy,

Thank you for your prompt advice.

But I have found some page that without the menu bar and when I tried to copy it, it was not allowed.

Neither send, print or save can be done in that page.

There should be some method to prevent it.

Is it need to use some tools such as abode?

Thanks
Raymond
tommysphone
10-15-2002, 02:09 PM
Your persistence is admirable. Still not good new's I am affraid.

Just because a menu bar is not there or a function disabled doesn't mean a result cannot be achieved.

For example. Press CTRL and P, you can print a page. Great if there is no print button or file menu on a page.

I am affraid that I cannot offer you the solution you require, simply because to the absolute best of my knowledge that it cannot be done.

Pages will always be cached on the users PC and subsequenltly all associated files and images will be there too.I still thoroughly recommend watermarking your images - its the best way forward.

Thats the only information I can give you on this matter.
hkgray
10-15-2002, 02:21 PM
Dear Mr. Tommy,

Thank you for your advice.

I am not looking for a complete prevention but I am seeking to prevent ordinary user from copying. I understand that some expert have other method that copied the page once the page was actually download to the their computer.

But I just want to prevent some ordinary user like me that just know to use browser to copy. I got some code to prevent the use of any keyboard and mouse such as onbeforecopy, onkeydown, onselect, onbeforeprint etc.

It would be helpful to know how to
(1) disable the menu bar which prevent save, print, copy and send link page.
(2) disable the small print and save button appearing in the face of page when the mouse went to it.

Please find an example of the prevent of copy :
http://www.hksa.org.hk/professionaltechnical/publications/index.php?itemfrom=hbsonly

When you press online's member handbook, a page appear and it can't be copied through the browser.

It was the effect that I am looking for.

Thank you.
Raymond
tommysphone
10-15-2002, 02:36 PM
When your page loads have the page containing the images etc that you do not want to be easily copied, open in a new window without status or tool bars. Then add a no right click script to the page. That is a quick and dirty way of achieving what you want.

So to recap.

Page loads, User clicks a link and a new window opens without status or tool bars. That page has a no right click script in it.

Page open script:

Add this to the <head> tag

<script language="JavaScript">

function MM_openBrWindow(theURL,winName,features) { //v1.2
window.open(theURL,winName,features);
}
</script>

Make this your link:

<p><a href="javascript:;" onClick="MM_openBrWindow('http://fullurl/pagename.htm','window','scrollbars=yes,width=425,height=250')">Link name</a></p>

NOTE, SPecify your own window sizes if 425,250 is not big enough


No right click script. Add this to your <head> tag of the page that opens as a popup

<script language="JavaScript">

<!--
// No rightclick script

var message="Well, your right button works!";

// Don't edit below!

function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->

</script>

That should have the desired effect.
hkgray
10-15-2002, 03:35 PM
Dear Mr. Tommy,

Thank you for your code indeed. I am trying to put the code to the page.

By the way, do you know how to prevent user from clicking the hidden buttons (buttons appear when mouse over photo) of print, save and send?

Thank you very much.

Raymond
hkgray
10-15-2002, 04:33 PM
Dear Mr. Tommy,

I have tried to use the code, but I may not use in a proper way and it doesn't work. Could you have a look of any error I made?

The address is http://raymond.hkluer.com
and the file is index.htm and i.htm respectively.

Thanks
Raymond
Nightfire
10-15-2002, 06:17 PM
Just need to change this

<script language="JavaScript">
function MM_openBrWindow(theURL,winName,features)
{ //v1.2 window.open(theURL,winName,features);
}
</script>

to

<script language="JavaScript">
function MM_openBrWindow(theURL,winName,features)
{ //v1.2
window.open(theURL,winName,features);
}
</script>
beetle
10-15-2002, 06:35 PM
Make sure to disable dragging too!

<img ondragstart="return false;">
cg9com
10-15-2002, 07:16 PM
also see:http://codingforums.com/showthread.php?s=&threadid=4437
hkgray
10-15-2002, 08:15 PM
Dear All,

Its really works. Thank you for assistant from all of you, especially Mr. Tommy.

Raymond
MCookie
10-15-2002, 08:25 PM
> > By the way, do you know how to prevent user from clicking the hidden buttons (buttons appear when mouse over photo) of print, save and send?

hkgray,
those annoying 'hidden buttons' is called Image Toolbar. Internet Explorer only.
To get rid of it, paste this META tag somewhere between your <head></head> tags:

<meta http-equiv="imagetoolbar" content="no">
hkgray
10-15-2002, 08:36 PM
Dear Mr MCookie,

Thank you for you advice. Its work too. This forum is great.

Raymond
hkgray
10-16-2002, 04:12 AM
Dear all,

I have use this code to restrict the use of menu bar:

<a href="javascript:;" onClick="MM_openBrWindow('http://www.hkluer.com/photo2.htm','window', 'width=500,height=400')" title="請按此觀看圖片" target=_blank><IMG hspace=0 src="http://www.hkluer.com/jpg/hongkong1.jpg" width=325 height=225 border=0 name=idImgFading></a>

Besides the original window appeared, one more window appear too, is that any error in my code?

Moreover, I tried to use a title="" as the indicator when the click go over the photo, however it doesn't work, Should it code in this way?

Finally, Could anyone advise me the code of creation a password enterance for uploading a page?

Thanks
Raymond
hkgray
10-16-2002, 08:00 AM
Dear all,

I found some script for password to link to another page. But this password script will not effectively prevent user to access a page if the person has access the page by password the first time. Next time, if they can simply input the address directly without through the password system.

Could you advise me how to create a password login when the page is uploading?

Thanks

Raymond
beetle
10-16-2002, 08:06 AM
Not going to be able to do this effectively with JS. All the 'best' JS password systems I've seen use password-names files.

You are going to need a server-side solution. www.hotscripts.com is a decent place to start looking
tommysphone
10-16-2002, 08:24 AM
I have looked at the link you posted and the popup window is working fine for me. No error's at all today.

Excellent work.

Now, you asked about a password. Do you want a user to enter a name and a password or just a password and then when they click a button to go to a specific page?
hkgray
10-16-2002, 08:36 AM
Dear Mr. Tommy,

Thank you for your reply.

Regarding the password, I just need a simple universal password for user to enter for each individual page, not enter by the link.

Regarding the prevention of copy code of above, when I click the link the targeted page appeared successfully with prevention nature but another extra empty page appear, I don't know why.

Thanks

Raymond
tommysphone
10-16-2002, 08:41 AM
well, I didn't get any other pages or windows load up, juts the main window and the second one with no right click protection. Which is confusing. Does that other window have any content?

Back to the password question, you could use this code which will need a button after to be clicked to load the page. It cannot work any other way.

Put this in the <head> tag

<script>
function loadpage(){
var psj=0;
newwin = window.open(document.frm.pswd.value + ".html")
}
</script>

Put this in the body

<form name="frm">
<p>Enter Username<input type="text" name="pswd"><input type="button" value="Proceed"
onClick="loadpage()"> </p>
</form>

Be sure to remember that the correct password equals the page name you want to have loaded. Example. If you have a page called test.htm then the password is test.

If you have a page called dog.htm the password is dog.
hkgray
10-16-2002, 08:50 AM
Dear Mr. Tommy,

The extra page arised with the address :"javascript:;" and the content of the page is "The page cannot be displayed".

The page is http://www.hkluer.com with hyperlink of the right photos.

Thanks
Raymond
Alekz
10-16-2002, 09:15 AM
Hi,
There's a simple method to prevent users copying Your images...
Or at least make this difficult enough...
As was mentioned, to prevent something to be copied, do not put in on the web...
Break Your image in rectangles with size for example 5x5 pixels.
Resample all this client side using a table (You can use some script to preload all these images, so they will appear at the same time)...
User still can save each separate image, but if it needs the whole photo it will have to use a graphic editor, such as Photoshop...

Alex
tommysphone
10-16-2002, 09:39 AM
Error found. The photo with the link has code as shown below

<a href="javascript:;" onClick="MM_openBrWindow('http://www.hkluer.com/photo2.htm','window', 'width=500,height=400')" title="請按此觀看圖片" target=_blank><IMG hspace=0 src="http://www.hkluer.com/jpg/hongkong1.jpg" width=325 height=225 border=0 name=idImgFading></a>

Use this instead

<a href="#" onClick="MM_openBrWindow('http://www.hkluer.com/photo2.htm','window', 'width=500,height=400')" title="請按此觀看圖片" target=_blank><IMG hspace=0 src="http://www.hkluer.com/jpg/hongkong1.jpg" width=325 height=225 border=0 name=idImgFading></a>

That should fix that problem. Sorry it took me so long to find the error.
hkgray
10-16-2002, 10:16 AM
Dear Mr. Tommy,

I have change the code as you suggested. The page is not in error now. But I don't know why there is an additional home page uploaded, could I avoid this?

Moreover, I tried to use title to add a description or advice of the photo when the mouse is over the photo, is it correct? (I can't find the word appear when the mouse is over the photo)

If I want to copy the page with such protection of copy, is it a difficult work?

Thanks

Raymond
tommysphone
10-16-2002, 12:38 PM
alt="some text here" is what you need in the image tag for the info to popup.

Copying the source would take a seasoned surfer about 2 minutes tops. So it is easily copied.
hkgray
10-16-2002, 01:32 PM
Dear Mr. Tommy,

As you said that it was easily to copy, could you advise me how to copy the source when the page is protected? (because sometimes I need the content of protected page for reference)

Thanks
Raymond
^KoalaBear^
10-16-2002, 01:35 PM
Originally posted by tommysphone
Watermark your images so that when they are copied/saved (and they will be) the credit/ownership recognition will go to you. perhaps watermark with your name or website address.

Would you please like to expand on this part of your advice and possibly suggest in which program you might best effect it? PsP or PhotoShop maybe? Any tutorials you might also be aware of?

Thanks for any help you might be able to provide, Mate! It can be posted here or emailed to me if you wish.

Cheers
KB...
:thumbsup:
beetle
10-16-2002, 01:37 PM
I wouldn't recommend breaking up your images. For one, if your images are that valuable, then the person who wants them will get them anyway. I can always use PrintScrn, or something more fancy (http://www.hyperionics.com/hsdx/index.asp), which would make the large amout of time you spend trying to protect it...wasted.

Digital and/or visual watermarks are the quickest/best way.
tommysphone
10-16-2002, 01:51 PM
You can watermark in Photoshop. but you would need to buy the plugin from Digimarc. Its not cheap.

As far as I know, there isn't a freeware alternative. I have no tutorial links that I know of. All self taught on that one.

Hope this helps you in your quest.

:thumbsup:

Tommysphone
beetle
10-16-2002, 01:55 PM
The last 3 versions of Photoshop I've had came with Digimarc out of the box.

But, this is a digital watermark...and I believe ^KoalaBear^ was looking for tutorials on a visual watermark...
^KoalaBear^
10-16-2002, 02:00 PM
Originally posted by beetle
Digital and/or visual watermarks are the quickest/best way.

Similarly as I asked tommysphone, would you care to direct me to any tutorials or help pages you might know of re-watermarking, please?

Cheers!
KB...
:thumbsup:
tommysphone
10-16-2002, 02:01 PM
Quite right you are. I'd reckon that some lightly coloured text accross the image or within the image border would do it. The text could be website name or some such relevant text for its owner.

A link for a tutorial. I found one :) http://www.deneba.com/community/howto/watermarks/default.html and another http://www.fontmagic.com/design/11.html

Destructions for digital watermarking with adobe...

Open your image in Adobe PhotoShop 4.0. First flatten all layers. You can watermark a layer, but your watermark could be hidden by other layers. Choose Filter|Digimarc|Embed Watermark. Follow the instructions in the resulting dialog box. You will have to register your copyright information with Digimarc in order for this to work. If your computer is connected to the Internet, you can do this immediately when you first open the dialog. Otherwise, you'll have to register by snail mail and wait for confirmation from Digimarc before your watermarks can be imposed.
beetle
10-16-2002, 02:04 PM
Don't know if any...but the process for a visual watermark is simple (do you have photoshop?)

1) Create (in white, usually) a logo or some text or whatever you want your watermark to be.

2) Reduce the transparency of this/these layer(s) down to anywhere between 5%-20%

Some are a bit more fancy, but that should do it.

Digital watermarks are easily added just by running the Digimarc plugin.
^KoalaBear^
10-16-2002, 02:22 PM
Grateful thanks to you both for speedy responses. I think I'll look at both sets of advice and links straight after brekkie in the morning (aussie time)... or a fella is gonna be up again all night, tryin to be creative!! LOL

Thanks again
Cheers!
KB...
:thumbsup:
tommysphone
10-16-2002, 02:26 PM
Go on, give it a burl mate :thumbsup:

Hooroo
^KoalaBear^
10-16-2002, 02:28 PM
ROFL Yeah right, digger!:p