I developing an extension - firefox so with this extension i keep track of the pages the user visits and now what i want to do is, i want to be able to popup a thumbnail of the webpage when the user hovers the mouse over the link. i have done that using third party websites for generating thumbnials such as http://images.websnapr.com. I was wondering if there was anyway i could do it on clientside without having to use third party website.
Any suggestions?
You can also just use firefox's own canvas. Look here for an example :
http://fixunix.com/mozilla/408090-firefox-page-capture-image-need-minor-tweaks-autochosen.html
i would recommend you to look at the screengrab extension, which does just that:
https://addons.mozilla.org/en-US/firefox/addon/1146
(i think it uses java as underlying layer)
Related
I have a friend who is now totally blind, and asked me if there would be a way to play a card game that is played on HTML5 webpage.
He cannot click on the cards, so I was wondering how to program something client-side that could harvest the html/javascript data from the page, play audio files with card names when requested, and allow to select a card using keyboard movement (arrows), is Extensions the way to go?
Solutions that would work on only 1 browser are also wellcome.
I would suggest using something like tampermonkey
https://chrome.google.com/webstore/detail/tampermonkey/
It's available for all browsers and would allow you to run the required javascript code as soon as they visited the site to add the extra functionality. You can include external scripts that would handle the keyboard presses such as :
https://github.com/ccampbell/mousetrap
Maybe if you post the site it would be easier to give more specific suggestions in regards to the DOM selection
I would like post a image in the background and running timer on my facebook business page.
Is it possible to do by my own code?. Because i visit there are some website links, they are providing those kind of things example below link
https://www.powr.io/plugins/countdown-timer/standalone?id=17270232&platform=facebook
The only way i can think of is by using a Page App/Tab that´s connected to your Page. That way, you can use any code you want in the Page App iframe. Anywhere else, there can be no custom JavaScript.
More information: https://developers.facebook.com/docs/pages/tabs/
One other way would be Facebook Live Video, all the information you need can be found in the docs: https://developers.facebook.com/docs/videos/live-video/
I have some MS Powerpoint slides that i want to display on my website. The problem
is that i don't want the users to download them or embed them or share them.
I have tried using some third party tools like GoogleDrive, PowerpointOnline, SlideShare etc...but all of them have similar issue.
My main concern is that i don't want the users to give the option of download or embed or share. I just want the slides to play on my website.
So my question is :
Is there a way where i can turn off these features (Embed,Download,Share)
in GoogleDrive, PowerpointOnline, SlideShare etc.
OR
If there is no way to solve this issue then can i do something with javascript or jquery to play the Powerpoint slides on my website.
OR
If there is some plugin in wordpress to handle this.
problem is that i don't want the users to download them or embed them or share them
You can't have something on a website and not allow the user to download it. The only way for a user to view anything on a website is for the user to download the resources to their machine. Typically this happens automatically where the browser downloads assets to a temporary location (or if the cache duration is high, a not-so-temporary location).
You may be able to host a different format of the file on your website, such as a series of images, instead of the raw powerpoint slides.
Be aware that anyone could then use those images to recreate the powerpoint deck.
I have a PDF (or PPT) document that i want to embed in a website. This would be done using one of the standard plugins available for this. What I want is to get the current active page number from the plugin in the website.
IE. Using javascript, or anything else, use a function that gets the current active page from the plugin. Does anyone know of either:
a) A specific plugin that would allow this.
b) A workaround, or hack to do this.
Thanks.
No, there isn't. The adobe plugin runs in a completely different sandbox and interacts with the browser through a different API.
You could use imagemagick's command "convert" to turn your pdf into image files, displaying them in the browser via JS. You could create a image slideshow where you know which page your visitor is viewing.
So I want to be able to have a space that overlays content on any website with the click of a button (something that also is above everything on a web page). An example would be the Google Translate page, http://translate.google.com/translate?u=about%3Ablank&hl=en&langpair=auto|en&tbb=1&ie=UTF-8 where the frame at the top will overlay any website that is entered in the url box.
What I want to do is have a box like this overlay every webpage, like google's translate does, but have it hide with a click of a floating image, say an arrow.
The files will be locally stored on my HDD, but I don't see this being an issue.
I don't know what languages to code this in, but I assume Javascript, however, I do not know the classes to call to do this. Any advice chaps? I'm not asking for a hand out, just a point in the right direction!
It looks like you want to develop a browser extension. Look here for Chrome:
http://code.google.com/chrome/extensions/getstarted.html
There are similar ways to do it for IE, FireFox, and Safari.
It sounds like you'll either need to use frames or an iframe. They are very similar in how you interact with them (say to make them load a new page) although they are different in their implementation.
A great site for learning about frames is w3Schools:
http://w3schools.com/html/html_frames.asp
http://w3schools.com/html/html_iframe.asp
You can use JavaScript to reference the frames via its name or its ID. Ex: document.framename.src = 'hello.php' or document.getElementById('frameId').src = 'hello.php'.
One problem with using frames is that search engines don't like them. If you are using an iframe, the search engine will search your page, but still not the iframe.
As for resizing/hiding the frame/iframe, you can do that with both frames and an iframe, although the method for accomplishing it varies depending on what you use.