|
|
Line 1: |
Line 1: |
| <!--- The Mission, Experiments ---> | | <!--- The Mission, Experiments ---> |
- | <script language="JavaScript">
| + | {| style="color:#dd0000;background-color:#eeeeee;" cellpadding="3" cellspacing="1" border="1" bordercolor="#cc0303" width="62%" align="center" |
- | <!--
| + | !align="center"|[[Team:Chiba|Home]] |
- | function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
| + | !align="center"|[[Team:Chiba/Team|Team]] |
- | this.additem = namosw_l_additem;
| + | !align="center"|[[Team:Chiba/Project|Project]] |
- | this.addlist = namosw_l_addlist;
| + | !align="center"|[[Team:Chiba/Parts|Parts]] |
- | this.make = namosw_l_make;
| + | !align="center"|[[Team:Chiba/Modeling|Modeling]] |
- | this.write = namosw_l_write;
| + | !align="center"|[[Team:Chiba/Notebook|Notebook]] |
- | this.show = namosw_l_show;
| + | !align="center"|[[Team:Chiba/Safety|Safety]] |
- | 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 = '';
| + | |
- | this.font_end = '';
| + | |
- | | + | |
- | 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';
| + | |
- | if (size.indexOf('pt', 0) != -1)
| + | |
- | this.font_start += ' style="font-size:' +size+ ';"';
| + | |
- | this.font_start += '>';
| + | |
- | | + | |
- | this.font_end = '</span>';
| + | |
- | this.font_end += '</font>';
| + | |
- | | + | |
- | 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>
| + | |
| <!--- The Mission, Experiments End ---> | | <!--- The Mission, Experiments End ---> |
| | | |