"
Team:Goettingen/NoteBook
From 2013.igem.org
(Difference between revisions)
| Line 11: | Line 11: | ||
}); | }); | ||
| - | //变量定义，tlt:timeline-title,tlc:timeline- | + | //变量定义，tlt:timeline-title,tlc:timeline-cont；fbutton:foldbutton |
tlt = []; | tlt = []; | ||
tlc = []; | tlc = []; | ||
| + | fbutton = []; | ||
//与jq中的toggle函数相似，简化版本 | //与jq中的toggle函数相似，简化版本 | ||
| Line 35: | Line 36: | ||
} | } | ||
| - | // | + | //更新页面，主要为1、重新抓取tlt，tlc,fbutton数组，定义onclick event；2、更新时间“线”长度 |
function updatePage(){ | function updatePage(){ | ||
spacing = document.getElementsByClassName("spacing")[0]; | spacing = document.getElementsByClassName("spacing")[0]; | ||
| Line 41: | Line 42: | ||
tlt = document.getElementsByClassName("timeline-title"); | tlt = document.getElementsByClassName("timeline-title"); | ||
tlc = document.getElementsByClassName("timeline-cont"); | tlc = document.getElementsByClassName("timeline-cont"); | ||
| + | fbutton = document.getElementsByClassName("foldbutton"); | ||
| + | |||
spacing.style.height = (document.getElementsByClassName("start")[0]||document.getElementById("loadmore")).offsetTop - spacing.offsetTop + 'px'; | spacing.style.height = (document.getElementsByClassName("start")[0]||document.getElementById("loadmore")).offsetTop - spacing.offsetTop + 'px'; | ||
| + | |||
for(i=0;i<tlt.length;i++){ | for(i=0;i<tlt.length;i++){ | ||
tlt[i].onclick = function(){var tlsib = this.nextElementSibling||getNextElementSibling(this); | tlt[i].onclick = function(){var tlsib = this.nextElementSibling||getNextElementSibling(this); | ||
toggle(tlsib); | toggle(tlsib); | ||
| - | spacing.style.height = (document.getElementsByClassName("start")[0]||document.getElementById("loadmore")).offsetTop - spacing.offsetTop + 'px';} | + | spacing.style.height = (document.getElementsByClassName("start")[0]||document.getElementById("loadmore")).offsetTop - spacing.offsetTop + 'px';} |
| - | tlt[i].title = "Click to fold/extend";} | + | tlt[i].title = "Click to fold/extend"; |
| + | fbutton[i].onclick = function(){ this.parentNode.style.display = 'none'; | ||
| + | spacing.style.height = (document.getElementsByClassName("start")[0]||document.getElementById("loadmore")).offsetTop - spacing.offsetTop + 'px';} | ||
| + | } | ||
} | } | ||
Revision as of 05:08, 20 August 2013
