Template:CSS/UT-Tokyo/CTCD/Contents
From 2014.igem.org
(Difference between revisions)
Pineappler (Talk | contribs) |
Pineappler (Talk | contribs) |
||
Line 310: | Line 310: | ||
font-size:30px; | font-size:30px; | ||
margin-bottom:0px; | margin-bottom:0px; | ||
+ | } | ||
+ | #pageContents h4{ | ||
+ | color:#000; | ||
+ | padding-left:45px; | ||
+ | font-size:20px; | ||
+ | margin-bottom:0px; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | #pageContents h5{ | ||
+ | color:#000; | ||
+ | padding-left:50px; | ||
+ | font-size:18px; | ||
+ | margin-bottom:0px; | ||
+ | font-weight:normal; | ||
+ | text-decoration:underline; | ||
} | } | ||
Line 461: | Line 476: | ||
padding-left:50px; | padding-left:50px; | ||
} | } | ||
+ | legend{ | ||
+ | font-size:16px; | ||
+ | margin-left:100px; | ||
+ | margin-right:100px; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
<script type="text/javascript" language="Javascript"> | <script type="text/javascript" language="Javascript"> | ||
Line 474: | Line 495: | ||
node.childNodes[0].childNodes[0].src = node.childNodes[0].childNodes[0].alt; | node.childNodes[0].childNodes[0].src = node.childNodes[0].childNodes[0].alt; | ||
node.childNodes[0].childNodes[0].alt = temp; | node.childNodes[0].childNodes[0].alt = temp; | ||
+ | } | ||
+ | function close(cname){ | ||
+ | var clnode = document.getElementById(cname); | ||
+ | |||
+ | if(clnode.childNodes[0].childNodes[0].src.indexOf("open") != -1){ | ||
+ | clnode.childNodes[2].style.display = "none"; | ||
+ | var temp = clnode.childNodes[0].childNodes[0].src; | ||
+ | clnode.childNodes[0].childNodes[0].src = clnode.childNodes[0].childNodes[0].alt; | ||
+ | clnode.childNodes[0].childNodes[0].alt = temp; | ||
+ | } | ||
} | } | ||
Line 492: | Line 523: | ||
function loadContent(cont,link){ | function loadContent(cont,link){ | ||
document.title = "CTCD | UT-Tokyo 2014"; | document.title = "CTCD | UT-Tokyo 2014"; | ||
+ | |||
+ | $('html,body').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 300); | ||
+ | |||
+ | var loading = document.getElementById("loading-img"); | ||
+ | |||
+ | loading.style.display = "block"; | ||
var node = document.getElementById("pageContents"); | var node = document.getElementById("pageContents"); | ||
Line 499: | Line 538: | ||
} | } | ||
} | } | ||
+ | |||
- | var | + | var list = new Array(7); |
- | + | list[0] = "Project"; | |
- | + | list[1] = "Result"; | |
+ | list[2] = "Lab"; | ||
+ | list[3] = "Modeling"; | ||
+ | list[4] = "Achievement"; | ||
+ | list[5] = "Attribution"; | ||
+ | list[6] = "Humanpractice"; | ||
+ | |||
if(typeof cont !== "undefined"){ | if(typeof cont !== "undefined"){ | ||
if(cont != "Team-top"){ | if(cont != "Team-top"){ | ||
Line 531: | Line 577: | ||
} | } | ||
+ | var i; | ||
+ | for(i = 0;i<7;i++){ | ||
+ | if(list[i] != op){ | ||
+ | close(list[i]); | ||
+ | } | ||
+ | } | ||
if(typeof cont === "undefined"){ | if(typeof cont === "undefined"){ | ||
Line 587: | Line 639: | ||
var huga = setInterval(function(){ | var huga = setInterval(function(){ | ||
if(hoge == 1){ | if(hoge == 1){ | ||
- | |||
if(typeof link !== "undefined"){ | if(typeof link !== "undefined"){ | ||
if(link == "top"){ | if(link == "top"){ | ||
$("#contentsBody").mCustomScrollbar("scrollTo","top"); | $("#contentsBody").mCustomScrollbar("scrollTo","top"); | ||
- | }else{ | + | clearInterval(huga); |
+ | }else if(document.getElementById(link) != null){ | ||
var href = "#" + link; | var href = "#" + link; | ||
var target = $(href); | var target = $(href); | ||
$("#contentsBody").mCustomScrollbar("scrollTo",target); | $("#contentsBody").mCustomScrollbar("scrollTo",target); | ||
+ | clearInterval(huga); | ||
} | } | ||
}else{ | }else{ | ||
Line 601: | Line 654: | ||
var target = $(href); | var target = $(href); | ||
$("#contentsBody").mCustomScrollbar("scrollTo",target); | $("#contentsBody").mCustomScrollbar("scrollTo",target); | ||
- | }else{ | + | clearInterval(huga); |
+ | }else if(document.getElementById(link) != null){ | ||
$("#contentsBody").mCustomScrollbar("scrollTo","top"); | $("#contentsBody").mCustomScrollbar("scrollTo","top"); | ||
+ | clearInterval(huga); | ||
} | } | ||
} | } | ||
} | } | ||
- | }, | + | },500); |
var team = document.getElementById("Team-top"); | var team = document.getElementById("Team-top"); |
Revision as of 16:01, 17 October 2014