Engine IDE

The IDE for my sprite based game engine.

HTML

<body>
    <table>
        <tr id="rowContainer">
            <td>
                <iframe name='result' frameBorder='0' src="http://fiddle.jshell.net/SteamyShiner/GfQey/show/" width="800" height="600" id="animPreview"></iframe>
            </td>
            <td>
                <iframe name='result' frameBorder='0' src="http://fiddle.jshell.net/SteamyShiner/cqZA8/show/" width="602" height="430" scrolling="no" id="spriteEditor"></iframe>
                <iframe name='result' frameBorder='0' src="http://fiddle.jshell.net/SteamyShiner/5xY5u/show/" width="602" height="168" id="clipboard"></iframe>
                <br/>
            </td </tr>
    </table>
</body>

CSS

#spriteEditor {
    border:solid;
    border-width:1px;
}
#clipboard {
    border:solid;
    border-width:1px;
}
#animPreview {
    border:solid;
    border-width:1px;
    border-color:red;
}

JavaScript

function disableSelection(target) {

    if (typeof target.onselectstart != "undefined") //IE route
    target.onselectstart = function () {
        return false;
    }; else if (typeof target.style.MozUserSelect != "undefined") //Firefox route
    target.style.MozUserSelect = "none";

    else //All other route (ie: Opera)
    target.onmousedown = function () {
        return false;
    };

    target.style.cursor = "default";
}

disableSelection(document.body);