Search code examples
javascriptdomiframefacebook-iframe

How to display iframe by a Javascript snippet?


I have seen some widgets online that gives the user the possibility of including a short Javascript snippet in their own page, which when executed displays an Iframe, like in the following example.

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:facepile></fb:facepile>

How can I do this by myself - have a javascript on my server, that when called on a remote server, writes out an iframe or loads content into their page?


Solution

  • I think you may have how this is working a bit mixed up. The way it's working is this: 1. User requests page from your domain/server, page is served. 2. Client web browser on users machine interprets said page, if a script block includes a reference to a js file at some other location then said js file is fetched. 3. Javascript is processed by the clients browser.

    So really all you need is a JS file (plain old ASCII) on the server and have it do some document.write() calls to add the code you want it to add, for example:

    go to http://www.shaunhusain.com/TestIFrameViaJS

    three files there involved index.html anotherpage.html testIFrame.js

    let me know if it doesn't work out or I took a wrong direction for what you're looking for?

    Shaun