Team:Wageningen UR

From 2011.igem.org

(Difference between revisions)
(→Welcome to our Wiki!)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<body>
+
<style type="text/css">
-
<script>
+
-
//** Smooth Navigational Menu- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
+
-
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
+
-
//** Menu created: Nov 12, 2008
+
-
//** Dec 12th, 08" (v1.01): Fixed Shadow issue when multiple LIs within the same UL (level) contain sub menus: http://www.dynamicdrive.com/forums/showthread.php?t=39177&highlight=smooth
+
ul li a.currentlinktop1 {
-
 
+
color: #63a015 !important;
-
//** Feb 11th, 09" (v1.02): The currently active main menu item (LI A) now gets a CSS class of ".selected", including sub menu items.
+
-
 
+
-
//** May 1st, 09" (v1.3):
+
-
//** 1) Now supports vertical (side bar) menu mode- set "orientation" to 'v'
+
-
//** 2) In IE6, shadows are now always disabled
+
-
 
+
-
//** July 27th, 09" (v1.31): Fixed bug so shadows can be disabled if desired.
+
-
//** Feb 2nd, 10" (v1.4): Adds ability to specify delay before sub menus appear and disappear, respectively. See showhidedelay variable below
+
-
 
+
-
//** Dec 17th, 10" (v1.5): Updated menu shadow to use CSS3 box shadows when the browser is FF3.5+, IE9+, Opera9.5+, or Safari3+/Chrome. Only .js file changed.
+
-
 
+
-
var ddsmoothmenu={
+
-
 
+
-
//Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
+
-
arrowimages: {down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif']},
+
-
transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
+
-
shadow: {enable:true, offsetx:5, offsety:5}, //enable shadow?
+
-
showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively
+
-
 
+
-
///////Stop configuring beyond here///////////////////////////
+
-
 
+
-
detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1, //detect WebKit browsers (Safari, Chrome etc)
+
-
detectie6: document.all && !window.XMLHttpRequest,
+
-
css3support: window.msPerformance || (!document.all && document.querySelector), //detect browsers that support CSS3 box shadows (ie9+ or FF3.5+, Safari3+, Chrome etc)
+
-
 
+
-
getajaxmenu:function($, setting){ //function to fetch external page containing the panel DIVs
+
-
var $menucontainer=$('#'+setting.contentsource[0]) //reference empty div on page that will hold menu
+
-
$menucontainer.html("Loading Menu...")
+
-
$.ajax({
+
-
url: setting.contentsource[1], //path to external menu file
+
-
async: true,
+
-
error:function(ajaxrequest){
+
-
$menucontainer.html('Error fetching content. Server Response: '+ajaxrequest.responseText)
+
-
},
+
-
success:function(content){
+
-
$menucontainer.html(content)
+
-
ddsmoothmenu.buildmenu($, setting)
+
-
}
+
-
})
+
-
},
+
-
 
+
-
 
+
-
buildmenu:function($, setting){
+
-
var smoothmenu=ddsmoothmenu
+
-
var $mainmenu=$("#"+setting.mainmenuid+">ul") //reference main menu UL
+
-
$mainmenu.parent().get(0).className=setting.classname || "ddsmoothmenu"
+
-
var $headers=$mainmenu.find("ul").parent()
+
-
$headers.hover(
+
-
function(e){
+
-
$(this).children('a:eq(0)').addClass('selected')
+
-
},
+
-
function(e){
+
-
$(this).children('a:eq(0)').removeClass('selected')
+
-
}
+
-
)
+
-
$headers.each(function(i){ //loop through each LI header
+
-
var $curobj=$(this).css({zIndex: 100-i}) //reference current LI header
+
-
var $subul=$(this).find('ul:eq(0)').css({display:'block'})
+
-
$subul.data('timers', {})
+
-
this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
+
-
this.istopheader=$curobj.parents("ul").length==1? true : false //is top level header?
+
-
$subul.css({top:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0})
+
-
$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: smoothmenu.arrowimages.down[2]} : {}).append( //add arrow images
+
-
'<img src="'+ (this.istopheader && setting.orientation!='v'? smoothmenu.arrowimages.down[1] : smoothmenu.arrowimages.right[1])
+
-
+'" class="' + (this.istopheader && setting.orientation!='v'? smoothmenu.arrowimages.down[0] : smoothmenu.arrowimages.right[0])
+
-
+ '" style="border:0;" />'
+
-
)
+
-
if (smoothmenu.shadow.enable && !smoothmenu.css3support){ //if shadows enabled and browser doesn't support CSS3 box shadows
+
-
this._shadowoffset={x:(this.istopheader?$subul.offset().left+smoothmenu.shadow.offsetx : this._dimensions.w), y:(this.istopheader? $subul.offset().top+smoothmenu.shadow.offsety : $curobj.position().top)} //store this shadow's offsets
+
-
if (this.istopheader)
+
-
$parentshadow=$(document.body)
+
-
else{
+
-
var $parentLi=$curobj.parents("li:eq(0)")
+
-
$parentshadow=$parentLi.get(0).$shadow
+
-
}
+
-
this.$shadow=$('<div class="ddshadow'+(this.istopheader? ' toplevelshadow' : '')+'"></div>').prependTo($parentshadow).css({left:this._shadowoffset.x+'px', top:this._shadowoffset.y+'px'})  //insert shadow DIV and set it to parent node for the next shadow div
+
-
}
+
-
$curobj.hover(
+
-
function(e){
+
-
var $targetul=$subul //reference UL to reveal
+
-
var header=$curobj.get(0) //reference header LI as DOM object
+
-
clearTimeout($targetul.data('timers').hidetimer)
+
-
$targetul.data('timers').showtimer=setTimeout(function(){
+
-
header._offsets={left:$curobj.offset().left, top:$curobj.offset().top}
+
-
var menuleft=header.istopheader && setting.orientation!='v'? 0 : header._dimensions.w
+
-
menuleft=(header._offsets.left+menuleft+header._dimensions.subulw>$(window).width())? (header.istopheader && setting.orientation!='v'? -header._dimensions.subulw+header._dimensions.w : -header._dimensions.w) : menuleft //calculate this sub menu's offsets from its parent
+
-
if ($targetul.queue().length<=1){ //if 1 or less queued animations
+
-
$targetul.css({left:menuleft+"px", width:header._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime)
+
-
if (smoothmenu.shadow.enable && !smoothmenu.css3support){
+
-
var shadowleft=header.istopheader? $targetul.offset().left+ddsmoothmenu.shadow.offsetx : menuleft
+
-
var shadowtop=header.istopheader?$targetul.offset().top+smoothmenu.shadow.offsety : header._shadowoffset.y
+
-
if (!header.istopheader && ddsmoothmenu.detectwebkit){ //in WebKit browsers, restore shadow's opacity to full
+
-
header.$shadow.css({opacity:1})
+
-
}
+
-
header.$shadow.css({overflow:'', width:header._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:header._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime)
+
-
}
+
-
}
+
-
}, ddsmoothmenu.showhidedelay.showdelay)
+
-
},
+
-
function(e){
+
-
var $targetul=$subul
+
-
var header=$curobj.get(0)
+
-
clearTimeout($targetul.data('timers').showtimer)
+
-
$targetul.data('timers').hidetimer=setTimeout(function(){
+
-
$targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime)
+
-
if (smoothmenu.shadow.enable && !smoothmenu.css3support){
+
-
if (ddsmoothmenu.detectwebkit){ //in WebKit browsers, set first child shadow's opacity to 0, as "overflow:hidden" doesn't work in them
+
-
header.$shadow.children('div:eq(0)').css({opacity:0})
+
-
}
+
-
header.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime)
+
-
}
+
-
}, ddsmoothmenu.showhidedelay.hidedelay)
+
-
}
+
-
) //end hover
+
-
}) //end $headers.each()
+
-
if (smoothmenu.shadow.enable && smoothmenu.css3support){ //if shadows enabled and browser supports CSS3 shadows
+
-
var $toplevelul=$('#'+setting.mainmenuid+' ul li ul')
+
-
var css3shadow=parseInt(smoothmenu.shadow.offsetx)+"px "+parseInt(smoothmenu.shadow.offsety)+"px 5px #aaa" //construct CSS3 box-shadow value
+
-
var shadowprop=["boxShadow", "MozBoxShadow", "WebkitBoxShadow", "MsBoxShadow"] //possible vendor specific CSS3 shadow properties
+
-
for (var i=0; i<shadowprop.length; i++){
+
-
$toplevelul.css(shadowprop[i], css3shadow)
+
-
}
+
-
}
+
-
$mainmenu.find("ul").css({display:'none', visibility:'visible'})
+
-
},
+
-
 
+
-
init:function(setting){
+
-
if (typeof setting.customtheme=="object" && setting.customtheme.length==2){ //override default menu colors (default/hover) with custom set?
+
-
var mainmenuid='#'+setting.mainmenuid
+
-
var mainselector=(setting.orientation=="v")? mainmenuid : mainmenuid+', '+mainmenuid
+
-
document.write('<style type="text/css">\n'
+
-
+mainselector+' ul li a {background:'+setting.customtheme[0]+';}\n'
+
-
+mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n'
+
-
+'</style>')
+
-
}
+
-
this.shadow.enable=(document.all && !window.XMLHttpRequest)? false : this.shadow.enable //in IE6, always disable shadow
+
-
jQuery(document).ready(function($){ //ajax menu?
+
-
if (typeof setting.contentsource=="object"){ //if external ajax menu
+
-
ddsmoothmenu.getajaxmenu($, setting)
+
-
}
+
-
else{ //else if markup menu
+
-
ddsmoothmenu.buildmenu($, setting)
+
-
}
+
-
})
+
}
}
-
} //end ddsmoothmenu variable
+
</style>
-
 
+
</head>
-
</script>
+
-
</body>
+
</html>
</html>
{{:Team:Wageningen_UR/Templates/Header}}
{{:Team:Wageningen_UR/Templates/Header}}
-
== Welcome to our Wiki! ==
+
{{:Team:Wageningen_UR/Templates/NavigationTop1}}
 +
== Welcome to the iGEM wiki of Team Wageningen UR ==
 +
{{:Team:Wageningen_UR/Templates/Medals}}
 +
{{:Team:Wageningen_UR/Templates/Style | text= __NOTOC__
-
{{:Team:Wageningen_UR/Templates/NavigationLeft}}
+
[[Team:Wageningen_UR/Project/PartsProj1| Link to data page]]
-
 
+
The international Genetically Engineered Machine competition (iGEM) is a major competition in Synthetic Biology for undergraduate students. This year will be the eighth time this competition is held and the first time that a team
-
{{:Team:Wageningen_UR/Templates/Style | text= .
+
from Wageningen University will participate. Our team aims to use a synthetic biology approach to engineer artificial cell-to-cell communication systems. Our main project is to create a "Synchronized Oscillatory System" hereafter named [https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1 "Synchroscillator"] and we also have a side project which we call: [https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj2 "Fungal Track 'n Trace"]. The aim of the Synchroscillator project is to produce periodic oscillatory protein expression in ''E. coli'', synchronized across a population, using the quorum sensing machinery from ''Vibrio fischerii''. The Fungal Track 'n Trace project aims to implement an artificial intercellular communication system in the hyphal fungus ''Aspergillus nidulans''.
-
==== Team Wageningen UR at iGEM ====
+
-
The International Genetically Engineered Machine competition (iGEM) is a major competition in Synthetic Biology for undergraduate students. This year will be the eighth time this competition is held and the first time that a team
+
-
from Wageningen University will participate. Our team aims to use a synthetic biology approach to engineer artificial cell-to-cell communication systems. We are working on two projects: "Synchronized Oscillatory System" and "Fungal Track 'n Trace". The aim of the Synchronized Oscillatory System project is to produce periodic oscillatory protein expression in ''E. coli'' cells, synchronized across a population, using the quorum sensing machinery from ''Vibrio fischerii''. The Fungal Track 'n Trace project aims to implement an artificial intercellular communication system in the hyphal fungus ''Aspergillus nidulans''.
+
<html>
<html>
-
<object width="500" height="375"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Figemwageningen%2Fsets%2F72157626966921661%2Fshow%2F&page_show_back_url=%2Fphotos%2Figemwageningen%2Fsets%2F72157626966921661%2F&set_id=72157626966921661&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=104087"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=104087" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Figemwageningen%2Fsets%2F72157626966921661%2Fshow%2F&page_show_back_url=%2Fphotos%2Figemwageningen%2Fsets%2F72157626966921661%2F&set_id=72157626966921661&jump_to=" width="500" height="375"></embed></object>
+
<object id="prezi_4265f34fbf88b4fba6019dd314e5a8bd05f76019" name="prezi_4265f34fbf88b4fba6019dd314e5a8bd05f76019" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400"><param name="movie" value="http://prezi.com/bin/preziloader.swf"/><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="bgcolor" value="#ffffff"/><param name="flashvars" value="prezi_id=4265f34fbf88b4fba6019dd314e5a8bd05f76019&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0"/><embed id="preziEmbed_4265f34fbf88b4fba6019dd314e5a8bd05f76019" name="preziEmbed_4265f34fbf88b4fba6019dd314e5a8bd05f76019" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="400" bgcolor="#ffffff" flashvars="prezi_id=4265f34fbf88b4fba6019dd314e5a8bd05f76019&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0"></embed></object>
</html>
</html>
 +
}}
}}
-
 
-
{{:Team:Wageningen_UR/Templates/Header}}
 

Latest revision as of 11:36, 26 October 2011

Building a Synchronized Oscillatory System

Welcome to the iGEM wiki of Team Wageningen UR


Link to data page


The international Genetically Engineered Machine competition (iGEM) is a major competition in Synthetic Biology for undergraduate students. This year will be the eighth time this competition is held and the first time that a team from Wageningen University will participate. Our team aims to use a synthetic biology approach to engineer artificial cell-to-cell communication systems. Our main project is to create a "Synchronized Oscillatory System" hereafter named "Synchroscillator" and we also have a side project which we call: "Fungal Track 'n Trace". The aim of the Synchroscillator project is to produce periodic oscillatory protein expression in E. coli, synchronized across a population, using the quorum sensing machinery from Vibrio fischerii. The Fungal Track 'n Trace project aims to implement an artificial intercellular communication system in the hyphal fungus Aspergillus nidulans.


Retrieved from "http://2011.igem.org/Team:Wageningen_UR"