Template:UCSF/Header

From 2010.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 4: Line 4:
font-size:12px;
font-size:12px;
color:grey;
color:grey;
-
 
}
}
#TOCC{
#TOCC{
Line 10: Line 9:
}
}
#tocDIV{
#tocDIV{
-
 
margin-top:8px;
margin-top:8px;
}
}
-
 
#contentheader{
#contentheader{
color:grey;
color:grey;
Line 22: Line 19:
#innertoc{
#innertoc{
}
}
-
 
.indent{
.indent{
text-indent:8px;
text-indent:8px;
Line 33: Line 29:
margin-left:16px;
margin-left:16px;
}
}
-
 
.extraextraindent{
.extraextraindent{
text-indent:24px;
text-indent:24px;
Line 39: Line 34:
margin-left:24px;
margin-left:24px;
}
}
-
 
</style>
</style>
 +
<script>
<script>
<script>
function getElementsByTagNames(list,obj) {
function getElementsByTagNames(list,obj) {
Line 71: Line 66:
function createTOC() {
function createTOC() {
var y = document.createElement('div');
var y = document.createElement('div');
-
        IE = /*@cc_on!@*/false;
 
-
        if(IE==true){return y;}
 
y.id = 'innertoc';
y.id = 'innertoc';
         var a = document.createElement('a');
         var a = document.createElement('a');
Line 82: Line 75:
         z.id='tocDIV';
         z.id='tocDIV';
         var bodycon = document.getElementById('Main');
         var bodycon = document.getElementById('Main');
-
var toBeTOCced = getElementsByTagNames('h2,h3,h4,h5',bodycon);
+
var toBeTOCced = getElementsByTagNames('h3,h4,h5',bodycon);
if (toBeTOCced.length < 2) return false;
if (toBeTOCced.length < 2) return false;
for (var i=0;i<toBeTOCced.length;i++) {
for (var i=0;i<toBeTOCced.length;i++) {
var tmp = document.createElement('a');
var tmp = document.createElement('a');
-
                 var temp = toBeTOCced[i];
+
                 var reg = /<b>([^<]+)<\/b>/;
-
                var MW = temp.getElementsByClassName('mw-headline');
+
                 var str = toBeTOCced[i].innerHTML;
-
                if(!MW){MW = temp.getElementsByTagName('span');}
+
                 var result = reg.exec(str);
-
                var B = MW[0].getElementsByTagName('b');
+
tmp.innerHTML = result[1];
-
                 var result;
+
-
                if(B.length==0){
+
-
                result = MW[0].innerHTML;              
+
-
                 }
+
-
                else{result = B[0].innerHTML;}
+
-
                //alert(result);
+
-
tmp.innerHTML = result;
+
tmp.className = 'page';
tmp.className = 'page';
z.appendChild(tmp);
z.appendChild(tmp);
                 z.appendChild(document.createElement('br'));
                 z.appendChild(document.createElement('br'));
-
if (toBeTOCced[i].nodeName == 'H2'){
+
if (toBeTOCced[i].nodeName == 'H4')
-
                        tmp.style.color="black";
+
tmp.className += ' indent';
-
                        tmp.innerHTML="<b>"+tmp.innerHTML+"<\/b>"
+
if (toBeTOCced[i].nodeName == 'H5')
-
                }
+
-
                if (toBeTOCced[i].nodeName == 'H3'){
+
-
tmp.className += ' indent';  
+
-
                        tmp.style.color="black";
+
-
                }
+
-
if (toBeTOCced[i].nodeName == 'H4'){
+
tmp.className += ' extraindent';
tmp.className += ' extraindent';
-
                        tmp.style.color="grey";
+
var headerId = result[1];
-
                }
+
-
if (toBeTOCced[i].nodeName == 'H5'){
+
-
tmp.className += ' extraextraindent';
+
-
                }
+
-
var headerId = result;
+
tmp.href = '#' + headerId;
tmp.href = '#' + headerId;
toBeTOCced[i].id = headerId;
toBeTOCced[i].id = headerId;
 +
if (toBeTOCced[i].nodeName == 'H2') {
 +
tmp.innerHTML = 'Top';
 +
tmp.href = '#top';
 +
toBeTOCced[i].id = 'top';
 +
}
}
}
return y;
return y;
Line 133: Line 113:
</script>
</script>
-
 
-
 
<style>
<style>
body{
body{
background-color:#494d51;
background-color:#494d51;
}
}
-
 
#content{
#content{
padding-right:10px;
padding-right:10px;
Line 145: Line 122:
background: #ECF4EA;
background: #ECF4EA;
}
}
-
 
h1{
h1{
font-weight:normal;
font-weight:normal;
Line 151: Line 127:
float:right;
float:right;
}
}
-
 
h2{
h2{
font-weight:normal;
font-weight:normal;
Line 157: Line 132:
text-indent: 10px;
text-indent: 10px;
}
}
-
 
p, pre{
p, pre{
margin-left:35px;
margin-left:35px;
Line 390: Line 364:
</script>
</script>
-
<div style="float:left;width:950px;margin-top:5px;
+
<div style="float:left;width:705px;margin-top:5px;
background-image: url(http://2010.igem.org/wiki/images/d/dc/UCSF-SF-GGB.jpg);
background-image: url(http://2010.igem.org/wiki/images/d/dc/UCSF-SF-GGB.jpg);
background-repeat:no-repeat;" id="Main">
background-repeat:no-repeat;" id="Main">
</html>
</html>

Latest revision as of 09:47, 23 October 2010