The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.
Send messages to iframe using iframeEl.contentWindow.postMessage
Recieve messages using window.addEventListener('message')
| #!/bin/bash | |
| # TODO: skip tiny files (so small they couldn't be photos) | |
| # TODO: make sure sym links and other file system oddities are handled | |
| # | |
| # Constants | |
| # | |
| CHAR_COUNT=12 | |
| BLOCK_COUNT=6 | |
| SKIP_SIZE=3 # Every new block is sampled by skipping this amount of blocks to the next position |
| /* | |
| Snowflake 2.0a | |
| Open-source "snowflake" drawing app with true vector output. | |
| Click the "save" button to create a PDF document of your snowflake, | |
| suitable for editing in Inkscape, Corel, Illustrator, or so forth. | |
| Written by Windell H. Oskay, www.evilmadscientist.com |
| ;;;def+;'@doubleEmms';end;;;class Quine;class<<self;def save;;;;;;;;;;;# | |
| ;;;;File.write('output.rb', File.read(__FILE__));end;end;end;require'pp';; | |
| ;;;; ;;;; | |
| ;;;; ;;;; | |
| ;;;; ;;;; | |
| ;;;; ;;;; | |
| ;;;; ;;;; | |
| ;;;; class XMYNETWZDz ;;;; | |
| ;;;; ;def foo;puts self.name#\. ;#;# | |
| ;;;; ;end;class VWXXy; ;#;# |
| import Layer from 'express/lib/router/layer'; | |
| const Promise = global.Promise; | |
| /** | |
| * "fixt" express mbt promises. Als een stukje middleware een promise returnt dan moeten errors eigenlijk aan next worden gegeven. | |
| * | |
| * We hadden ook de suffix `Async` kunnen gebruiken om naast de bestaande functies nieuwe te maken. Dat heeft een flink nadeel | |
| * omdat de api op verschillende manieren te benaderen is. | |
| */ |
| /* | |
| * Grammar to generate an S-Expressions parser for Javascript using http://pegjs.majda.cz/ | |
| */ | |
| start | |
| = expression* | |
| integer "integer" | |
| = digits:[0-9]+ { return parseInt(digits.join(""), 10); } |
| import * as server from "./server"; | |
| new server.App |
| import * as server from "./server"; | |
| new server.App |
| import Ember from 'ember'; | |
| export default Ember.Component.extend({ | |
| draggable: true, | |
| attributeBindings: ['draggable'], | |
| classNames: ['p-4 border'], | |
| dragEnd() { | |
| alert("the drag ended") | |
| }, |
| <!DOCTYPE html> | |
| <!-- https://bl.ocks.org/mbostock/1093025 --> | |
| <meta charset="utf-8"> | |
| <style> | |
| .node rect { | |
| cursor: pointer; | |
| fill: #fff; |