|
|
(47 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/2/2a/Chiba_home2.jpg" width="965" height="230"> | + | #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; |
| + | } |
| + | |
| + | /*- Menu Tabs 10--------------------------- */ |
| | | |
- | #tabsE { | + | #tabs10 { |
| float:left; | | float:left; |
| width:100%; | | width:100%; |
- | background:#000;
| |
| font-size:100%; | | font-size:100%; |
| line-height:normal; | | line-height:normal; |
- | | + | 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> |
- | | + | </tr> |
- | this.made = false;
| + | </table> |
- | 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> | | </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>
| |
- |
| |
- | </body>
| |
- |
| |
| </html> | | </html> |
| | | |
| | | |
- | Safety issues? [[Safety | safety page]].
| + | [[Safety |Go to safety page]]. |