Pipette-Guide-96/header.html at master · liebermanlab/Pipette-Guide-96 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
function register(well) {

	row=Math.floor(well/12)
	column=well-(row*12)
	newregister=(13*(row+1))+column+1;
}


function changeBGC(well) {
    var x = document.getElementById("mytable").getElementsByTagName("td");
	register(well)
	x[newregister].style.backgroundColor ="black";

	var idx=wellorder.indexOf(well);
	wellorder.splice(idx, 1)
	register(wellorder[0])
	x[newregister].style.backgroundColor ="yellow";

}


//-->

</script>


<html lang="en">
  <head>

</head>
    <style>
    div
    {
    text-align: center;
    text-indent: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: x-large;
    vertical-align:top;
    }
    td.td
    {
                 border-width : 1px;
                 text-align:center;
				vertical-align:top;

    }

	td.border-side {
		text-align:center;
		border-left: solid 8px red;
		vertical-align:top;
	}
	td.border-bottom {
	  	text-align:center;
  		border-bottom : solid 8px red;
  		vertical-align:top;

	}
	td.column-label {
	  	text-align:center;
  		border-bottom : solid 8px red;
  		vertical-align:top;
  		font-size: x-large;

	}
	td.row-label {
	  	text-align:center;
  		border-right : solid 8px red;
  		vertical-align:top;
  		font-size: x-large;

	}
    td.border-both {
	  	text-align:center;
  		border-bottom : solid 8px red;
 		border-left: solid 8px red;
 		vertical-align:top;

	}
    </style>
  <body>
  <div>
    <table id = "mytable" width="100%" border="1" cellpadding="1" cellspacing="2" style="background-color: #FFFFFF;text-align:center;font-size: xx-large;">