Mercurial > repos > sblanck > smagexp
comparison MetaRNASeq_tpl.html @ 0:1024245abc70 draft
planemo upload for repository https://github.com/sblanck/smagexp/tree/master/smagexp_tools commit 5974f806f344dbcc384b931492d7f023bfbbe03b
author | sblanck |
---|---|
date | Thu, 22 Feb 2018 08:38:22 -0500 |
parents | |
children | 3ce32282f6a4 |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1024245abc70 |
---|---|
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | |
5 <meta name="viewport" content="width=device-width,initial-scale=1"> | |
6 <title>DataTables example - Ajax sourced data</title> | |
7 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css"> | |
8 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.1.0/css/buttons.dataTables.min.css"> | |
9 | |
10 <!--link rel="stylesheet" type="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> | |
11 <link rel="stylesheet" type="https://cdn.datatables.net/1.10.11/css/dataTables.bootstrap.min.css"--> | |
12 | |
13 <style type="text/css" class="init"> | |
14 | |
15 td.details-control { | |
16 background: url('../../../static/images/fugue/toggle-expand.png') no-repeat center center; | |
17 cursor: pointer; | |
18 } | |
19 tr.shown td.details-control { | |
20 background: url('../../../static/images/fugue/toggle.png') no-repeat center center; | |
21 } | |
22 | |
23 .dataTable th,.dataTable td { | |
24 | |
25 text-overflow: ellipsis; | |
26 max-width: 200px; | |
27 min-width: 40px; | |
28 -o-text-overflow: ellipsis; | |
29 -ms-text-overflow: ellipsis; | |
30 -moz-text-overflow: ellipsis; | |
31 width: 100px; | |
32 white-space:nowrap; | |
33 overflow: hidden; | |
34 | |
35 | |
36 padding: 10px; | |
37 | |
38 } | |
39 | |
40 | |
41 </style> | |
42 | |
43 <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"> | |
44 </script> | |
45 <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"> | |
46 </script> | |
47 <!--script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.min.js"> | |
48 </script--> | |
49 <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.1.0/js/dataTables.buttons.min.js"> | |
50 </script> | |
51 <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.1.0/js/buttons.flash.min.js"> | |
52 </script> | |
53 <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"> | |
54 </script> | |
55 <script type="text/javascript" language="javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"> | |
56 </script> | |
57 <script type="text/javascript" language="javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"> | |
58 </script> | |
59 <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.1.0/js/buttons.html5.min.js"> | |
60 </script> | |
61 <script type="text/javascript" class="init"> | |
62 | |
63 var dataSet=###DATAJSON###; | |
64 var fishsummarySet=###FISHSUMMARYJSON###; | |
65 var invsummarySet=###INVSUMMARYJSON###; | |
66 | |
67 $(document).ready(function() { | |
68 var table = $('#example').DataTable( { | |
69 "scrollX": true, | |
70 data: dataSet, | |
71 "columns": [ | |
72 {title : "ID" }, | |
73 {title : "Fishercomb" }, | |
74 {title : "Invnormcomb" }, | |
75 {title : "Sign" }, | |
76 ], | |
77 "order": [[0, 'asc']], | |
78 dom: 'Bfrtlip', | |
79 buttons: [ | |
80 'copy', 'csv', 'excel' | |
81 ] | |
82 | |
83 } ); | |
84 | |
85 } ); | |
86 | |
87 | |
88 | |
89 $(document).ready(function() { | |
90 $('#fishsummary').DataTable( { | |
91 "columnDefs": [ | |
92 { className: "dt-center", targets: '_all' }], | |
93 "paging": false, | |
94 "ordering": false, | |
95 "info": false, | |
96 "searching": false, | |
97 data: fishsummarySet, | |
98 "columns": [ | |
99 {title : "DE" }, | |
100 {title : "IDD" }, | |
101 {title : "Loss" }, | |
102 {title : "IDR" }, | |
103 {title : "IRR" } | |
104 | |
105 | |
106 ] | |
107 | |
108 } ); | |
109 } ); | |
110 | |
111 $(document).ready(function() { | |
112 $('#invsummary').DataTable( { | |
113 "columnDefs": [ | |
114 { className: "dt-center", targets: '_all' } | |
115 ], | |
116 "paging": false, | |
117 "ordering": false, | |
118 "info": false, | |
119 "searching": false, | |
120 data: invsummarySet, | |
121 "columns": [ | |
122 {title : "DE" }, | |
123 {title : "IDD" }, | |
124 {title : "Loss" }, | |
125 {title : "IDR" }, | |
126 {title : "IRR" } | |
127 | |
128 | |
129 ] | |
130 | |
131 } ); | |
132 } ); | |
133 | |
134 | |
135 | |
136 </script> | |
137 </head> | |
138 | |
139 <body> | |
140 | |
141 <table><tr><td> | |
142 <h2>Venn diagram</h2> | |
143 <img src='###VENN###' height="400" width="400"><br/> | |
144 </td><td> | |
145 | |
146 </td></tr></table> | |
147 | |
148 <h2>Fisher combination summary</h2> | |
149 <table id="fishsummary" class="compact stripe row-border" cellspacing="0" width="100%"> </table> | |
150 </br> | |
151 | |
152 <h2>Invnorm combination summary</h2> | |
153 <table id="invsummary" class="compact stripe row-border" cellspacing="0" width="100%"> </table> | |
154 </br> | |
155 DE : Number of differentially expressed genes </br> | |
156 IDD (Integration Driven discoveries) : number of genes that are declared DE in the meta-analysis that were not identifed in any of the individual studies alone</br> | |
157 Loss : Number of genes that are identified DE in individual studies but not in meta-analysis </br> | |
158 IDR (Integration-driven Discovery Rate) : corresponding proportions of IDD </br> | |
159 IRR (Integration-driven Revision) : corresponding proportions of Loss</br> | |
160 <!--h2>Details</h2--> | |
161 | |
162 | |
163 | |
164 <!--table id="example" class="compact stripe row-border" cellspacing="0" width="100%"> | |
165 </table--> | |
166 </body> | |
167 </html> |