|
|
| (97 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <html>
| | {{#ask:[[:FFCP PHASE1:+]][[species::Human (Homo sapiens)]][[EntrezGene::-]]|format=count}} |
| <script type="text/javascript" language="javascript" src="/resource_browser/rb_js/datatables/media/js/jquery.dataTables.js"></script>
| |
| <script type="text/javascript" language="javascript" src="/resource_browser/rb_js/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
| |
| <script type="text/javascript" language="javascript" src="/resource_browser/rb_js/flot/jquery.flot.min.js"></script>
| |
| <style type="text/css" title="currentStyle">
| |
| @import "/resource_browser/rb_js/datatables/media/css/jquery.dataTables.css";
| |
| @import "/resource_browser/rb_js/datatables/extras/TableTools/media/css/TableTools.css";
| |
| table td.hover {background:#cffbfb;}
| |
|
| |
|
| </style>
| |
| <script type="text/javascript">
| |
|
| |
|
| $(document).ready(function() {
| | <html> |
| var oTable = $('.entrezene_explist').dataTable({
| | <img src="/resource_browser/seqlogos/known_motifs_201304/known1.png"> |
| "sScrollY": "300px",
| |
| "bScrollCollapse": true,
| |
| "iDisplayLength": -1,
| |
| "aLengthMenu": [[10, 25, 100, -1], [10, 25, 100, "All"]],
| |
| });
| |
| | |
| var oTableTools = new TableTools( oTable, {"sSwfPath": "/resource_browser/rb_js/datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf", "aButtons": [ {"sExtends": "copy", "mColumns": "visible"}, {"sExtends": "csv", "mColumns": "visible"}, {"sExtends": "pdf", "mColumns": "visible"} ]});
| |
| | |
| $('#export_tool').before( oTableTools.dom.container );
| |
| | |
| function drawchart(){
| |
| // var v2 = $("#dynamic tr")[3].cells[1];
| |
| | |
| /* collect sample
| |
| var sname = [];
| |
| for (var i1=1; i1<$('#dynamic tr').length; i1++) {
| |
| sname.push([$("#dynamic tr")[i1].cells[0].innerHTML]);
| |
| }*/
| |
| | |
| /* collect data */
| |
| var data = [];
| |
| for (var i2=1; i2<$("#dynamic tr")[0].cells.length; i2++){
| |
| var plots = [];
| |
| for (var i1=1; i1<$('#dynamic tr').length; i1++) {
| |
| plots.push([i1,$("#dynamic tr")[i1].cells[i2].innerHTML]);
| |
| }
| |
| data.push({"label": $("#dynamic tr")[0].cells[i2].innerHTML, "data": plots});
| |
| }
| |
| | |
| | |
| | |
| // $('#testv01').text("data: "+sname[1]); | |
| | |
| // var placeholder = $("#placeholder"); | |
| | |
| $.plot($("#placeholder"), data, {
| |
| lines : { show : false },
| |
| points : { show : true },
| |
| grid: { hoverable: true, clickable: true },
| |
| xaxis : { tickDecimals : 0, show: false }
| |
| }
| |
| );
| |
| | |
| }
| |
| | |
| drawchart();
| |
| | |
| // re-draw chart event
| |
| $("th").click(function() { drawchart(); } );
| |
| $('.entrezene_explist').bind('page', function() { drawchart(); } );
| |
| $('.entrezene_explist').bind('filter', function() { drawchart(); } );
| |
| $('#dynamic_length').change(function() { drawchart(); } );
| |
| | |
| | |
| // tooltip function start
| |
| function showTooltip(x, y, contents) {
| |
| $('<div id="tooltip">' + contents + '</div>').css( {
| |
| position: 'absolute',
| |
| display: 'none',
| |
| top: y + 5,
| |
| left: x + 5,
| |
| border: '1px solid #aaa',
| |
| padding: '2px',
| |
| 'background-color': '#fff',
| |
| opacity: 0.80
| |
| }).appendTo("body").fadeIn(200);
| |
| }
| |
| | |
| var previousPoint = null;
| |
| $("#placeholder").bind("plothover", function (event, pos, item) {
| |
| $("#x").text(pos.x.toFixed(2));
| |
| $("#y").text(pos.y.toFixed(2));
| |
| if (item) {
| |
| if (previousPoint != item.dataIndex) {
| |
| previousPoint = item.dataIndex;
| |
|
| |
| $("#tooltip").remove();
| |
| var x = item.datapoint[0].toFixed(0),
| |
| y = item.datapoint[1].toFixed(2);
| |
|
| |
| showTooltip(item.pageX, item.pageY,
| |
| "Sample: "+$("#dynamic tr")[x].cells[0].innerText+"<br>Phase1_expression: "+y);
| |
| }
| |
| }
| |
| else {
| |
| $("#tooltip").remove();
| |
| previousPoint = null;
| |
| }
| |
| });
| |
| // tooltip function end
| |
| | |
| // clicking point function
| |
| $("#placeholder").bind("plotclick", function (event, pos, item) {
| |
| $("#test").text(pos.x.toFixed(0));
| |
| //$('#dynamic tr')[5].children().css('background-color', '#eee');
| |
| $('#dynamic tr:even').css( 'background-color','#fc9');
| |
| | |
| });
| |
| | |
| | |
| } );
| |
| </script>
| |
| </html> | | </html> |
|
| |
|
| <span id="export_tool"></span>
| | https://f5-webapp3.gsc.riken.jp/resource_browser/seqlogos/known_motifs_201304/known1.png |
| <table class="entrezene_explist" id="dynamic"><html><thead></html>
| |
| <tr>
| |
| <th>sample</th>
| |
| <th>
| |
| {{#ask:[[Category:FFCP]][[EntrezGene::10]][[Species::Human (Homo sapiens)]]|?id|?short_description|limit=100|format=template|template=Entrezgene_cpphase1_exptable_header_hg19|sep=</th><th>}}
| |
| </th>
| |
| </tr><html></thead><tbody></html>
| |
| {{#exptable_hg19:
| |
| {{#ask:[[Category:FFCP]][[EntrezGene::10]][[Species::Human (Homo sapiens)]]
| |
| |?Phase1 expression
| |
| |limit=100
| |
| |format=list
| |
| |headers=hide
| |
| |sep=;;
| |
| |template=Ask1stprop
| |
| }}
| |
| }}
| |
| <html></tbody></html></table>
| |
|
| |
|
| <br><br>
| | http://fantom.gsc.riken.jp/5/sstar/seqlogo/novel/11.png |
| <h1>plot</h1>
| |
| <html>
| |
| <div id="placeholder" style="width:100%;height:300px;"></div>
| |
| <div id="test"></div>
| |
| </html>
| |
