Template:Team:Bonn:Network
From 2013.igem.org
(Difference between revisions)
(17 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
} else { | } else { | ||
- | mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top: | + | mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top:230px;height:220px;left:-10px;width:800px;z-index:1;'></div><div id='networkBottom' style='position:absolute;top:500px;left:-85px;height:800px;width:1100px;z-index:1;overflow:hidden;'></div><div id='subpage' style='z-index:2;position:relative;margin-top:385px;width=900px;'><div id='subpage-middle'> <div> <div style='float:right;display:inline; '> <img src='https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png' class='bottom-sponsor' height='50px' id='sponsor-unibonn' style='margin-right:10px;'> <img src='https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif' class='bottom-sponsor' height='50px' id='sponsor-limes'> </div> <div class='subpage-head-link'><a href='javascript:history.back();'>Back</a></br> <span id='type'>Category: <span id='subpage-type'>Project</span></span></div> <div id='subpage-title'></div> <div id='subpage-summary'></div> <div id='subpage-text'> </div> </div> </div> </div></div>"; |
initiateNetwork(1); | initiateNetwork(1); | ||
} | } | ||
Line 51: | Line 51: | ||
} | } | ||
contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | ||
- | contentSummary.innerHTML = summary; | + | contentSummary.innerHTML = "<span style=font-size:130%;font-weight:bold;>"+summary+"</span>"; |
contentText.innerHTML = text; | contentText.innerHTML = text; | ||
contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | ||
Line 96: | Line 96: | ||
} else { | } else { | ||
- | mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top: | + | mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top:230px;height:220px;left:-10px;width:800px;z-index:1;'></div><div id='networkBottom' style='position:absolute;top:500px;left:-85px;height:800px;z-index:1;overflow:hidden;'></div><div id='subpage' style='z-index:2;position:relative;margin-top:385px;width=900px;'><div id='subpage-middle'> <div> <div style='float:right;display:inline; '> <img src='https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png' class='bottom-sponsor' height='50px' id='sponsor-unibonn' style='margin-right:10px;'> <img src='https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif' class='bottom-sponsor' height='50px' id='sponsor-limes'> </div> <div class='subpage-head-link'><a href='javascript:history.back();'>Back</a></br> <span id='type'>Category: <span id='subpage-type'>Project</span></span></div> <div id='subpage-title'></div> <div id='subpage-summary'></div> <div id='subpage-text'> </div> </div> </div> </div></div>"; |
} | } | ||
var content = document.getElementById(divContent); | var content = document.getElementById(divContent); | ||
Line 120: | Line 120: | ||
contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | ||
- | contentSummary.innerHTML = summary; | + | contentSummary.innerHTML = "<span style=font-size:130%;font-weight:bold;>"+summary+"</span>"; |
contentText.innerHTML = text; | contentText.innerHTML = text; | ||
contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | contentTitle.innerHTML = "<h1>"+titleLong+"</h1>"; | ||
Line 127: | Line 127: | ||
networkTitle.innerHTML = titleLong; | networkTitle.innerHTML = titleLong; | ||
if(parents.length) { | if(parents.length) { | ||
+ | var parentsStart = 260 - parents.length*3/2; | ||
+ | var parentsEnd = 280 + parents.length*3/2; | ||
circle({ | circle({ | ||
n:parents, | n:parents, | ||
height:1100, | height:1100, | ||
- | width: | + | width:1040, |
- | start: | + | start:parentsStart, |
- | end: | + | end:parentsEnd, |
mainnode:node, | mainnode:node, | ||
type:"parent" | type:"parent" | ||
Line 139: | Line 141: | ||
} | } | ||
if(childs.length) { | if(childs.length) { | ||
+ | var childsStart = 80 - childs.length*3/2; | ||
+ | var childsEnd = 100 + childs.length*3/2; | ||
circle({ | circle({ | ||
n:childs, | n:childs, | ||
height:1100, | height:1100, | ||
- | width: | + | width:1040, |
- | start: | + | start:childsStart, |
- | end: | + | end:childsEnd, |
mainnode:node, | mainnode:node, | ||
type:"child" | type:"child" |
Latest revision as of 12:42, 27 October 2013