Inject html into your website from external sources.
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

Inject.js

What is it?

A javascript file that will pull html from other webpages, and inject that html into your document, similar to an iframe.

When do I use this?

If you want control over the html being imported into your webpage, iframes don't play nicely with the parent's css and javascript. For example you can use your own javascript or css to target the injected html which is otherwise hard if you don't have access to the requested html's source.

Remarks

Under the hood inject uses YQL to get the requested page's html, any style or script tags from the source are stripped out before being injected into your page. This means it's the caller's responsibility to add css etc for the page's layout (if desired). Works with any CORS enabled browser. The same-origin policy is circumvented by using Yahoo! as a proxy, so you can do more then AJAX can, and by extension jQuery's .load() which are limited by having extra security.

Show me the code!

<div data-inject-src="{example.com}" style="height: {expected height}px;"> </div>

Example

When the attribute data-inject-src is put on any element, inject will download the url specified in the value, and will dump the content between the opening, and closing body tags. The inline height style can be omitted, but it's recommended so the layout of the page doesn't change once the external html is injected. If the element doesn't take the full screen width, then adding a width to the element is also recommended. Of course the height and width could be defined in a css class.

Warning

In general you should trust the source that your loading from. While script, and styles tags are removed, inline script (such as onlick events) and styles remain. The scripts tags aren't removed to prevent XSS, rather they're removed because the framework doesn't support them.

Alternative frameworks

This software is released under the MIT License.