Difference between revisions of "Template:Team:Judd UK/TEMPLATE"

Line 19: Line 19:
 
     <div id="loadbar"></div>
 
     <div id="loadbar"></div>
 
     <header id="Header">
 
     <header id="Header">
         <img id="handle" href="#" onclick="editable()" src="/wiki/images/c/c8/T--Judd_UK--iGEMLogo-Handle.png" />
+
         <img id="handle" href="£Home" src="/wiki/images/c/c8/T--Judd_UK--iGEMLogo-Handle.png" />
         <img id="sprite" href="#" onclick="editable()" src="/wiki/images/9/9e/T--Judd_UK--iGEMLogo-sprite.png" />
+
         <img id="sprite" href="£Home" src="/wiki/images/9/9e/T--Judd_UK--iGEMLogo-sprite.png" />
         <img id="main-img" href="#"onclick="editable()" alt="iGEM Logo" src="/wiki/images/8/85/T--Judd_UK--iGEMLogo-small.png" />
+
         <img id="main-img" href="£Home" alt="iGEM Logo" src="/wiki/images/8/85/T--Judd_UK--iGEMLogo-small.png" />
 
         <span id="O1">
 
         <span id="O1">
 
                 <a href="https://2017.igem.org/Team:Judd_UK">Home</a>
 
                 <a href="https://2017.igem.org/Team:Judd_UK">Home</a>
Line 53: Line 53:
 
         <h4>Created by <a style="color:inherit" href="mailto:11murfitta@judd.kent.sch.uk">Aleksandur Murfitt</a>, content by the Judd_UK team</h4>
 
         <h4>Created by <a style="color:inherit" href="mailto:11murfitta@judd.kent.sch.uk">Aleksandur Murfitt</a>, content by the Judd_UK team</h4>
 
     </footer>
 
     </footer>
    <div id="ting"></div>
 
 
     <template></template>
 
     <template></template>
 
     <div id="content-template" style="display:none"></div>
 
     <div id="content-template" style="display:none"></div>
    <script>
+
 
    function editable(){
+
    qs(".JC #content-body").contentEditable = 'true';
+
    qs(".JC #content-body").oninput = function(){
+
        qs('textarea').value = "<div" + (qs("#content-index").style.display=="none"?' data-wiki="false" data-templated="false"':"")+">" + qs('.JC #content-body').innerHTML+"<\/div><html><script data-run='false'>window.location='/Team:Judd_UK/" + page.replace("*", "/") + "'<\/script><\/html>";
+
        qsa("img").forEach(function(e){e.oncontextmenu = function(o){o.target.classList.toggle("left");o.preventDefault()}});
+
        if(qs(".JC #content-body").innerHTML.includes("#TABLE!")){
+
        qs(".JC #content-body").innerHTML = qs(".JC #content-body").innerHTML.replace("#TABLE!","<table style='width:100%'><tr><td>Heading 1</td><td>Heading 2</td><td>Heading 3</td></tr><tr><td>Data 1</td><td>Data 2</td><td>Data 3</td></tr><tr><td>Data 4</td><td>Data 5</td><td>Data 6</td></tr></table>");}
+
    };
+
    var safety = page;
+
    AJAX('https://2017.igem.org/Team:Judd_UK/Pages/' + safety +'?action=edit', function(e){
+
        qs('#ting').innerHTML=e.responseText;
+
        qs('textarea').rows = "10";
+
        qs('#wpSummary').style.display = "none";
+
        qs('.editCheckboxes').style.display = "none";
+
        qs('#editpage-copywarn').style.display = "none";
+
        qs('#wpPreview').style.display = "none";
+
        qs('#wpDiff').style.display = "none";
+
        qs('.cancelLink').style.display = "none";
+
        qs('.editHelp').style.display = "none";
+
        qsa("label")[1].innerHTML="Editing " + safety;
+
        qsa("img").forEach(function(e){e.oncontextmenu = function(o){o.target.classList.toggle("left");o.preventDefault()}});
+
        qs("textarea").oninput = function(){
+
            qs('.JC #content-body').innerHTML = qs('textarea').value;
+
            qsa("img").forEach(function(e){e.oncontextmenu = function(o){o.target.classList.toggle("left");o.preventDefault()}});
+
        };
+
        document.body.onkeydown = function(e){if (e.keyCode == 27){html.innerHTML = qs("textarea").value;renderPage();qs("#ting").contentEditable="true"}}
+
    })
+
    }
+
    </script>
+
 
</div>
 
</div>
 
</html>
 
</html>

Revision as of 22:22, 1 November 2017

Contents