Clipboard Module

The clipboard module for my canvas game engine IDE, modified for use within the animation preview module.

by Will Stott

HTML

<table border="1" style="border:solid; border-color:red; border-width:1px;">
<tr id="rowContainer">
<!--<td>
<div id="item1" width="90">
<canvas id="canvas1" width="80" height="80""></canvas>
<form name="Controls1" id="buttons">
    <div align="center">
        <input type="text" name="ioBox" size="7" value="Frame1"/><br/>
        <input type="button" onmousedown="del(1)" value="Clear" /></br>
        <input type="button" name="selBut" onmousedown="sel(1)" value="Load" />
    </div>
</form>
</div>
</td>-->
<td>
<form name="Controls1" id="buttons" >
    <div align="center">
        <!--<input type="button" onmousedown="start()" value="Launch" /></br>-->
    </div>
</form>
</td>
</tr>
</table>

JavaScript

var selectedCell = 1;
var cellValues = new Array();
var moduleCount = 15;
var htmlOrig = "";
cellValues[0] = "lol";


function sel(cellNumb) {
    cellValues[cellNumb - 1] = parent.parent.document.getElementById('clipboard').contentWindow.recall();
    alert('debug2');
    //document.Controls1.selBut.value = 'Select';
    //var string = "document.Controls" + cellNumb + ".selBut.value = 'Selected!';"
    //var string = "alert('gogo' + cellNumb)"
    refresh(cellNumb);
    //document.Controls1.selBut.value = 'Deselect';
}

function del(cellNumb) {
    if (confirm("Are you sure you want to clear sprite " + cellNumb + "'s data from the clipboard?") == false) {
        return;
    }
    //var canvas = document.getElementById(("canvas" + cellNumb));
    //var context = canvas.getContext("2d");
    //context.clearRect(0, 0, 80, 80); //Preview Box
    cellValues[cellNumb - 1] = "";
    refresh(cellNumb);
    //parent.document.getElementById('spriteEditor').contentWindow.setup();
}

function refresh(cellNumb) {
    var canvas = document.getElementById(("canvas" + cellNumb));
    var context = canvas.getContext("2d");
    context.clearRect(0, 0, 80, 80); //Preview Box
    //STRING READ PROGRAM\\
    var input = cellValues[cellNumb - 1];
    var data = input.split(" ");

    var x = 0;
    var c = 0;
    for (y = 0; y < 80; y++) {
        for (x = 0; x < 80; x++) {
            //DRAW PIXEL\\
            c = (x * 4) + (320 * y);
            if (data[c] && data[c + 3] == "255") { //Are we a non-blank pixel?
                context.fillStyle = "rgb(" + data[c] + "," + data[c + 1] + "," + data[c + 2] + ")";
                context.fillRect(x, y, 1, 1); //draw large box
            }
        }
    }
}

function send(input) {
    cellValues[selectedCell - 1] = input;
    refresh(selectedCell);
}

function recall(cellNum) {
    alert("loaded info");
    return cellValues[cellNum - 1];
}

function start() {
    var container = document.getElementById("rowContainer");//Reference...