How to get content in a flash embeded on a web site? - javascript

When dealing with simple web page, even if the page doesn't allow selecting text or right click, a browser with tools like inspect element is enough to get the content wanted.
But is it possible to get the content in an embeded flash? For example, in a flash online game there is a text paragraph, how can I select and copy these text? Will Javascript be useful or is it simply not possible?
Thanks!
Edit:
For example, I'm playing an online card game, and I'm chatting with my opponent. And I'd like to save our chat somewhere. But I can't even select the text so it's impossible to copy and save it.. Hope it clears a bit.

Depending on how the text is embedded in the SWF, you may be able to select it as you would normal text. If it's embedded as an image, you'll need to use OCR tools.
You can also try to decompile the SWF, using a program such as Sothink's SWF Decompiler

Related

Embedding PDF with flipping pages

I've seen a lot of questions and answers here that help you too embed PDF documents, but they are all "vertical read", where you scroll down to see other pages.
Is there any plugin, or maybe even a simple script that would help you to embed and read the PDF document horizontaly? Like where you see two pages and click next on top to see the next two.
Just like a book. (No fancy animations though)
Thanks.
There are plugins that lets you read pdf documents. But they might be fancy.
http://www.jqueryrain.com/2012/09/best-jquery-pdf-viewer-plugin-examples/
or
http://fliphtml5.com/free-pdf-to-jquery-flipbook.php
I like the last one especially
You can set the initial view of a PDF to show two pages.
If you add Fullscreen view to that, and the user has not deactivated clicking to the next page, it actually should give the effect you want (not verified).
If the Fullscreen view does not work, your user would use the cursorLeft and cursorRight buttons to navigate.

Live HTML preview without updating the whole preview every time content changes

I'm building a markdown editor using node-webkit (native applications using HTML/JavaScript), marked (a js markdown compiler) and CodeMirror (code editor). So I'm basically building a markdown editor using HTML and JavaScript (+ jQuery) that runs as a native application.
One of it's features is that it has a live preview of the compiled HTML. This live preview is inside an iframe and updates every time the user changes any content in the CodeMirror editor. The problem is that when the preview updates the whole document inside the iframe gets replaced. So it's basically reloading a whole webpage every time you press a key. This is not very efficient, and makes the whole application run slow. It's also a problem when you add any embedded media like a Youtube video to your document, because it's going to reload that video every time the preview updates.
I tried to solve the problem by adding a timer so the preview won't update faster than once every 250 milliseconds. This solves the slowness problem, but embedded media will still reload on every preview update.
I tried some other live preview HTML/markdown editors and most of the used the same method for a live preview as me, except StackEdit (and probably some other ones but StackEdit is a good example). I noticed that in StackEdit when you embed a youtube video somewhere in the document, and then edit some text somewhere else in the document the Youtube video doesn't reload. That's exactly what I need: only update content in the preview that has changed. How can I get my live preview to work like that?
Note: This is how the preview currently gets updated:
var HTML = marked(CodeMirror.getValue());
$('iframe').contents().find('.content').html(HTML);
(This happens every time with an interval of 250 milliseconds when the
content of the codemirror editor changes.)
You're probably looking for a way to compare HTML with something like HTML_PREV. If that's the case, you may be looking for HTML diff algorithms, like htmldiff.js. You also might be interested in this related question.

How do I load the Monocle Web eBook/ePub Reader without an iFrame?

I am using the Monocle Web eBook Reader (https://github.com/joseph/monocle & http://monocle.inventivelabs.com.au/) and am looking to add the following functionality to it:
1) Text Highlighting
2) Bookmarks
3) Notes
The main question I have is: How do you load this eBook reader without an iFrame?
The reason I want this is because I want to edit the contents of this iframe to be able to add Highlights, Notes, Bookmarks, etc.
Also "mouseup/click" events are not working on the contents of the iframe... they are working on the other elements monocle plugin is creating but not on the contents of the iframe.
Any help would be appreciated. Thank you for your time!
Using Iframe is to make content safer side. For highlighting and other things which u need, you can make use of google's Rangy javascript. Just have some buttons (for highlight) outside the Iframe and whenever user selects a text in iframe and clicks highlight button, call a highlight function from Rangy javascript.
https://code.google.com/p/rangy/
the above link will help u.....
As per this
http://test.monoclejs.com/test/selection/index.html
the reader supports selection. Use it with the Magic Panel.
For bookmarks see this:
https://github.com/joseph/Monocle/issues/244

Like and Send Buttons for Mobile

I am using Facebook Like and Send buttons in my desktop site. I am making changes so that it can be used in Mobile site as well. This Like and Send button is opening a pop up same as it opens in Facebook site on any page at bottom.
If I use it in same way. The pop up is too big that it cant be aligned properly as compared to the mobile device.
Please provide me the solution to get it done for mobile. I have tried doing it with writing custom css with important tag but all efforts goes in vain.
I believe the provider of the like button gives you options for what kind of display you want to use. You select the display, then copy and paste it into your site.
You can copy and paste the large version AND the small version into your site, then display the one you want to use based on the device size. Make sense?

Is it possible for JavaScript to prevent people from right clicking to save images?

I have been studying JavaScript and I've found so many things what it can do and I feel comfortable using this language, but I'm getting worried about the right click savers out there. Is there a way to prevent people from ever saving the images from my website and put it onto their desktop?
Some girl
Some person
That person took the images
Store it on his/her desktop
Makes fun of the girl
No, there isn't any way to do this that isn't easily circumvented.
You can put some overlay onto the image, but that wont stop people with a dev console for their browser.
Another way is to load images from a script and only allow them to be shown when they are on a certain page (using php or any other server implementation)
No. If someone has gone to your web page and can see your image the browser has already downloaded the image and saved it to the local cache, whether or not the user knows how to get to it.
Also, they can always turn off Javascript in their browser
You can make it hard to download the image but it's IMPOSSIBLE to prevent image theft!
Using a grid of small images and showing just a part of whole image when user zoom in is the way most photography site uses to make it hard to steal the image. When you use grid of images then drag and drop or Save As wouldn't save whole image.
But it's still possible to steal the image by collection all parts of image and connecting them together via an image editing tool

Categories

Resources