Team:Imperial College London/test3

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Imperial_College_London/Templates/Header}}
 
<html>
<html>
 +
<body>
<body>
-
<p><script type="text/javascript">
+
<script type="text/javascript">
/***********************************************
/***********************************************
Line 28: Line 28:
var fheight='150px'; //set scroller height
var fheight='150px'; //set scroller height
-
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
+
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
///No need to edit below this line/////////////////
///No need to edit below this line/////////////////
Line 42: Line 42:
//function to change content
//function to change content
function changecontent(){
function changecontent(){
-
  if (index>=fcontent.length)
+
if (index>=fcontent.length)
-
    index=0
+
index=0
-
  if (DOM2){
+
if (DOM2){
-
    document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
+
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
-
    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
+
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
-
    if (fadelinks)
+
if (fadelinks)
-
      linkcolorchange(1);
+
linkcolorchange(1);
-
    colorfade(1, 15);
+
colorfade(1, 15);
-
  }
+
}
-
  else if (ie4)
+
else if (ie4)
-
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
+
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
-
  index++
+
index++
}
}
-
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
+
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com
// Modified by Dynamicdrive.com
function linkcolorchange(step){
function linkcolorchange(step){
-
  var obj=document.getElementById("fscroller").getElementsByTagName("A");
+
var obj=document.getElementById("fscroller").getElementsByTagName("A");
-
  if (obj.length>0){
+
if (obj.length>0){
-
    for (i=0;i<obj.length;i++)
+
for (i=0;i<obj.length;i++)
-
      obj[i].style.color=getstepcolor(step);
+
obj[i].style.color=getstepcolor(step);
-
  }
+
}
}
}
Line 70: Line 70:
var fadecounter;
var fadecounter;
function colorfade(step) {
function colorfade(step) {
-
  if(step<=maxsteps) {
+
if(step<=maxsteps) {  
-
    document.getElementById("fscroller").style.color=getstepcolor(step);
+
document.getElementById("fscroller").style.color=getstepcolor(step);
-
    if (fadelinks)
+
if (fadelinks)
-
      linkcolorchange(step);
+
linkcolorchange(step);
-
    step++;
+
step++;
-
    fadecounter=setTimeout("colorfade("+step+")",stepdelay);
+
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
-
  }else{
+
}else{
-
    clearTimeout(fadecounter);
+
clearTimeout(fadecounter);
-
    document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
+
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
-
    setTimeout("changecontent()", delay);
+
setTimeout("changecontent()", delay);
-
+
 
-
  }  
+
}  
}
}
/*Rafael Raposo's new function*/
/*Rafael Raposo's new function*/
function getstepcolor(step) {
function getstepcolor(step) {
-
  var diff
+
var diff
-
  var newcolor=new Array(3);
+
var newcolor=new Array(3);
-
  for(var i=0;i<3;i++) {
+
for(var i=0;i<3;i++) {
-
    diff = (startcolor[i]-endcolor[i]);
+
diff = (startcolor[i]-endcolor[i]);
-
    if(diff > 0) {
+
if(diff > 0) {
-
      newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
+
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
-
    } else {
+
} else {
-
      newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
+
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
-
    }
+
}
-
  }
+
}
-
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
+
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
}
if (ie4||DOM2)
if (ie4||DOM2)
-
  document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');
+
document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');
if (window.addEventListener)
if (window.addEventListener)
Line 110: Line 110:
</script>
</script>
-
</p>
 
</body>
</body>
</html>
</html>

Revision as of 12:27, 7 September 2011

Retrieved from "http://2011.igem.org/Team:Imperial_College_London/test3"