Team:Nevada

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<title>Team Nevada</title>
<title>Team Nevada</title>
 +
 +
<script>
 +
var cssdropdown={
 +
disappeardelay: 250, //set delay in miliseconds before menu disappears onmouseout
 +
dropdownindicator: '<img src="down.gif" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu
 +
enablereveal: [true, 5], //enable swipe effect? [true/false, steps (Number of animation steps. Integer between 1-20. Smaller=faster)]
 +
enableiframeshim: 1, //enable "iframe shim" in IE5.5 to IE7? (1=yes, 0=no)
 +
 +
//No need to edit beyond here////////////////////////
 +
 +
dropmenuobj: null, asscmenuitem: null, domsupport: document.all || document.getElementById, standardbody: null, iframeshimadded: false, revealtimers: {},
 +
 +
getposOffset:function(what, offsettype){
 +
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
 +
var parentEl=what.offsetParent;
 +
while (parentEl!=null){
 +
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
 +
parentEl=parentEl.offsetParent;
 +
}
 +
return totaloffset;
 +
},
 +
 +
css:function(el, targetclass, action){
 +
var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
 +
if (action=="check")
 +
return needle.test(el.className)
 +
else if (action=="remove")
 +
el.className=el.className.replace(needle, "")
 +
else if (action=="add" && !needle.test(el.className))
 +
el.className+=" "+targetclass
 +
},
 +
 +
showmenu:function(dropmenu, e){
 +
if (this.enablereveal[0]){
 +
if (!dropmenu._trueheight || dropmenu._trueheight<10)
 +
dropmenu._trueheight=dropmenu.offsetHeight
 +
clearTimeout(this.revealtimers[dropmenu.id])
 +
dropmenu.style.height=dropmenu._curheight=0
 +
dropmenu.style.overflow="hidden"
 +
dropmenu.style.visibility="visible"
 +
this.revealtimers[dropmenu.id]=setInterval(function(){cssdropdown.revealmenu(dropmenu)}, 10)
 +
}
 +
else{
 +
dropmenu.style.visibility="visible"
 +
}
 +
this.css(this.asscmenuitem, "selected", "add")
 +
},
 +
 +
revealmenu:function(dropmenu, dir){
 +
var curH=dropmenu._curheight, maxH=dropmenu._trueheight, steps=this.enablereveal[1]
 +
if (curH<maxH){
 +
var newH=Math.min(curH, maxH)
 +
dropmenu.style.height=newH+"px"
 +
dropmenu._curheight= newH + Math.round((maxH-newH)/steps) + 1
 +
}
 +
else{ //if done revealing menu
 +
dropmenu.style.height="auto"
 +
dropmenu.style.overflow="hidden"
 +
clearInterval(this.revealtimers[dropmenu.id])
 +
}
 +
},
 +
 +
clearbrowseredge:function(obj, whichedge){
 +
var edgeoffset=0
 +
if (whichedge=="rightedge"){
 +
var windowedge=document.all && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
 +
var dropmenuW=this.dropmenuobj.offsetWidth
 +
if (windowedge-this.dropmenuobj.x < dropmenuW)  //move menu to the left?
 +
edgeoffset=dropmenuW-obj.offsetWidth
 +
}
 +
else{
 +
var topedge=document.all && !window.opera? this.standardbody.scrollTop : window.pageYOffset
 +
var windowedge=document.all && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
 +
var dropmenuH=this.dropmenuobj._trueheight
 +
if (windowedge-this.dropmenuobj.y < dropmenuH){ //move up?
 +
edgeoffset=dropmenuH+obj.offsetHeight
 +
if ((this.dropmenuobj.y-topedge)<dropmenuH) //up no good either?
 +
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
 +
}
 +
}
 +
return edgeoffset
 +
},
 +
 +
dropit:function(obj, e, dropmenuID){
 +
if (this.dropmenuobj!=null) //hide previous menu
 +
this.hidemenu() //hide menu
 +
this.clearhidemenu()
 +
this.dropmenuobj=document.getElementById(dropmenuID) //reference drop down menu
 +
this.asscmenuitem=obj //reference associated menu item
 +
this.showmenu(this.dropmenuobj, e)
 +
this.dropmenuobj.x=this.getposOffset(obj, "left")
 +
this.dropmenuobj.y=this.getposOffset(obj, "top")
 +
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
 +
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
 +
this.positionshim() //call iframe shim function
 +
},
 +
 +
positionshim:function(){ //display iframe shim function
 +
if (this.iframeshimadded){
 +
if (this.dropmenuobj.style.visibility=="visible"){
 +
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
 +
this.shimobject.style.height=this.dropmenuobj._trueheight+"px"
 +
this.shimobject.style.left=parseInt(this.dropmenuobj.style.left)+"px"
 +
this.shimobject.style.top=parseInt(this.dropmenuobj.style.top)+"px"
 +
this.shimobject.style.display="block"
 +
}
 +
}
 +
},
 +
 +
hideshim:function(){
 +
if (this.iframeshimadded)
 +
this.shimobject.style.display='none'
 +
},
 +
 +
isContained:function(m, e){
 +
var e=window.event || e
 +
var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
 +
while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
 +
if (c==m)
 +
return true
 +
else
 +
return false
 +
},
 +
 +
dynamichide:function(m, e){
 +
if (!this.isContained(m, e)){
 +
this.delayhidemenu()
 +
}
 +
},
 +
 +
delayhidemenu:function(){
 +
this.delayhide=setTimeout("cssdropdown.hidemenu()", this.disappeardelay) //hide menu
 +
},
 +
 +
hidemenu:function(){
 +
this.css(this.asscmenuitem, "selected", "remove")
 +
this.dropmenuobj.style.visibility='hidden'
 +
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-1000px"
 +
this.hideshim()
 +
},
 +
 +
clearhidemenu:function(){
 +
if (this.delayhide!="undefined")
 +
clearTimeout(this.delayhide)
 +
},
 +
 +
addEvent:function(target, functionref, tasktype){
 +
if (target.addEventListener)
 +
target.addEventListener(tasktype, functionref, false);
 +
else if (target.attachEvent)
 +
target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)});
 +
},
 +
 +
startchrome:function(){
 +
if (!this.domsupport)
 +
return
 +
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
 +
for (var ids=0; ids<arguments.length; ids++){
 +
var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
 +
for (var i=0; i<menuitems.length; i++){
 +
if (menuitems[i].getAttribute("rel")){
 +
var relvalue=menuitems[i].getAttribute("rel")
 +
var asscdropdownmenu=document.getElementById(relvalue)
 +
this.addEvent(asscdropdownmenu, function(){cssdropdown.clearhidemenu()}, "mouseover")
 +
this.addEvent(asscdropdownmenu, function(e){cssdropdown.dynamichide(this, e)}, "mouseout")
 +
this.addEvent(asscdropdownmenu, function(){cssdropdown.delayhidemenu()}, "click")
 +
try{
 +
menuitems[i].innerHTML=menuitems[i].innerHTML+" "+this.dropdownindicator
 +
}catch(e){}
 +
this.addEvent(menuitems[i], function(e){ //show drop down menu when main menu items are mouse over-ed
 +
if (!cssdropdown.isContained(this, e)){
 +
var evtobj=window.event || e
 +
cssdropdown.dropit(this, evtobj, this.getAttribute("rel"))
 +
}
 +
}, "mouseover")
 +
this.addEvent(menuitems[i], function(e){cssdropdown.dynamichide(this, e)}, "mouseout") //hide drop down menu when main menu items are mouse out
 +
this.addEvent(menuitems[i], function(){cssdropdown.delayhidemenu()}, "click") //hide drop down menu when main menu items are clicked on
 +
}
 +
} //end inner for
 +
} //end outer for
 +
if (this.enableiframeshim && document.all && !window.XDomainRequest && !this.iframeshimadded){ //enable iframe shim in IE5.5 thru IE7?
 +
document.write('<IFRAME id="iframeshim" src="about:blank" frameBorder="0" scrolling="no" style="left:0; top:0; position:absolute; display:none;z-index:90; background: transparent;"></IFRAME>')
 +
this.shimobject=document.getElementById("iframeshim") //reference iframe object
 +
this.shimobject.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)'
 +
this.iframeshimadded=true
 +
}
 +
} //end startchrome
 +
 +
}
 +
</script>
 +
 +
 +
<style>
 +
.chromestyle{
 +
width: 99%;
 +
font-weight: bold;
 +
}
 +
 +
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
 +
content: ".";
 +
display: block;
 +
height: 0;
 +
clear: both;
 +
visibility: hidden;
 +
}
 +
 +
.chromestyle ul{
 +
border: 1px solid #BBB;
 +
width: 100%;
 +
background: url(chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
 +
padding: 4px 0;
 +
margin: 0;
 +
text-align: center; /*set value to "left", "center", or "right"*/
 +
}
 +
 +
.chromestyle ul li{
 +
display: inline;
 +
}
 +
 +
.chromestyle ul li a{
 +
color: #494949;
 +
padding: 4px 7px;
 +
margin: 0;
 +
text-decoration: none;
 +
border-right: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
 +
}
 +
 +
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
 +
background: url(chromebg4-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
 +
}
 +
 +
 +
/* ######### Style for Drop Down Menu ######### */
 +
 +
.dropmenudiv{
 +
position:absolute;
 +
top: 0;
 +
border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
 +
border-bottom-width: 0;
 +
font:normal 12px Verdana;
 +
line-height:18px;
 +
z-index:100;
 +
background-color: white;
 +
width: 200px;
 +
visibility: hidden;
 +
}
 +
 +
 +
.dropmenudiv a{
 +
width: 100%;
 +
display: block;
 +
text-indent: 3px;
 +
border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
 +
padding: 2px 0;
 +
text-decoration: none;
 +
font-weight: bold;
 +
color: black;
 +
}
 +
 +
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
 +
background-color: #FFECEC;
 +
}
 +
</style>
 +
 +
<div class="chromestyle" id="chromemenu">
 +
<ul>
 +
<li><a href="http://www.dynamicdrive.com">Home</a></li>
 +
<li><a href="#" rel="dropmenu1">Resources</a></li>
 +
<li><a href="#" rel="dropmenu2">News</a></li>
 +
<li><a href="#" rel="dropmenu3">Search</a></li>
 +
</ul>
 +
</div>
 +
 +
<!--1st drop down menu -->                                                 
 +
<div id="dropmenu1" class="dropmenudiv">
 +
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
 +
<a href="http://www.cssdrive.com">CSS Drive</a>
 +
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
 +
<a href="http://www.codingforums.com">Coding Forums</a>
 +
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
 +
</div>
 +
 +
 +
<!--2nd drop down menu -->                                               
 +
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
 +
<a href="http://www.cnn.com/">CNN</a>
 +
<a href="http://www.msnbc.com">MSNBC</a>
 +
<a href="http://news.bbc.co.uk">BBC News</a>
 +
</div>
 +
 +
<!--3rd drop down menu -->                                                 
 +
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
 +
<a href="http://www.google.com/">Google</a>
 +
<a href="http://www.yahoo.com">Yahoo</a>
 +
<a href="http://www.msn.com">MSN</a>
 +
</div>
 +
 +
 +
<script type="text/javascript">
 +
 +
cssdropdown.startchrome("chromemenu")
 +
 +
</script>
</html>
</html>

Revision as of 04:13, 6 May 2010

Team Nevada


You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
Nevada logo.png

Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)

Your team picture
Team Example


Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety
Retrieved from "http://2010.igem.org/Team:Nevada"