What can I use to capture and upload "Copy and Paste" images? - html

Just like stack exchange has the ability to accept pasting of images I would like to implement this on my website too. I tried to search for it but I am not sure what the correct terminology is and get really strange results.
I wanted to use plupload to upload images but I am not sure how this works exactly.
What plugin can I use to do this.

It seems what you are looking for is the "Clipboard API and events" http://www.w3.org/TR/clipboard-apis/
A post that seems consistent with the fact that the paste feature does not seem to be avalaible on firefox here on stackexchange :
http://css.dzone.com/articles/paste-wasteland-or-why-onpaste
As far as I know this behavior is not implemented in plupload.
This might be of some help if you want to evolve plupload or develop your own feature :
https://stackoverflow.com/a/7496598/1236044

Related

How to manipulate HTML in a Facebook post

Is there anyway that I can manipulate HTML in a Facebook post? Is it possible to edit the code in anyway without having to install a third-party app?
Sure, depending on which browser you are using, there are different ways. Just search for dev tools [your browser] and you will find a way. Guess it's mostly F12.
Of course that's just locally, you won't be able to change the data on the server, if you're not allowed to.
Right Click > Investigate or F12 on the Element you want to edit and on your right there should open the code you can freely edit it to your liking
Also when posting on SO please provide more than just saying i want to do that.. How to do it? Tell us what you have tried or where you have researched before asking the Question

Development of browser extension questions

I am looking to develop a cross browser extension (plugin) and am having troubles getting answers to a few questions. So just looking for some simple answers if what I would like to do is possible. Thanks. I am currently looking at using Crossrider but would use whatever.
How do some extensions add a menu to the right click button. For example, when I right click in Chrome I see Evernote Web Clipper and Adblock options in the dropdown). How do they do that?
Could I embed a youtube player, for example. So when it's closed the audio still plays but when clicked you can see the video and what not?
For sites like Grooveshark. Could they have a plugin that when clicked you could change the song or stop the music, etc. So basically communicate with a website in your tab from the plugin?
Thanks. I just found Crossrider and it looks like some may be possible but havn't explored it too in depth yet. Kind of wondering if anyone has tried doing these things and if possible.
Google has a specific API for adding context menus. You can read about it here. Just be sure to request permissions for context menus in the manifest.json file and then you can add everything else to your background JavaScript file.
I don't think it's exactly possible to embed a YouTube player into the extension directly. Google Chrome will not allow for running inline scripts, which are clearly required to run YouTube within a popup page (or anything else, for that matter).
As for your third question, you would have to check into the individual APIs for any sites that you want to run the extension with. Every site is going to be a little bit different and my first instinct is that most sites are not going to allow for directly adding their player to the extension.
I would strongly suggest checking out the information about developing Google Chrome extensions available on Google Code. They provide a great tutorial and reference for the basics of developing extensions.

Add-on to copy a page element with styles

I'm looking for an add-on for any browser that could copy any particular web page element with all it's styles to clipboard to be paste-in and show someone.
The aim is to have an opportunity to quickly share a small part of my big project or to assist in writing an article about this HTML and CSS tricks or to inspect a part of someone's else work.
Any ideas? If no such plugin exist, I'll try to write is by myself.
This is probably too late. But if anyone out there looking for the same thing, use SnappySnippet. It was built by Konrad Dzwinel
Firefox Add-on
Chrome extension
More details
It's a great extension.
Haven't seen anyone mention such an extension and a quick search doesn't yield one. You'll probably have to build one yourself.
The excellent Firebug add-on already collects this information, it may be easier to make a Firebug plugin to add the push-button convenience.
Note that this question is tagged as Greasemonkey, but Greasemonkey is not the best tool for this job.
Have you tried the Web Developer addon (firefox/chrome)? Not sure if it does exactly what you are asking for, but it displays the source in-page, allowing you to select specific sections of the page/source. You can use this feature and then copy-paste the relevant element you want to work with. That is if I understood your needs. If not, please clarify...

Faking website integration

I am working on a prototype for a project that is somewhat similar to the facebook's "like" button. Basically it's an embeddable piece of code that can integrated with any website.
I am looking for a way to fake this integration for a demo. Basically I want to show a familiar web page (like http://www.cnn.com) with my code already embedded. Since I obviously can't do the actual integration right now, I need some way of faking it.
The only thing I can think about is to use http://www.httrack.com/ to download the page I want, and then change it locally. The problem with this is that it is clear that the page is hosted locally and not on www.cnn.com.
Is there a better technique for doing this?
If you use Firefox browser, you can use Greasemoneky and with JavaScripts, embedd your content inside that page. You can eaven add events, that will open some popup windows, etc. to show action of such a script.
That is easy approach, there are ton's of examples in their forum, and good documentation, how to use it.
You can write your own userscript (i.e. greasemonkey) to modify the page on the fly.
Even though I think it's a bad idea to do this (not sure if stackoverflow allows to ask such questions), but what you can do is edit the hosts file (if you're on windows) and add a line
127.0.0.1 www.cnn.com
it means that when you visit the website cnn it will display the domain name in the browser but it will use your localhost server to display the content.

Hiding Chrome bookmark text via extension

I'm trying to get a start in programming by writing a Chrome extension similar to the Smart Bookmarks Bar extension for Firefox. Java seems straightforward enough, and I can probably figure out the specifics of building an extension but I can't find out what commands I need to change the rendering of the bookmarks.
1)Does anyone know where I could find the relevant documentation?
2)Does anyone know of extensions that interact with bookmark rendering I could take a look at the source code of?
Everything you can do with the bookmarks is listed in the API:
http://code.google.com/chrome/extensions/dev/bookmarks.html
(and as someone said here on SO: java is related to javascript as a car is related to a carpet :] )