Team:Columbia-Cooper-NYC/Main

From 2012.igem.org

(Difference between revisions)
Line 22: Line 22:
    </a>
    </a>
</div>  <!-- end p-logo -->
</div>  <!-- end p-logo -->
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
<script type="text/javascript">     if (window.isMSIE55) fixalpha(); </script>
  <div id="content">
  <div id="content">
Line 205: Line 205:
<script type="text/javascript">
<script type="text/javascript">
<!--
<!--
-
var timeout         = 500;
+
    var timeout = 500;
-
var closetimer = 0;
+
    var closetimer = 0;
-
var ddmenuitem     = 0;
+
    var ddmenuitem = 0;
-
// open hidden layer
+
    // open hidden layer
-
function mopen(id)
+
    function mopen(id) {
-
{
+
        // cancel close timer
-
// cancel close timer
+
        mcancelclosetime();
-
mcancelclosetime();
+
-
// close old layer
+
        // close old layer
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
// get new layer and show it
+
        // get new layer and show it
-
ddmenuitem = document.getElementById(id);
+
        ddmenuitem = document.getElementById(id);
-
ddmenuitem.style.visibility = 'visible';
+
        ddmenuitem.style.visibility = 'visible';
-
}
+
    }
-
// close showed layer
+
    // close showed layer
-
function mclose()
+
    function mclose() {
-
{
+
        if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
    }
-
}
+
-
// go close timer
+
    // go close timer
-
function mclosetime()
+
    function mclosetime() {
-
{
+
        closetimer = window.setTimeout(mclose, timeout);
-
closetimer = window.setTimeout(mclose, timeout);
+
    }
-
}
+
-
// cancel close timer
+
    // cancel close timer
-
function mcancelclosetime()
+
    function mcancelclosetime() {
-
{
+
        if (closetimer) {
-
if(closetimer)
+
            window.clearTimeout(closetimer);
-
{
+
            closetimer = null;
-
window.clearTimeout(closetimer);
+
        }
-
closetimer = null;
+
    }
-
}
+
-
}
+
-
// close layer when click-out
+
    // close layer when click-out
-
document.onclick = mclose;  
+
    document.onclick = mclose;  
// -->
// -->
</script>
</script>
Line 299: Line 294:
{ background: #B87333;
{ background: #B87333;
color: #FFF}
color: #FFF}
 +
 +
 +
.top-navigation  { z-index:5000; }
</style>
</style>
Line 649: Line 647:
<script>
<script>
-
var dontclose=false;
+
    var dontclose = false;
-
function displayGibson(youTubeURL){
+
    function displayGibson(youTubeURL) {
-
var newDiv = document.createElement('div');
+
        var newDiv = document.createElement('div');
-
newDiv.setAttribute('id',"GibsonVidOverlay");
+
        newDiv.setAttribute('id', "GibsonVidOverlay");
-
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
+
        newDiv.setAttribute('style', "width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
-
newDiv.setAttribute('onclick',";hideOverlay();");
+
        newDiv.setAttribute('onclick', ";hideOverlay();");
-
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
+
        newDiv.innerHTML = '<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="' + youTubeURL + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="' + youTubeURL + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
-
$('body')[0].appendChild(newDiv);
+
        $('body')[0].appendChild(newDiv);
-
}
+
    }
-
function hideOverlay(){
+
    function hideOverlay() {
-
if(dontclose){
+
        if (dontclose) {
-
dontclose=false;
+
            dontclose = false;
-
}
+
        }
-
else{
+
        else {
-
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
+
            $('body')[0].removeChild($('#GibsonVidOverlay')[0]);
-
}
+
        }
-
}
+
    }
</script>
</script>
</div>
</div>
Line 699: Line 697:
 
 
-
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
+
<script type="text/javascript">     if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>

Revision as of 14:18, 3 October 2012