diff options
Diffstat (limited to 'blockly/demos/fixed')
-rw-r--r-- | blockly/demos/fixed/icon.png | bin | 0 -> 2114 bytes | |||
-rw-r--r-- | blockly/demos/fixed/index.html | 47 |
2 files changed, 47 insertions, 0 deletions
diff --git a/blockly/demos/fixed/icon.png b/blockly/demos/fixed/icon.png Binary files differnew file mode 100644 index 0000000..1158acf --- /dev/null +++ b/blockly/demos/fixed/icon.png diff --git a/blockly/demos/fixed/index.html b/blockly/demos/fixed/index.html new file mode 100644 index 0000000..680fa76 --- /dev/null +++ b/blockly/demos/fixed/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>Blockly Demo: Fixed Blockly</title> + <script src="../../blockly_compressed.js"></script> + <script src="../../blocks_compressed.js"></script> + <script src="../../msg/js/en.js"></script> + <style> + body { + background-color: #fff; + font-family: sans-serif; + } + h1 { + font-weight: normal; + font-size: 140%; + } + </style> +</head> +<body> + <h1><a href="https://developers.google.com/blockly/">Blockly</a> > + <a href="../index.html">Demos</a> > Fixed Blockly</h1> + + <p>This is a simple demo of injecting Blockly into a fixed-sized 'div' element.</p> + + <p>→ More info on <a href="https://developers.google.com/blockly/guides/configure-blockly/web/fixed-size">injecting fixed-sized Blockly</a>…</p> + + <div id="blocklyDiv" style="height: 480px; width: 600px;"></div> + + <xml id="toolbox" style="display: none"> + <block type="controls_if"></block> + <block type="logic_compare"></block> + <block type="controls_repeat_ext"></block> + <block type="math_number"></block> + <block type="math_arithmetic"></block> + <block type="text"></block> + <block type="text_print"></block> + </xml> + + <script> + var workspace = Blockly.inject('blocklyDiv', + {media: '../../media/', + toolbox: document.getElementById('toolbox')}); + </script> + +</body> +</html> |