How can i create a google chrome extension with a treeview? something like the favourite manager.
I've searched, but with no luck.
thanks
I think you can't do this directly in chrome. You may want to use a javascript library for that. I'd use jsTree, but there are other possibilities, like those in this list.
Related
I am trying to make a website similar to this and I'd like to know how this website was made. The website is also run on desktop and has a mobile app too so there's no HTML or anything in the back end.
Any ideas?
You can use Wappalyzer to identify the technologies used for this Website.
https://www.wappalyzer.com/
Result for https://realtimeboard.com/signup/
as mentioned you can use https://www.wappalyzer.com/ or http://builtwith.com to know the technologies used, further more you can view the webpage source or use the inspect element tool to have a better idea of what is going on. and ofcourse there is HTML used in that page whether it was automatically generated or manually
I need help again from the community.
I'm interested to know how to extract a preview image from a given URL in rails.
Basically, it would be a functionality like you have on reddit. When user submits a link (fills in the link field in the _form), a preview image/thumbnail is automatically pulled from a given url. (I would like to save the link of the image as a field in the model, I don't want to save the image itself).
Is there a gem for that or? What's the best way to do it?
Thanks for the help.
There is a gem
github.com/gottfrois/link_thumbnailer
that does exactly what I wanted.
I tested it, and it works as described, so I can recommend it.
You can use some wrappers around PhantomJS:
PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.
It's also known for its ability to make web page screenshots.
I found a couple of gems for you: screencap and webshot.
Example with screencap:
require 'screencap'
f = Screencap::Fetcher.new('http://google.com')
screenshot = f.fetch
You're also encouraged to check the documentation, it's pretty straightforward.
I find a interesting website:http://www.brightpointinc.com/interactive/political_influence/
I want to learn its visualization using d3.
But when I download it, using right click button-------- save as The download page seems does not work. It seems lack some data, so I get back to the website to download some data, but it lacks some of them, can anyone send me an work version? thanks
As Lars says, your best bet is to look at the source code. To do this, you can use something like Chrome Developer Tools or Firebug for Firefox. I use the latter, so I'll take that as an example.
First, I'd right-click on the visualization itself, and click on Inspect Element with Firebug. This will pull up the HTML, which is only semi-helpful, since it only shows the output rather than the JavaScript code which created it.
To get at the JavaScript, you can use Firebug's Script tab. Most websites have more than one script, so you can hunt through the scripts being used by browsing through the dropdown menu in the second toolbar. The _buildChords.js script looks the most promising; that has some recognizable d3 code in it. You could check out the others to see what else they're calling (since it looks like there might be others - data.js, events.js, and so on).
Happy learning.
i m using Firepath, a firebug extension for Firefox browser.
How to show/save the result, example: want to grab all link in pages.
there will be list of links in firepath window.
Thank you
Andy,
I have tried to do the same thing you are doing and I couldn't find a way to do this with Firepath.
However I did find a tool in Chrome XPath Helper that allows you to copy your results. This did the trick for me, hope it works for you and everyone else.
Cheers,
Devin
Seems You want feature, not implemented by intention of particular plugin (Firepath finds HTML elements matching chosen CSS selector(s) or XPath expression - but You want more - to render filtered HTML page, not just to see filtered CSS or HTML source) but You always can ask for that developers.
Althou there is workaround possibilty - share them with a friend via the FriendlyFire feature. Below is a demo video of using Firefinder and the FriendlyFire feature
I'm to make a firefox extension which will inject some js code as well as whole jQuery lib.
I want it to happen (the injection) when user pushes the button placed somewhere in the browser. I have read docs form MDC and other tutorials about making the extensions and they seem complicated to me. Technologies such as XPCOM or XUL are completely useles form me (I have no time to learn them in fact). My question is, is it another way of solving my problem then following MDC? I need to find quicker way of doing my task.
I've already written the extension for Google Chrome, and it was a way simplier than doing it for Firefox.
I would take a look at Greasemonkey. It shares some similarity with Chrome plugins in function (Script gets injected on the page, local storage, etc). As for using JQuery with Greasemonkey, look at this question: How can I use jQuery in Greasemonkey?
You can use a bookmarklet to add jQuery to a page and/or inject any other code.