Team:Cornell/javascripts/notebook

From 2013.igem.org

(Difference between revisions)
Line 117: Line 117:
while(window.find(names[i]))
while(window.find(names[i]))
{
{
-
var node=document.createElement('b');
+
var ah = document.createElement('div');
-
node.appendChild(document.createTextNode("whee!"));
+
ah.className="author-hover";
 +
var ahp = document.createElement('div');
 +
ahp.className="author-hover-pic;
 +
var ad = document.createElement('div');
 +
ad.className="author-desc";
 +
var img = document.createElement('img');
 +
img.src=pics[i];
 +
var d = document.createElement('div');
 +
 +
var h = document.createElement('h5');
 +
h.appendChild(document.createTextNode(names[i]));
 +
var p = document.createElement('p');
 +
p.appendChild(document.createTextNode(desc[i]));
 +
 +
d.appendChild(h);
 +
d.appendChild(p);
 +
ad.appendChild(img);
 +
ad.appendChild(d);
 +
ahp.appendChild(ad);
 +
ah.appendChild(ahp);
 +
var rng=window.getSelection().getRangeAt(0);
var rng=window.getSelection().getRangeAt(0);
rng.collapse(false);
rng.collapse(false);
-
rng.insertNode(node);
+
rng.insertNode(ah);
}
}
}
}

Revision as of 17:33, 24 June 2013

function loadHref() { if(document.location != "https://2013.igem.org/Team:Cornell/notebook") { var href = document.location.href; var i = href.substring(href.indexOf("#")+1); document.getElementById('week' + i + 'entry').style.display = 'block'; if(i != 'A') { document.getElementById('weekAentry').style.display = 'none'; document.getElementById('weekA').className = ; } document.getElementById('week' + i ).className = 'active'; } var techb = document.getElementsByClassName('nb-onetech-i'); for(var i = techb.length-1; i >= 0; i--) { techb[i].onclick = function() { showTech(this); } var teche = techb[i].parentNode.parentNode.children[1]; if(teche.innerHTML == "" || teche.innerHTML.indexOf("{{{tech}}}") != -1){ techb[i].className = 'nb-onetech-disabled'; teche.className = 'nb-tech-disabled'; } } } function filter(that) { var ele = that.children[0]; var show = ele.style.display == 'none'; ele.style.display= (show ? 'block' : 'none'); that.parentNode.children[1].className = (show ? 'nb-only' : 'nb-only-i'); all(); var list = document.getElementsByClassName('nb-' + ele.id); for (var i = 0; i < list.length; i++) { list[i].style.display = (show ? 'block' : 'none'); } } function onlyFilter(that) { var filt = that.parentNode; var row = filt.parentNode;

for(var i=0; i<row.children.length; i++) { var hide = true; if(row.children[i] == filt) hide = false; row.children[i].children[0].children[0].style.display = (hide ? 'none' : 'block'); row.children[i].children[1].className = (hide ? 'nb-only-i' : 'nb-only');

var list = document.getElementsByClassName('nb-' + row.children[i].children[0].children[0].id); for (var j = 0; j < list.length; j++) { list[j].style.display = (hide ? 'none' : 'block'); } } all(); } function all() { var all = true; var allbut = document.getElementById('nb-all'); var row = document.getElementById('wet-only').parentNode.parentNode; for(var i=0; i<row.children.length; i++) { if(row.children[i].children[1].className == 'nb-only-i') all = false; } allbut.className = (all ? 'nb-all' : 'nb-all-i'); } function showAll() { var all = true; var allbut = document.getElementById('nb-all'); var row = document.getElementById('wet-only').parentNode.parentNode; for(var i=0; i<row.children.length; i++) { row.children[i].children[0].children[0].style.display = 'block'; row.children[i].children[1].className = 'nb-only'; } allbut.className = (all ? 'nb-all' : 'nb-all-i'); var list = document.getElementsByClassName("entry"); for (var i = 0; i < list.length; i++) { list[i].style.display = 'block'; } } function weekFilter(that) { for(var i = -4; i<25; i++) { var c = (i > 0 ? "" + i : String.fromCharCode(69 + i)); var ele = document.getElementById('week' + c); if(ele != null) ele.className = (that.id.substr(4) == c ? 'active' : ); } var filt = that.id + "entry"; var all = document.getElementsByClassName('nb-week'); for(var i = 0; i<all.length; i++) { if(all[i].tagName == 'DIV') all[i].style.display = 'none'; } document.getElementById(filt).style.display = 'block'; } function showAllTech() { var techbut = document.getElementById('nb-alltech'); var all = techbut.className == 'nb-all-i'; techbut.className = (all ? 'nb-all' : 'nb-all-i'); var row = document.getElementsByClassName('nb-tech'); for(var i=0; i<row.length; i++) { row[i].style.display = (all ? 'block' : 'none'); } var techs = document.getElementsByClassName(all ? 'nb-onetech-i' : 'nb-onetech'); for(var i= techs.length -1; i >= 0; i--) { techs[i].className = (all ? 'nb-onetech' : 'nb-onetech-i'); } } function showTech(that) { var show = that.className == 'nb-onetech'; that.className = show ? 'nb-onetech-i' : 'nb-onetech'; that.parentNode.parentNode.children[1].style.display = show ? 'none' : 'block'; }

function findNames() { var names = ["Inigo Montoya", "Vizzini"]; var pics = ["Cornell-nb-wet-bc.png", "Cornell-nb-dry-sc.png"]; var desc = ["Hello there. Slow going?", "You're trying to kidnap what I've rightfully stolen."];

   if(window.find) 

{ for(var i = 0; i < names.length; i++) { while(window.find(names[i])) { var ah = document.createElement('div'); ah.className="author-hover"; var ahp = document.createElement('div'); ahp.className="author-hover-pic; var ad = document.createElement('div'); ad.className="author-desc"; var img = document.createElement('img'); img.src=pics[i]; var d = document.createElement('div');

var h = document.createElement('h5'); h.appendChild(document.createTextNode(names[i])); var p = document.createElement('p'); p.appendChild(document.createTextNode(desc[i]));

d.appendChild(h); d.appendChild(p); ad.appendChild(img); ad.appendChild(d); ahp.appendChild(ad); ah.appendChild(ahp);

var rng=window.getSelection().getRangeAt(0); rng.collapse(false); rng.insertNode(ah); } }

   }
   else if(document.body.createTextRange)
   {

var rng=document.body.createTextRange(); while(rng.findText(names[i])) { rng.collapse(false); rng.pasteHTML(''+"yayy"+''); }

   }

}