Website with editor and a preview - web

I'd like to create a website with some kind of editor. The editor gives options to manipulate a picture which is then send to the server on which a Python programm does the work.
I'd like to add a preview of the picture in that editor which updates automatically when the users does changes or if that's the better way triggers an update.
I've already seen such editors but I'm too new in web development to know what I should use for that.
Could someone give me a hint as what I should look for or which frameworks I could use?
I'd really appreciate some hints which pushes me into the right direction.

Related

Browser Detection Download

looking for some help with a rather unique or interesting issue. I am currently in the process of creating a website and would like to implement the following.
I have a download button where the end user can click download - Easy enough.
The complicated part is achieving the following
I would like to provide (automatically) the correct file for the user based on their operating system, so if the user is using windows and clicks the download button the windows file will be downloaded, and the opposite applies for mac.
any help is appreciated.

Retrieve History of a specific Tab in chrome [duplicate]

I am developing a little extensions called "Tab Bundler", which in short saves all the open tabs in a window into a bundle that can be opened with the click of a button. When a bundle is opened however, no history of how the user got to that url is saved, ie. the user can't click back to see how they got to that url. This is functionality I want to implement. I looked for a while, googling, looking thoroughly through the google chrome extension documentation: http://code.google.com/chrome/extensions/history.html. But I couldn't figure out how to get this information without tracking it myself. Is that the only option I have? Any thoughts would be really appreciated.
Thanks!
Look, many people tried this before. You are not alone in this quest!
At the moment the answer in Google Code was: anybody asked for it when they where developing the History API. Then there's no elegant way to access tabs' history.
Of course, you can hook chrome.tabs.onUpdated to record every page and make your own tab's history...
You could probably hook chrome.tab.onUpdate as well as some state or focus change hook to correlate.
I really want this, please make it!

I hope it's possible to access the elements of this site. http://listenonrepeat.com/

I really have the feeling it's possible to access the elements of this site http://listenonrepeat.com/watch/?v=99j0zLuNhi8#Creed_-_With_Arms_Wide_Open. I'm experimenting to make keyboard shortcuts to the site. I wanna access/control the play/pause button and this: http://i.imgur.com/mSqRgJW.png While I'm in another tabs or I'm not there in thelistenonrepeat.com site. If it is possible, could you please tell it to me how? I know some web languages (javascript and html). THANKS!
Inspecting the source code of the site reveals that PLAYER.player is a reference to the YouTube player object, which is documented here. In short you can use JavaScript methods like PLAYER.player.playVideo() to control the video. As for executing those functions while you're in another tab, I don't know. There may be browser extensions that let you do that.

How is the panel displayed when launching Chrome Hangout extension made to be always on top and pinned?

When launching the Chrome Extension Google-Hangouts, a panel initially appears that lists members and a link/button to create a new Hangout.
This panel is initially pinned to the bottom right of the browser window. When pinned like this, it remains always on top as a browser navigation session continues: users can go to different URLs, change tabs, etc. and that panel stays at the bottom right and stays on top of all other windows (or at least on top of the main browser window).
Once it's unpinned, you can drag it around the window, but it no longer stays always on top.
My question is, how was that achieved - what code, or what functions, do i need to call to create that window/panel so that it stays initially pinned and always on top? Is there some binding to some native code that's involved? Some other approach?
If anyone know and can show or explain, i would be hugely grateful as this feature is key to an extension i'm trying to build.
Thanks a lot!
This may not be an answer but to get a clue of what is happening I extracted the crx file to view its content there are a few OS specific files : ace.dll , libace.so and ace. After researching a bit i found this. This is a plugin. Hangouts extension is using ace plugin which is actually running on your desktop(i'm not sure about this). You can check this article
I found this related post: How to build an chrome extension like Google Hangouts
ACE is actually not what makes the window, Chrome has that capability built in, apparently. Even if you don't enable panels, extensions from Google can still make them, provided your OS is capable.

Programmatic way to search a page for the user in a browser

I am working on a search engine project that will point a user to a page from, say Google, and show them where their search terms are in the document. Most of us search Google and know that sometimes you have to CTRL-F to find where that word appeared on the page (especially on long pages). I know some browser plug-ins can help with this - but is there a way to wrap the page in a frame and do it (even if you don't control the site being displayed)?
If not, what browser plug-ins might you recommend that I could customize & brand so the user can accomplish this task? I'm guessing you could also write a Kinitex plug-in or GreaseMonkey script - but I'd prefer to not go any route that a newbie user wouldn't immediately understand.
Thanks in advance for your help!
You can get source code of the page with curl, add javascript function to it and then pass result to the user. Just like server-side GreaseMonkey. :)
In google Chrome try Google Quick Scroll, it does it.

Resources