CodeCanyon JavaScript Web Scraper 8598806

CodeCanyon JavaScript Web Scraper 8598806

CodeCanyon JavaScript Web Scraper 8598806
JavaScript \ Media
Html \ Ripper \ Extractor \ Grabber \ Jquery \ Data \ Javascript \ Grab \ Content



JavaScript - JavaScript Web Scraper 8598806 by farazkelhini @ CodeCanyon

JavaScript \ Media

Last Update: 21 August 14; Compatible Browsers: IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Software Version: jQuery; Files Included: JavaScript JS, HTML, CSS.

JavaScript Web Grabber is a web application that helps you produce JavaScript codes to automatically get HTML from a web page on the internet and display it on your website or blog. For example, say you want to get the latest MLB scores from cbssports.com, all you need to do is give the site name and the id of the element to the app, then the app provides you with some code to put in the source code of your page, so whenever someone visits your page they get the latest MLB scores directly from cbssports.com.

Typically, getting HTML from other websites is done using PHP, which slows down your server; JavaScript Web Grabber lets you do that with JavaScript without any pressure on your server. Additionally, there’s an option to fall back to traditional method via ajax.

JavaScript Web Grabber allows complex content extraction in a flexible manner; the content can be a full web page or a set of tags.

View Example

Upon purchasing this plugin, you will be provided excellent support by script developers, nothing is outsourced.

Retrieving Methods: JavaScript Web Grabber provides you with three methods, all of which produce the same result (note that you don’t need know how these techniques work to use the script).

JSONP – Allows cross domain JSONP access. The requested data will be processed by a remote server and will be sent back to your browser in JSON format. It requires less code than the other methods.

YQL – This method uses the Yahoo Query Language (YQL) Web Service, which enables the app to access Internet data with SQL-like commands. The hourly cap is 2,000 requests/hour per IP, but you can register an API Key with Yahoo to increase it to 20,000 requests/hour per IP.

AJAX - This approach requires cooperation of a PHP script. It is provided in case you want your own server to handle the requests. Once your server gets the data, it will hand it to your JavaScript code via ajax. Both scripts will be automatically generated for you. You just need to copy and paste the files to your server and make sure the path in the JavaScript code correctly points to the PHP file.

How to get specific data In order to get a piece of HTML from a website, first you need to look at the source code of that page and see in which element the data you want is located. (To view the source code of a page in Firefox you can right click on the page and click “View Page Source” or “Inspect Element” or use a tool like Firebug). For example, in the http://xe.com/currencycharts/ page the currency table is inside this element.

<div id="contentR" class="grid-cell sidebar">
..
</div> To grab HTML from inside of it you should enter a CSS selector into the “HTML element” field to pinpoint the location of the element.

In this case you can enter either #contentR or .grid-cell.sidebar and then generate the code.

JavaScript Web Grabber relies on jQuery library to get and display HTML. You should include the jQuery library right before the closing body tag of your page, like the following (If you have already included jQuery in your page, you shouldn’t include it second time).

<script src="http://codecanyon.net//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://codecanyon.net/item/javascript-web-scraper/js/jquery-1.11.0.min.js"></script>')</script>

The first line of code downloads the jQuery library from Google servers, if for some reason the library is not accessible, the second line of code loads the library from your js folder (remember to include a copy of jQuery library in your js folder).

Afterward, you just need to paste the generated code after the jQuery library right before the closing body tag.

Now your page is ready to get data from other pages. Whenever your page is loaded the js code gets the data from xe.com and inserts it into the element you define. In other words the data is retrieved and displayed each time the page is viewed by a user. FAQ Q. How can I get the entire page of a website?

If you leave the “HTML element” field empty, the JSONP and AJAX methods will get the contents of head and body tags of the page. The YQL method will get the contents of body tag, but removes any JavaScript code inside it.

Q. There is a specific piece of HTML that I can’t get using your script.

Some websites load specific contents using AJAX after the structure of the page is loaded. JavaScript Web Grabber will grab static contents from the page, but not JavaScript generated content. In order to get JavaScript generated content, you would have to put that content into a browser-like environment that supports JavaScript and all other host objects that the JavaScript uses so the script could run. This is why most search engines don’t index javascript-generated content. It’s not easy. You may want to examine how the page gets that specific data and see if you can get it directly from that source. For example, if the data is obtained from an Ajax call perhaps you can directly make that Ajax call.

Note We assumes no responsibility for any abusive use of this software product and/or violation of any terms of usage of the grabbed web pages. If you decide to use this software product, do it with responsibility and make sure that you are allowed to display the grabbed HTML contents from the web page by checking its terms of usage. This software product is sold exclusively on codecanyon.net. Please do not download it from elsewhere.

Onyx - jQuery Instagram Gallery.

Keywords: get data, get html, grab site content, html, html extractor, html grabber, html ripper, html5, javascript, jquery, tag extractor, tag ripper, web extractor, web grabber, web ripper.



Tags: Ripper, Extractor, Grabber, Jquery, Javascript

Premium CodeCanyon JavaScript Web Scraper 8598806 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon JavaScript Web Scraper 8598806 for digital design and education. CodeCanyon JavaScript Web Scraper 8598806 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *