Team:Edinburgh/results

From 2009.igem.org

(Difference between revisions)
Line 9: Line 9:
<head>
<head>
-
<script type="text/javascript" src="https://2009.igem.org/Team:Edinburgh/tableclothjs?action=raw"></script>
+
<script type="text/javascript">
 +
this.tablecloth = function(){
 +
 +
// CONFIG
 +
 +
// if set to true then mouseover a table cell will highlight entire column (except sibling headings)
 +
var highlightCols = true;
 +
 +
// if set to true then mouseover a table cell will highlight entire row (except sibling headings)
 +
var highlightRows = true;
 +
 +
// if set to true then click on a table sell will select row or column based on config
 +
var selectable = true;
 +
 +
// this function is called when
 +
// add your own code if you want to add action
 +
// function receives object that has been clicked
 +
this.clickAction = function(obj){
 +
//alert(obj.innerHTML);
 +
 +
};
 +
 
 +
 
 +
 +
// END CONFIG (do not edit below this line)
 +
 +
 +
var tableover = false;
 +
this.start = function(){
 +
var tables = document.getElementsByTagName("table");
 +
for (var i=0;i<tables.length;i++){
 +
tables[i].onmouseover = function(){tableover = true};
 +
tables[i].onmouseout = function(){tableover = false};
 +
rows(tables[i]);
 +
};
 +
};
 +
 +
this.rows = function(table){
 +
var css = "";
 +
var tr = table.getElementsByTagName("tr");
 +
for (var i=0;i<tr.length;i++){
 +
css = (css == "odd") ? "even" : "odd";
 +
tr[i].className = css;
 +
var arr = new Array();
 +
for(var j=0;j<tr[i].childNodes.length;j++){
 +
if(tr[i].childNodes[j].nodeType == 1) arr.push(tr[i].childNodes[j]);
 +
};
 +
for (var j=0;j<arr.length;j++){
 +
arr[j].row = i;
 +
arr[j].col = j;
 +
if(arr[j].innerHTML == "&nbsp;" || arr[j].innerHTML == "") arr[j].className += " empty";
 +
arr[j].css = arr[j].className;
 +
arr[j].onmouseover = function(){
 +
over(table,this,this.row,this.col);
 +
};
 +
arr[j].onmouseout = function(){
 +
out(table,this,this.row,this.col);
 +
};
 +
arr[j].onmousedown = function(){
 +
down(table,this,this.row,this.col);
 +
};
 +
arr[j].onmouseup = function(){
 +
up(table,this,this.row,this.col);
 +
};
 +
arr[j].onclick = function(){
 +
click(table,this,this.row,this.col);
 +
};
 +
};
 +
};
 +
};
 +
 +
// appyling mouseover state for objects (th or td)
 +
this.over = function(table,obj,row,col){
 +
if (!highlightCols && !highlightRows) obj.className = obj.css + " over"; 
 +
if(check1(obj,col)){
 +
if(highlightCols) highlightCol(table,obj,col);
 +
if(highlightRows) highlightRow(table,obj,row);
 +
};
 +
};
 +
// appyling mouseout state for objects (th or td)
 +
this.out = function(table,obj,row,col){
 +
if (!highlightCols && !highlightRows) obj.className = obj.css;
 +
unhighlightCol(table,col);
 +
unhighlightRow(table,row);
 +
};
 +
// appyling mousedown state for objects (th or td)
 +
this.down = function(table,obj,row,col){
 +
obj.className = obj.css + " down"; 
 +
};
 +
// appyling mouseup state for objects (th or td)
 +
this.up = function(table,obj,row,col){
 +
obj.className = obj.css + " over"; 
 +
};
 +
// onclick event for objects (th or td)
 +
this.click = function(table,obj,row,col){
 +
if(check1){
 +
if(selectable) {
 +
unselect(table);
 +
if(highlightCols) highlightCol(table,obj,col,true);
 +
if(highlightRows) highlightRow(table,obj,row,true);
 +
document.onclick = unselectAll;
 +
}
 +
};
 +
clickAction(obj);
 +
};
 +
 +
this.highlightCol = function(table,active,col,sel){
 +
var css = (typeof(sel) != "undefined") ? "selected" : "over";
 +
var tr = table.getElementsByTagName("tr");
 +
for (var i=0;i<tr.length;i++){
 +
var arr = new Array();
 +
for(j=0;j<tr[i].childNodes.length;j++){
 +
if(tr[i].childNodes[j].nodeType == 1) arr.push(tr[i].childNodes[j]);
 +
};
 +
var obj = arr[col];
 +
if (check2(active,obj) && check3(obj)) obj.className = obj.css + " " + css;
 +
};
 +
};
 +
this.unhighlightCol = function(table,col){
 +
var tr = table.getElementsByTagName("tr");
 +
for (var i=0;i<tr.length;i++){
 +
var arr = new Array();
 +
for(j=0;j<tr[i].childNodes.length;j++){
 +
if(tr[i].childNodes[j].nodeType == 1) arr.push(tr[i].childNodes[j])
 +
};
 +
var obj = arr[col];
 +
if(check3(obj)) obj.className = obj.css;
 +
};
 +
};
 +
this.highlightRow = function(table,active,row,sel){
 +
var css = (typeof(sel) != "undefined") ? "selected" : "over";
 +
var tr = table.getElementsByTagName("tr")[row];
 +
for (var i=0;i<tr.childNodes.length;i++){
 +
var obj = tr.childNodes[i];
 +
if (check2(active,obj) && check3(obj)) obj.className = obj.css + " " + css;
 +
};
 +
};
 +
this.unhighlightRow = function(table,row){
 +
var tr = table.getElementsByTagName("tr")[row];
 +
for (var i=0;i<tr.childNodes.length;i++){
 +
var obj = tr.childNodes[i];
 +
if(check3(obj)) obj.className = obj.css;
 +
};
 +
};
 +
this.unselect = function(table){
 +
tr = table.getElementsByTagName("tr")
 +
for (var i=0;i<tr.length;i++){
 +
for (var j=0;j<tr[i].childNodes.length;j++){
 +
var obj = tr[i].childNodes[j];
 +
if(obj.className) obj.className = obj.className.replace("selected","");
 +
};
 +
};
 +
};
 +
this.unselectAll = function(){
 +
if(!tableover){
 +
tables = document.getElementsByTagName("table");
 +
for (var i=0;i<tables.length;i++){
 +
unselect(tables[i])
 +
};
 +
};
 +
};
 +
this.check1 = function(obj,col){
 +
return (!(col == 0 && obj.className.indexOf("empty") != -1));
 +
}
 +
this.check2 = function(active,obj){
 +
return (!(active.tagName == "TH" && obj.tagName == "TH"));
 +
};
 +
this.check3 = function(obj){
 +
return (obj.className) ? (obj.className.indexOf("selected") == -1) : true;
 +
};
 +
 +
start();
 +
 +
};
 +
 
 +
/* script initiates on page load. */
 +
window.onload = tablecloth;
 +
 
 +
</script>
<!--[if lt IE 7]>
<!--[if lt IE 7]>

Revision as of 00:34, 5 October 2009

Overall description
Abstract

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec nisi nec elit volutpat sollicitudin. Sed cursus venenatis egestas. In mollis vehicula dictum. Sed id lacus vitae tortor commodo pharetra porttitor ut purus. Nullam euismod urna at felis accumsan sit amet viverra leo fermentum. Phasellus ac molestie sapien. In in neque purus. Cras eget lorem arcu. Aliquam ornare tellus vel nisi commodo molestie. Aliquam aliquet magna nisl. Quisque velit nulla, adipiscing ut sagittis id, luctus viverra leo. Nam nunc nisl, euismod eu dignissim nec, eleifend ut augue. Phasellus tempor condimentum ipsum, ut molestie lorem suscipit vel. Nulla luctus turpis eget neque facilisis eget sodales ante tincidunt. Praesent congue lobortis mollis. Maecenas non augue id mi dignissim luctus. Donec quis volutpat lectus. Mauris condimentum sodales luctus. Nulla nec mauris sapien, eget gravida quam. Fusce vulputate risus eget diam elementum vel mattis nisi sagittis. Vivamus eget enim a nisl imperdiet aliquet commodo eget turpis. Aliquam nec mi ac neque tincidunt facilisis fringilla at sapien. Praesent in justo vel turpis hendrerit suscipit. Nullam nec magna leo, sed vulputate quam. Aliquam sollicitudin hendrerit erat at eleifend. Vivamus tincidunt felis vitae metus suscipit non volutpat neque tempus. Phasellus sagittis accumsan tellus, vitae pharetra ligula rhoncus vitae.
Title Title Title Title
Data Data Data Data
Data Data Data Data
Data Data Data Data
Data Data Data Data


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec nisi nec elit volutpat sollicitudin. Sed cursus venenatis egestas. In mollis vehicula dictum. Sed id lacus vitae tortor commodo pharetra porttitor ut purus. Nullam euismod urna at felis accumsan sit amet viverra leo fermentum. Phasellus ac molestie sapien. In in neque purus. Cras eget lorem arcu. Aliquam ornare tellus vel nisi commodo molestie. Aliquam aliquet magna nisl. Quisque velit nulla, adipiscing ut sagittis id, luctus viverra leo. Nam nunc nisl, euismod eu dignissim nec, eleifend ut augue. Phasellus tempor condimentum ipsum, ut molestie lorem suscipit vel. Nulla luctus turpis eget neque facilisis eget sodales ante tincidunt. Praesent congue lobortis mollis. Maecenas non augue id mi dignissim luctus. Donec quis volutpat lectus. Mauris condimentum sodales luctus.
Title Title Title Title Title Title Title Title Title Title Title Title
Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data


Here lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec nisi nec elit volutpat sollicitudin. Sed cursus venenatis egestas. In mollis vehicula dictum. Sed id lacus vitae tortor commodo pharetra porttitor ut purus. Nullam euismod urna at felis accumsan sit amet viverra leo fermentum. Phasellus ac molestie sapien. In in neque purus. Cras eget lorem arcu. Aliquam ornare tellus vel nisi commodo molestie. Aliquam aliquet magna nisl. Quisque velit nulla, adipiscing ut sagittis id, luctus viverra leo. Nam nunc nisl, euismod eu dignissim nec, eleifend ut augue. Phasellus tempor condimentum ipsum, ut molestie lorem suscipit vel. Nulla luctus turpis eget neque facilisis eget sodales ante tincidunt. Praesent congue lobortis mollis. Maecenas non augue id mi dignissim luctus. Donec quis volutpat lectus. Mauris condimentum sodales luctus. Cras eget lorem arcu. Aliquam ornare tellus vel nisi commodo molestie. Aliquam aliquet magna nisl. Quisque velit nulla, adipiscing ut sagittis id, luctus viverra leo. Donec quis volutpat lectus. Mauris condimentum sodales luctus. Cras eget lorem arcu. Aliquam ornare tellus vel nisi commodo molestie. Aliquam aliquet magna nisl. Quisque velit nulla, adipiscing ut sagittis id, luctus viverra leo.
Edinburgh University iGem Team 2009

Retrieved from "http://2009.igem.org/Team:Edinburgh/results"