linx-server/static/js/bin.js

var navlist = document.getElementById("info").getElementsByClassName("right")[0];

init();

function init() {

    var editA = document.createElement('a');

    editA.setAttribute("href", "#");
    editA.addEventListener('click', function(ev) {
        edit(ev);
        return false;
    });
    editA.innerHTML = "edit";

    var separator = document.createTextNode(" | ");
    navlist.insertBefore(editA, navlist.firstChild);
    navlist.insertBefore(separator, navlist.children[1]);

    document.getElementById('save').addEventListener('click', paste);
    document.getElementById('wordwrap').addEventListener('click', wrap);
}


function edit(ev) {

    navlist.remove();
    document.getElementById("filename").remove();
    document.getElementById("editform").style.display = "block";

    var normalcontent = document.getElementById("normal-content");
    normalcontent.removeChild(document.getElementById("normal-code"));

    var editordiv = document.getElementById("editor");
    editordiv.style.display = "block";
}


function paste(ev) {
    var editordiv = document.getElementById("editor");
    document.getElementById("newcontent").value = editordiv.value;
    document.forms["reply"].submit();
}

function wrap(ev) {
    if (document.getElementById("wordwrap").checked) {
        document.getElementById("codeb").style.wordWrap = "break-word";
        document.getElementById("codeb").style.whiteSpace = "pre-wrap";
    }

    else {
        document.getElementById("codeb").style.wordWrap = "normal";
        document.getElementById("codeb").style.whiteSpace = "pre";
    }
}