0.0.1

max-mapper · max-mapper · commit 612aba6f689c · 2013-02-04T14:14:08.000-08:00
diff --git a/demo.js b/demo.js
@@ -0,0 +1 @@
+window.iframe = require('./')({ body: '<script type="text/javascript">alert("hi")</script>' })
diff --git a/index.html b/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>iframe</title>
+	</head>
+	<body>
+		<script src="demo.js"></script>
+	</body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,37 @@
+module.exports = function(opts) {
+  return new IFrame(opts)
+}
+
+function IFrame(opts) {
+  this.container = opts.container || document.body
+  this.setHTML(opts)
+}
+
+IFrame.prototype.parseHTMLOptions = function(opts) {
+  if (typeof opts === 'string') opts = {html: opts}
+  if (!opts) opts = {}
+  if (opts.body || opts.head) {
+    if (!opts.body) opts.body = ""
+    if (!opts.head) opts.head = ""
+    opts.html = '<!DOCTYPE html><html><head>' + opts.head + '</head><body>' + opts.body + '</body></html>'
+  }
+  return opts
+}
+
+IFrame.prototype.remove = function() {
+  if (this.iframe) this.container.removeChild(this.iframe)
+}
+
+IFrame.prototype.setHTML = function(opts) {
+  opts = this.parseHTMLOptions(opts)
+  this.remove()
+  this.iframe = document.createElement('iframe')
+  this.iframe.style.width = '100%'
+  this.iframe.style.height = '100%'
+  this.iframe.style.border = '0'
+  this.container.appendChild(this.iframe)
+  var content = this.iframe.contentDocument || this.iframe.contentWindow.document
+  content.open()
+  content.write(opts.html)
+  content.close()
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "iframe",
+  "version": "0.0.1",
+  "description": "higher level api for creating and using iframes in browsers",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:maxogden/iframe.git"
+  },
+  "engines": {
+    "node": "0.8.x"
+  }
+}
diff --git a/readme.md b/readme.md
@@ -0,0 +1,40 @@
+# iframe
+
+higher level api for creating and removing iframes in browsers
+
+## usage
+
+use with [browserify](http://browserify.org)
+
+```
+npm install iframe
+```
+
+```javascript
+var iframe = require('iframe')
+
+// creates a new iframe and appends it to the container
+frame = iframe({ container: document.querySelector('#container') , body: "hi" })
+
+// completely removes previous iframe from container and generates a new one
+frame.setHTML({ body: "bye" })
+```
+
+## options
+
+you can pass this into the constructor or `setHTML`
+
+```
+{
+  body: string contents for `<body>`
+  head: string contents for `<head>`
+  html: string contents for entire iframe
+  container: (constructor only) dom element to append iframe to, default = document.body
+}
+```
+
+you can also just pass in a string and it will be used as `{html: 'yourstring'}`
+
+## license
+
+BSD

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+window.iframe = require('./')({ body: '<script type="text/javascript">alert("hi")</script>' })`