I want to save this page for offline use, but after saving it completely in chrome, the image links are broken. What is the problem and a solution for something like this?
http://www.xlr8.at/8x8hexbin/
Chrome actually created a new folder for all the images, but the original website has its images in the same root folder as the webpage, thus the links are broken. So saving a webpage like that is not a good idea, but since this website has only 2 images, I am able to fix the link easily by moving those image back to the root folder, and fix the links on the html file.
Related
I am trying to display PDF file on the web without download option and copy option.
Then I found this https://books.google.co.in/books?id=kwBvDwAAQBAJ&printsec=frontcover&source=gbs_ge_summary_r&cad=0#v=onepage&q&f=false
Can you tell me how can I achieve this on my website?
What mplungjan said in his comment is correct. Anything that is put on the web can be copied one way or another. It appears that the google site you linked to is just showing an image of each page (see https://books.google.co.in/books/content?id=kwBvDwAAQBAJ&pg=PP1&img=1&zoom=3&hl=en&sig=ACfU3U0s8V3HjcApLeNwIGStMQlzZFaotA) with transparent pixels over each image to make it so you can't right-click to save the image. But it's easy to see what they're doing by viewing the source in the inspector.
If you don't want your users to be able to download the entire file, you could break it up into multiple small files (or images, like google is doing in your link) that would make it a little harder for them to get the files. But you can't really stop them from downloading anything.
My issue is that I have to deploy a local server (without internet), so I cannot use Google Doc Viewer in this case. All I want is to restrict the user from download or printing the document. I have tried hiding or removing the toolbar in JS but it is not working out.
You may be able to disable the toolbar somehow, but that isn't good enough to keep users from downloading or printing it anyway, and nothing you can do will be. If a person can see something, they can copy it, no matter what you try to do to stop them (and all trying will do is inconvenience legitimate users). Previous similar questions:
How to prevent downloading images and video files from my website?
disable downloading of image from a html page
https://graphicdesign.stackexchange.com/questions/39462/is-it-possible-to-prevent-download-of-images-when-designing-a-website
Although those talk about images, the exact same reasoning applies to PDFs.
At work they want to do this to prevent people from downloading images easily from our site. They won't go the disable right click option, so they want to do what Flickr is doing:
http://www.flickr.com/photos/scg/12332332454/sizes/l/
If you right click and try to download that image it downloads the entire html page instead. Can this be done via JS or is it something handled by the server?
I know all this goes against usability and doesn't actually prevent people from ripping off images but it's what the ticket I'm assigned asks for.
I was trying to save a URL to disk by right clicking on the page but the saved page does not have the text I see in the browser. I am using firefox. This is a pretty regular page rendered with text obtained by a JS call after the page is loaded.
Here is the URL - www.chilis.com/EN/Pages/menu.aspx
When I open it in the browser I see some menu items but when I save the page to disk and then open it I don't see the menu items. I understand that the CSS, JS and images are there as links and so they will not be there in the saved file. But I expect the text to be there. Why the discrepancy?
The likely cause are the browser security settings. Since you are serving the file from disk, many requests will be cross-domain. Try serving the file from your own web-server and see what happens. Also, have a look at the console when accessing the page from disk. The error messages will help.
The menu items are there - you cannot see the text because it is out of alignment because of css text-indent property. the shown texts on their website are images set as css background (these can of course not be found/loaded by url(givenpath)):
I have come across html2canvas thanks to a previous question of mine. What I am confused about is how could I implement it to do the following:
Create a live thumbnail of a live website.
When the live thumbnail is clicked it loads a bigger image of the website.
What would be the best way to feed the uri's into the script?
All images will have specific hxw set in the image tag or the css for the specific class.
If the website you are trying to create a thumbnail for is different from the actual page the user is on, you'll need to first download the HTML of the page to your server (same origin), after which you can wrap it inside an iframe and create a screenshot of that.
The screenshot generated will be 1:1 size with the actual site, so to create a thumbnail you'd have to resize the screenshot.
The script doesn't accept HTML, url's or anything else except for DOM elements as an input for rendering a page. As such, the only way you can generate a screenshot using the script is to have it either load on the page where you want the screenshot to be generated or load the page within an iframe (under same origin, so you'll need to download the source through a proxy if you use cross-origin).