|
|
(44 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!--- Background Contents --->
| |
| <html> | | <html> |
- | <body bgcolor="white" text="black" link="yellow" vlink="purple" alink="red" background="https://static.igem.org/mediawiki/2010/a/a1/Chiba_ground_2.jpg"> | + | <style type="text/css"> |
- | <img src="https://static.igem.org/mediawiki/2010/5/59/Chiba_bar2.jpg"> | + | #top-section { |
| + | height: 0px; |
| + | margin-top: -80px; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | margin-bottom: 0 !important; |
| + | margin-bottom: 0px; |
| + | padding:0; |
| + | border: 0; |
| + | } |
| + | </style> |
| + | </html> |
| + | <!--- Background Contents ---> |
| + | <html><br><br><br> |
| + | <div id="search-controls"> |
| + | <form action="/Special:Search" id="searchform"> |
| + | <input id="searchInput" name="search" type="text" title="Search 2010.igem.org [f]" accesskey="f" value="" /> |
| + | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" /> |
| + | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" /> |
| + | </form> |
| + | </div> <!-- close search controls --> |
| + | |
| + | |
| + | <body bgcolor="blue" text="black" link="yellow" vlink="purple" alink="red" background="https://static.igem.org/mediawiki/2010/a/a1/Chiba_ground_2.jpg"> |
| + | <img src="https://static.igem.org/mediawiki/2010/f/f9/Chiba_menu_2.jpg"> |
| <p> | | <p> |
| <style type="text/css"> | | <style type="text/css"> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
- | <html xmlns="http://www.w3.org/1999/xhtml">
| + | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | <head>
| + | <head> |
- | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
| + | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
- | <title>Free CSS Navigation Menu Designs 1 at exploding-boy.com</title>
| + | <title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title> |
- | <style type="text/css">
| + | <style type="text/css"> |
| <!-- | | <!-- |
| body { | | body { |
Line 25: |
Line 48: |
| } | | } |
| | | |
- | /*- Menu Tabs E--------------------------- */
| + | img { |
| + | border: none; |
| + | } |
| | | |
- | #tabsE { | + | /*- Menu Tabs 10--------------------------- */ |
| + | |
| + | #tabs10 { |
| float:left; | | float:left; |
| width:100%; | | width:100%; |
- | background:#373737;
| |
| font-size:100%; | | font-size:100%; |
| line-height:normal; | | line-height:normal; |
- | margin-top: -8px; | + | background:#373737; |
- | | + | margin-top:-10px; |
| } | | } |
- | #tabsE ul { | + | #tabs10 ul { |
- | margin:0;
| + | margin:0; |
- | padding:2px 10px 0 20px;
| + | padding:2px 10px 0 105px; |
- | list-style:none;
| + | list-style:none; |
| } | | } |
- | #tabsE li { | + | #tabs10 li { |
| float:left; | | float:left; |
| display:inline; | | display:inline; |
| + | margin:0; |
| padding:0; | | padding:0; |
- | margin-right: 40px; | + | margin-left:40px; |
- | | + | |
| } | | } |
- | #tabsE li ul { | + | #tabs10 a { |
- | position: absolute;
| + | |
- | left: -999em;
| + | |
- | }
| + | |
- |
| + | |
- | #tabsE li:hover ul {
| + | |
- | float:left;
| + | |
- | color: white !important;
| + | |
- |
| + | |
- | }
| + | |
- |
| + | |
- | #tabsE li:hover ul, #tabsE li.sfhover ul {
| + | |
- | left:auto;
| + | |
- | padding: 10px;
| + | |
- | color: white !important;
| + | |
- | }
| + | |
- | | + | |
- | #tabsE a {
| + | |
| float:left; | | float:left; |
- | background:url("tableftE.gif") no-repeat left top; | + | background:url("tableft10.gif") no-repeat left top; |
| margin:0; | | margin:0; |
| padding:0 0 0 2px; | | padding:0 0 0 2px; |
| text-decoration:none; | | text-decoration:none; |
| } | | } |
- | #tabsE a span { | + | #tabs10 a span { |
| float:left; | | float:left; |
| display:block; | | display:block; |
- | background:url("tabrightE.gif") no-repeat right top; | + | background:url("tabright10.gif") no-repeat right top; |
| padding:5px 15px 4px 6px; | | padding:5px 15px 4px 6px; |
| color:#FFF; | | color:#FFF; |
| } | | } |
| /* Commented Backslash Hack hides rule from IE5-Mac \*/ | | /* Commented Backslash Hack hides rule from IE5-Mac \*/ |
- | #tabsE a span {float:none;} | + | #tabs10 a span {float:none;} |
| /* End IE5-Mac hack */ | | /* End IE5-Mac hack */ |
- | #tabsE a:hover span { | + | #tabs9 a:hover span { |
- | color:#FFF; | + | color:#FFFFFF; |
| } | | } |
- | #tabsE a:hover { | + | #tabs10 a:hover { |
| background-position:0% -42px; | | background-position:0% -42px; |
| } | | } |
- | #tabsE a:hover span { | + | #tabs10 a:hover span { |
| background-position:100% -42px; | | background-position:100% -42px; |
| } | | } |
| | | |
- | #tabsE #current a {
| + | #tabs10 #current a { |
- | background-position:0% -42px;
| + | background-position:0% -42px; |
- | }
| + | } |
- | #tabsE #current a span {
| + | #tabs10 #current a span { |
- | background-position:100% -42px;
| + | background-position:100% -42px; |
- | }
| + | } |
- | sfHover = function() {
| + | |
- | var sfEls = document.getElementById("tabsE").getElementsByTagName("LI");
| + | |
- | for (var i=0; i<sfEls.length; i++) {
| + | |
- | sfEls[i].onmouseover=function() {
| + | |
- | this.className+=" sfhover";
| + | |
- | }
| + | |
- | sfEls[i].onmouseout=function() {
| + | |
- | this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | if (window.attachEvent) window.attachEvent("onload", sfHover);
| + | |
- | | + | |
| --> | | --> |
| </style> | | </style> |
- | </head>
| + | </head> |
| | | |
- | <body>
| + | <body> |
- | <div id="tabsE">
| + | <div id="tabs10"> |
- | <ul>
| + | <ul> |
- | <!-- CSS Tabs -->
| + | <!-- CSS Tabs --> |
| <li><a href="https://2010.igem.org/Team:Chiba"><span>Home</span></a></li> | | <li><a href="https://2010.igem.org/Team:Chiba"><span>Home</span></a></li> |
- | <li><a href="https://2010.igem.org/Team:Chiba/Team"><span>Team</span></a> | + | <li><a href="https://2010.igem.org/Team:Chiba/Team"><span>Team</span></a></li> |
- | <ul style="z-index:1"> <br>
| + | <li><a href="https://2010.igem.org/Team:Chiba/Project"><span>Project</span></a></li> |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Team">Team</a></li> <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Member">Member</a></li>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/School">School</a></li>
| + | |
- | </ul>
| + | |
- | </li> | + | |
- | <li><a href="https://2010.igem.org/Team:Chiba/Project"><span>Project</span></a> | + | |
- | <ul style="z-index:1"><br>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Project">Overall Project</a></li>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Circuit_1">Circuit 1</a></li>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Circuit_2">Circuit 2</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
| <li><a href="https://2010.igem.org/Team:Chiba/Parts"><span>Parts</span></a></li> | | <li><a href="https://2010.igem.org/Team:Chiba/Parts"><span>Parts</span></a></li> |
- | <li><a href="https://2010.igem.org/Team:Chiba/Modeling"><span>Modeling</span></a></li>
| + | <li><a href="https://2010.igem.org/Team:Chiba/Notebook"><span>Notebook</span></a></li> |
- | <li><a href="https://2010.igem.org/Team:Chiba/Result"><span>Result</span></a>
| + | |
- | <ul style="z-index:1"><br>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Plasmid1">Plasmid 1</a></li>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Plasmid2">Plasmid 2</a></li>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/lux_promoter">lux Promoter</a></li><br>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2010.igem.org/Team:Chiba/Notebook"><span>Notebook</span></a> | + | |
- | <ul style="z-index:1"><br>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Notebook">Notebook 1</a></li>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Notebook_2">Notebook 2</a></li>
| + | |
- | <li><a class="tablinks" href="https://2010.igem.org/Team:Chiba/Notebook_3">Notebook 3</a></li><br>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | | + | |
| <li><a href="https://2010.igem.org/Team:Chiba/Support"><span>Support</span></a></li> | | <li><a href="https://2010.igem.org/Team:Chiba/Support"><span>Support</span></a></li> |
- | <li><a href="https://2010.igem.org/Team:Chiba/Safety"><span>Safety</span></a></li> | + | <li id="current"><a href="https://2010.igem.org/Team:Chiba/Safety"><span>Safety</span></a></li> |
| | | |
- | </ul>
| + | </ul> |
- | </div>
| + | </div> |
- | </body>
| + | </body> |
| </html> | | </html> |
| <!--- Background Contents End ---> | | <!--- Background Contents End ---> |
- | | + | <!--- Main Contents Start ---> |
| <html> | | <html> |
- | <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" background="https://static.igem.org/mediawiki/2010/4/4c/Chiba_ground.jpg"> | + | <body> |
| + | <table border="0" cellpadding="30" cellspacing="0"> |
| + | <tr> |
| + | <td width="800px"><font size="5" face="verdana">Safety issue</font><br> |
| + | <hr width="500" size="1" align="left"><br> |
| + | <strong><font size="2">1. Would any of your project ideas raise safety issues? |
| + | </strong></font><br> |
| + | - Not at all. All our circuits are made of genetic regulators and reporters (fluorescent proteins).<br> |
| + | Our project goal -double click system- is designed to improve the safety in operating modified organisms.<br> |
| | | |
- | <head> | + | <br> |
- | <meta http-equiv="content-type" content="text/html; charset=euc-kr"> | + | <strong><font size="2">2. Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues? |
- | <title>iGEM Chiba</title> | + | </strong></font><br> |
- | <meta name="generator" content="Namo WebEditor"> | + | - Our biobricks are composed of gene regulators, RNA polymerase, hybrid promoters, and fluorescent proteins only. None of them (and the combination of those parts/ devices) could raise the safety issue. |
- | <script language="JavaScript">
| + | Thus, we are working on the super-safe side of Synthetic Biology!<br> |
- | <!--
| + | |
- | function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
| + | |
- | this.additem = namosw_l_additem;
| + | |
- | this.addlist = namosw_l_addlist;
| + | |
- | this.make = namosw_l_make;
| + | |
- | this.write = namosw_l_write;
| + | |
- | this.show = namosw_l_show;
| + | |
- | this.update = namosw_l_update;
| + | |
- | this.updateparent = namosw_l_updateparent;
| + | |
- | this.items = new Array();
| + | |
- | this.id = document.namosw_lists.length;
| + | |
- | this.parent_id = 0;
| + | |
- | this.x = 0;
| + | |
- | this.y = 0;
| + | |
- | this.visible = visible;
| + | |
- | this.width = width;
| + | |
- | this.height = height;
| + | |
- | this.parent = parent;
| + | |
- | this.indent = indent;
| + | |
- | this.fgColor = fgColor;
| + | |
- | this.hfgColor = hfgColor;
| + | |
- | this.bgColor = bgColor;
| + | |
- | this.hbgColor = hbgColor;
| + | |
| | | |
- | this.font_start = '';
| + | <br> |
- | this.font_end = '';
| + | <strong><font size="2">3.Is there a local biosafety group, committee, or review board at your institution?</strong></font><br> |
| + | - Yes. Our institution has the committee to deal with all the safety issues, which occur in bioengineering and we have got the permission of our project.<br> |
| | | |
- | this.font_start = '<font color=' + fgColor;
| |
- | if (font != '') this.font_start += ' face=\"' + font + '\"';
| |
- | if (size != '' && size.indexOf('pt', 0) == -1) this.font_start += ' size=' + size;
| |
- | this.font_start += '>';
| |
| | | |
- | this.font_start += '<span';
| + | <br> |
- | if (size.indexOf('pt', 0) != -1)
| + | <strong><font size="2">4.Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and -systems be made even safer through biosafety engineering?</strong></font><br> |
- | this.font_start += ' style="font-size:' +size+ ';"';
| + | |
- | this.font_start += '>';
| + | |
| | | |
- | this.font_end = '</span>';
| + | - Definitely, safety issues in iGEM is very important and false input should be eliminated, so safty system like our project would quite useful. <br> |
- | this.font_end += '</font>';
| + | </td> |
- | | + | |
- | this.made = false;
| + | |
- | this.shown = false;
| + | |
- | document.namosw_lists[document.namosw_lists.length] = this;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_setclip(layer, left, right, top, bottom) {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | if (is_ns4) {
| + | |
- | layer.clip.left = left;
| + | |
- | layer.clip.right = right;
| + | |
- | layer.clip.top = top;
| + | |
- | layer.clip.bottom = bottom;
| + | |
- | } else if (is_ns6) {
| + | |
- | layer.style.width = right-left;
| + | |
- | layer.style.height = bottom-top;
| + | |
- | layer.style.clip = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
| + | |
- | } else {
| + | |
- | layer.style.pixelWidth = right-left;
| + | |
- | layer.style.pixelHeight = bottom-top;
| + | |
- | layer.style.clip = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_write() {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | var layer, clip, str;
| + | |
- | for(var i = 0; i < this.items.length; i++) {
| + | |
- | layer = this.items[i];
| + | |
- | if (is_ns4)
| + | |
- | layer.visibility = "hidden";
| + | |
- | else
| + | |
- | layer.style.visibility = "hidden";
| + | |
- | str = "";
| + | |
- | | + | |
- | str += "<table width="+this.width+" nowrap border='0' cellpadding='0' cellspacing='0'><tr>";
| + | |
- | if (0 < this.indent) str += "<td width="+this.indent+" nowrap> </td>";
| + | |
- | if (layer.type == 'list') {
| + | |
- | str += "<td width=15 valign='middle' nowrap><a";
| + | |
- | if (is_ns4) str += " href=\"javascript:void(0);\"";
| + | |
- | else str += " style=\"cursor:hand;\"";
| + | |
- | str += " onclick=\"namosw_l_expand("+layer.list.id+");\"><img src=\"collapsed.gif\" name=\"_img"+layer.list.id+"\" border='0'></a></td>";
| + | |
- | } else {
| + | |
- | str += "<td width=15 nowrap> </td>";
| + | |
- | }
| + | |
- | str += "<td height="+(this.height-3)+" width="+(this.width-15-this.indent)+" valign='middle' align='left'>";
| + | |
- | | + | |
- | if (layer.url) str += "<a href=\"" + layer.url + "\" target=\"" + layer.frame + "\" style=\"text-decoration:none;\">";
| + | |
- | if (this.font_start) str += this.font_start;
| + | |
- | str += layer.text;
| + | |
- | if (this.font_end) str += this.font_end;
| + | |
- | if (layer.url) str += "</a>";
| + | |
- | str += "</td></table>";
| + | |
- | | + | |
- | str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");
| + | |
- | | + | |
- | if (is_ns4) {
| + | |
- | layer.document.writeln(str);
| + | |
- | layer.document.close();
| + | |
- | } else if (is_ns6) {
| + | |
- | layer.innerHTML = str;
| + | |
- | layer.span = document.getElementById('namoswlistspan'+layer.lid);
| + | |
- | } else {
| + | |
- | layer.innerHTML = str;
| + | |
- | layer.span = document.all['namoswlistspan'+layer.lid];
| + | |
- | }
| + | |
- | if (layer.type == 'list' && layer.list.visible)
| + | |
- | this.items[i].list.write();
| + | |
- | }
| + | |
- | this.made = true;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_show() {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | var layer;
| + | |
- | for(var i = 0; i < this.items.length; i++) {
| + | |
- | layer = this.items[i];
| + | |
- | namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
| + | |
- | if (is_ns4) {
| + | |
- | if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
| + | |
- | else layer.document.bgColor = this.bgColor;
| + | |
- | } else {
| + | |
- | if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
| + | |
- | else layer.style.backgroundColor = this.bgColor;
| + | |
- | }
| + | |
- | if (layer.type == 'list' && layer.list.visible)
| + | |
- | layer.list.show();
| + | |
- | }
| + | |
- | this.shown = true;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_update(parent_visible, x, y) {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | var top = y, layer, list;
| + | |
- | for(var i = 0; i < this.items.length; i++) {
| + | |
- | layer = this.items[i];
| + | |
- | list = layer.list;
| + | |
- | if (this.visible && parent_visible) {
| + | |
- | if (is_ns4) {
| + | |
- | layer.visibility = "visible";
| + | |
- | layer.top = top;
| + | |
- | layer.left = x;
| + | |
- | } else if (is_ns6) {
| + | |
- | layer.style.visibility = "visible";
| + | |
- | layer.style.top = top;
| + | |
- | layer.style.left = x;
| + | |
- | } else {
| + | |
- | layer.style.visibility = "visible";
| + | |
- | layer.style.pixelTop = top;
| + | |
- | layer.style.pixelLeft = x;
| + | |
- | // if (layer.url) layer.style.cursor = "hand";
| + | |
- | }
| + | |
- | top += this.height;
| + | |
- | } else {
| + | |
- | if (is_ns4) layer.visibility = "hidden";
| + | |
- | else if (is_ns6) layer.style.visibility = "hidden";
| + | |
- | else layer.style.visibility = "hidden";
| + | |
- | }
| + | |
- | if (layer.type == 'list') {
| + | |
- | if (list.visible) {
| + | |
- | if (!list.made) list.write();
| + | |
- | if (!list.shown) list.show();
| + | |
- | if (is_ns4) layer.document.images[0].src = "collapsed.gif";
| + | |
- | else eval('document.images._img'+list.id+'.src = "collapsed.gif"');
| + | |
- | } else {
| + | |
- | if (is_ns4) layer.document.images[0].src = "expanded.gif";
| + | |
- | else eval('document.images._img'+list.id+'.src = "expanded.gif"');
| + | |
- | }
| + | |
- | if (list.made)
| + | |
- | top = list.update(this.visible && parent_visible, x, top);
| + | |
- | }
| + | |
- | }
| + | |
- | return top;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_updateparent(parent_id) {
| + | |
- | this.parent_id = parent_id;
| + | |
- | for(var i = 0; i < this.items.length; i++)
| + | |
- | if (this.items[i].type == 'list')
| + | |
- | this.items[i].list.updateparent(parent_id);
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_expand(i) {
| + | |
- | document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
| + | |
- | list = document.namosw_lists[document.namosw_lists[i].parent_id];
| + | |
- | list.update(true, list.x, list.y);
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_make(x, y) {
| + | |
- | this.updateparent(this.id);
| + | |
- | this.write();
| + | |
- | this.show();
| + | |
- | this.update(true, x, y);
| + | |
- | this.x = x;
| + | |
- | this.y = y;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_additem(text, url, frame) {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | var layer = null;
| + | |
- | if (is_ns4 && this.parent)
| + | |
- | layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
| + | |
- | else if (is_ns6)
| + | |
- | layer = document.getElementById("namoswlistitem" + document.namosw_lists.lid);
| + | |
- | else
| + | |
- | layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
| + | |
- | | + | |
- | if (layer == null && is_ns4)
| + | |
- | layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
| + | |
- | | + | |
- | if (layer == null) return;
| + | |
- | | + | |
- | if (url) layer.url = url;
| + | |
- | if (frame) {
| + | |
- | if (frame.indexOf('parent.') != 0)
| + | |
- | layer.frame = "_" + frame;
| + | |
- | else
| + | |
- | layer.frame = frame.substring(7, frame.length);
| + | |
- | }
| + | |
- | layer.type = 'item';
| + | |
- | layer.text = text;
| + | |
- | layer.lid = document.namosw_lists.lid;
| + | |
- | this.items[this.items.length] = layer;
| + | |
- | layer.hbgColor = this.hbgColor;
| + | |
- | layer.oBgColor = this.bgColor;
| + | |
- | layer.fgColor = this.fgColor;
| + | |
- | layer.hfgColor = this.hfgColor;
| + | |
- | if (layer.captureEvents)
| + | |
- | layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
| + | |
- | layer.onmouseover = namosw_l_onmouseover;
| + | |
- | layer.onmouseout = namosw_l_onmouseout;
| + | |
- | // layer.onmouseup = namosw_l_onmouseup;
| + | |
- | document.namosw_lists.lid++;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_addlist(list, text, url, frame) {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | var layer = null;
| + | |
- | | + | |
- | if (is_ns4 && this.parent)
| + | |
- | layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
| + | |
- | else if (is_ns6)
| + | |
- | layer = document.getElementById("namoswlistitem" + document.namosw_lists.lid);
| + | |
- | else
| + | |
- | layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
| + | |
- | if (layer == null && is_ns4)
| + | |
- | layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
| + | |
- | | + | |
- | if (layer == null) return;
| + | |
- | | + | |
- | if (url) layer.url = url;
| + | |
- | if (frame) {
| + | |
- | if (frame.indexOf('parent.') != 0)
| + | |
- | layer.frame = "_" + frame;
| + | |
- | else
| + | |
- | layer.frame = frame.substring(7, frame.length);
| + | |
- | }
| + | |
- | layer.list = list;
| + | |
- | layer.type = 'list';
| + | |
- | layer.text = text;
| + | |
- | layer.lid = document.namosw_lists.lid;
| + | |
- | this.items[this.items.length] = layer;
| + | |
- | list.parent = this;
| + | |
- | layer.hbgColor = this.hbgColor;
| + | |
- | layer.oBgColor = this.bgColor;
| + | |
- | layer.fgColor = this.fgColor;
| + | |
- | layer.hfgColor = this.hfgColor;
| + | |
- | if (layer.captureEvents)
| + | |
- | layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
| + | |
- | layer.onmouseover = namosw_l_onmouseover;
| + | |
- | layer.onmouseout = namosw_l_onmouseout;
| + | |
- | // layer.onmouseup = namosw_l_onmouseup;
| + | |
- | document.namosw_lists.lid++;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_onmouseover()
| + | |
- | {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | if (is_ns4) {
| + | |
- | if (this.hbgColor)
| + | |
- | this.bgColor = this.hbgColor;
| + | |
- | } else {
| + | |
- | if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
| + | |
- | if (this.hfgColor) this.span.style.color = this.hfgColor;
| + | |
- | }
| + | |
- | if (this.url) self.status = this.url;
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_onmouseout()
| + | |
- | {
| + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | if (is_ns4) {
| + | |
- | this.bgColor = this.oBgColor;
| + | |
- | } else {
| + | |
- | this.style.backgroundColor = this.oBgColor;
| + | |
- | this.span.style.color = this.fgColor;
| + | |
- | }
| + | |
- | if (this.url) self.status = '';
| + | |
- | }
| + | |
- | | + | |
- | function namosw_l_onmouseup()
| + | |
- | {
| + | |
- | if (this.url) {
| + | |
- | if (this.frame == 'blank') {
| + | |
- | window.open(this.url, 'win1');
| + | |
- | } else {
| + | |
- | var frame_obj;
| + | |
- | if ((frame_obj = eval(this.frame)) != null)
| + | |
- | frame_obj.location = this.url;
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | function namosw_init_list(top_layer)
| + | |
- | {
| + | |
- | if (parseInt(navigator.appVersion) < 4)
| + | |
- | return;
| + | |
- | if (top_layer == '')
| + | |
- | return;
| + | |
- | | + | |
- | document.namosw_lists = new Array();
| + | |
- | document.namosw_lists.lid = 0;
| + | |
- | | + | |
- | var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
| + | |
- | var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;
| + | |
- | | + | |
- | var layer;
| + | |
- | if (is_ns4) layer = document.layers[top_layer];
| + | |
- | else if (is_ns6) layer = document.getElementById(top_layer);
| + | |
- | else layer = document.all[top_layer];
| + | |
- | | + | |
- | | + | |
- | var string = "";
| + | |
- | for (i = 0; i < 12; i++) {
| + | |
- | string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
| + | |
- | "style='position: absolute;'></div>";
| + | |
- | }
| + | |
- | layer.innerHTML += string;
| + | |
- | | + | |
- | l1 = new namosw_list(layer, true, 200, 22, 'Arial', '3', 'black', 'gray', 0);
| + | |
- | l1.additem('Home', 'https://2010.igem.org/Team:Chiba', 'self');
| + | |
- | l2 = new namosw_list(layer, false, 200, 17, 'Arial', '2', 'black', 'silver', 0, 'white');
| + | |
- | l2.additem('Member', 'https://2010.igem.org/Team:Chiba/Member', 'self');
| + | |
- | l2.additem('School', 'https://2010.igem.org/Team:Chiba/School', 'self');
| + | |
- | l1.addlist(l2, 'Team', 'https://2010.igem.org/Team:Chiba/Team', 'self');
| + | |
- | l3 = new namosw_list(layer, false, 200, 17, 'Arial', '2', 'black', 'silver', 0, 'white');
| + | |
- | l3.additem('Overall Project', 'https://2010.igem.org/Team:Chiba/Overall_Project', 'self');
| + | |
- | l3.additem('Circuit 1', 'https://2010.igem.org/Team:Chiba/Circuit1', 'self');
| + | |
- | l3.additem('Circuit2', 'https://2010.igem.org/Team:Chiba/Circui2', 'self');
| + | |
- | l1.addlist(l3, 'Project', 'http://https://2010.igem.org/Team:Chiba/Project', 'self');
| + | |
- | l1.additem('Parts', 'https://2010.igem.org/Team:Chiba/Parts', 'self');
| + | |
- | l1.additem('Modeling', 'https://2010.igem.org/Team:Chiba/Modeling', 'self');
| + | |
- | l1.additem('Notebook', 'https://2010.igem.org/Team:Chiba/Notebook', 'self');
| + | |
- | | + | |
- | l1.make(0, 14);
| + | |
- | }
| + | |
- | | + | |
- | function namosw_ns_resize()
| + | |
- | {
| + | |
- | window.history.go(0);
| + | |
- | }
| + | |
- | | + | |
- | // -->
| + | |
- | </script>
| + | |
- | </head>
| + | |
- | | + | |
- | <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="namosw_init_list('layer1');" OnResize="namosw_ns_resize();">
| + | |
- | <div id="layer1" style="width:200px; height:200px; position:absolute; left:20px; top:52px; z-index:1;">
| + | |
- | <p> </p>
| + | |
- | </div>
| + | |
- | <p> </p>
| + | |
- | </body>
| + | |
- | | + | |
- | </html>
| + | |
- | ==Safety==
| + | |
- | | + | |
- | | + | |
- | <html>
| + | |
- | <head>
| + | |
- | | + | |
- | <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/XIuh7KDRzLk?fs=1&hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XIuh7KDRzLk?fs=1&hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
| + | |
- | </head>
| + | |
- | | + | |
- | <body>
| + | |
- | <hr><p><strong>Key questions </strong></p>
| + | |
- | <p>For iGEM 2010 teams are asked to detail how they approached any issues of biological safety associated with their projects. Specifically, teams should consider the following questions: </p>
| + | |
- | </div>
| + | |
- |
| + | |
- |
| + | |
- | <div id="preventing_malign_use">
| + | |
- |
| + | |
- | <table border="0">
| + | |
- | <tr>
| + | |
- | <td valign=Top bgcolor="#FFFF99">
| + | |
- | <ol>
| + | |
- | <li><strong>Would any of your project ideas raise safety issues in terms of:
| + | |
- | </strong>
| + | |
- | <ul>
| + | |
- | <li> researcher safety, </li>
| + | |
- | <li> public safety, or </li>
| + | |
- | <li> environmental safety? </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><strong> Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues? If yes,
| + | |
- | </strong>
| + | |
- | <ul>
| + | |
- | <li> did you document these issues in the Registry? </li>
| + | |
- | <li> how did you manage to handle the safety issue? </li>
| + | |
- | <li> How could other teams learn from your experience? </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><strong>Is there a local biosafety group, committee, or review board at your institution? </strong>
| + | |
- | <ul>
| + | |
- | <li> If yes, what does your local biosafety group think about your project? </li>
| + | |
- | <li> If no, which specific biosafety rules or guidelines do you have to consider in your country? </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><strong>Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering? </strong></li>
| + | |
- | </ol></td>
| + | |
- | <td><p> </p> </td>
| + | |
| </tr> | | </tr> |
| </table> | | </table> |
- |
| |
| </body> | | </body> |
- |
| |
| </html> | | </html> |
| | | |
| | | |
- | Safety issues? [[Safety | safety page]].
| + | [[Safety |Go to safety page]]. |