Browse JASPAR motifs: Difference between revisions
From FANTOM5_SSTAR
(Created page with "<html> <script type="text/javascript" src="/resource_browser/rb_js/datatables/media/js/jquery.dataTables.min.js"></script> <style type="text/css" title="currentStyle"> @imp...") |
No edit summary |
||
| (30 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | {{Loading|loadingimage=sprites.gif}}{{#ask:[[Category:JASPAR_motif]]|?=JASPAR ID|?=Logo|?name=name|format=ttable|class=jaspar_motif_list stripe cell-border order-column compact|limit=1100|searchlabel=|headers=hide}}<html> | ||
< | <style type="text/css" title="currentStyle"> | ||
@import "/5/sstar/rb_js/html5button/datatables.css"; | |||
@import "/5/sstar/rb_js/datatables/extras/TableTools/media/css/TableTools.css"; | |||
td.bgwhite { background-color: white}; | |||
</style> | |||
<script type="text/javascript" src="/5/sstar/rb_js/jquery-1.7.1.min.js"></script> | |||
<script type="text/javascript" src="/5/sstar/rb_js/html5button/datatables.js"></script> | |||
<script type="text/javascript" language="javascript" src="/5/sstar/rb_js/datatables/extras/TableTools/media/js/TableTools.js"></script> | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
$('.jaspar_motif_list'). | $('.jaspar_motif_list').DataTable({ | ||
" | dom: 'Blfrtp', | ||
lengthMenu: [[25, 50, -1], [25, 50, "All"]], | |||
processing: true, | |||
}); | scrollCollapse: true, | ||
autoWidth: false, | |||
buttons: ['copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5'], | |||
columnDefs: [ | |||
{ targets: [0], type: "html-num"}, | |||
{ targets: [1], width: "80px", className: "bgwhite"}, | |||
{ targets: [2], type: "html-num"}, | |||
], | |||
columns: [ | |||
{ title: "JASPAR ID" }, | |||
{ title: "Logo" , | |||
render: function ( data, type, row, meta ) { | |||
return "<img src=\"/5/sstar/seqlogo/jaspar/" + $(row[0]).text() + ".png\" style=\"width:80px;height:20px;border:1px solid lightgrey\">"; | |||
}, | |||
orderable: false, | |||
}, | |||
{ title: "name" } | |||
] | |||
}); | |||
$('.dataTables_scrollBody').css("resize", "vertical"); | |||
}); | }); | ||
</script> | </script> | ||
</html> | </html> | ||
