CodingPirates/blockly
1
0
Fork 0
mirror of https://github.com/google/blockly.git synced 2026-01-08 17:40:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Remove core-unsupported languages from Code demo. Fix resize in Graph.

Browse Source
This commit is contained in:
Neil Fraser
2014-11-20 16:48:03 -08:00
parent ab133cb539
commit a2ddb04f21
9 changed files with 22 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
demos/graph/index.html
View File

@@ -9,26 +9,14 @@
<script type="text/javascript" src="../../javascript_compressed.js"></script>
<script type="text/javascript" src="../../msg/js/en.js"></script>
<style>
html, body {
height: 100%;
}
body {
background-color: #fff;
font-family: sans-serif;
overflow: hidden;
}
h1 {
font-weight: normal;
font-size: 140%;
}
#blocklyDiv {
float: right;
height: 95%;
width: 70%;
}
#visualization {
width: 400px;
}
#funcText {
margin-top: 1em;
margin-left: 1.5em;
@@ -46,8 +34,6 @@
</style>
</head>
<body>
<div id="blocklyDiv"></div>
<h1><a href="https://developers.google.com/blockly/">Blockly</a> &gt;
<a href="../index.html">Demos</a> &gt; Graph</h1>
@@ -55,7 +41,16 @@
<p>&rarr; More info on <a href="https://developers.google.com/blockly/installation/code-generators#realtime_generation">Realtime generation</a>...</p>
<div id="visualization"></div>
<table>
<tr>
<td>
<div id="visualization" style="width: 400px"></div>
</td>
<td>
<div id="blocklyDiv" style="height: 400px"></div>
</td>
</tr>
</table>
<div id="funcText">
<img id="y1" src="../../media/1x1.gif">
@@ -256,6 +251,14 @@ Graph.plot = function(code) {
return table;
};
/**
* Force Blockly to resize into the available width.
*/
Graph.resize = function() {
var width = Math.max(window.innerWidth - 440, 250);
document.getElementById('blocklyDiv').style.width = width + 'px';
};
/**
* Initialize Blockly and the graph. Called on page load.
*/
@@ -270,6 +273,7 @@ Graph.init = function() {
}
window.addEventListener('load', Graph.init);
window.addEventListener('resize', Graph.resize);
</script>
</body>