Browse JASPAR motifs: Difference between revisions
From FANTOM5_SSTAR
No edit summary |
No edit summary |
||
(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Loading|loadingimage=sprites.gif}} | {{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"> | <style type="text/css" title="currentStyle"> | ||
@import "/5/sstar/rb_js/datatables | @import "/5/sstar/rb_js/html5button/datatables.css"; | ||
@import "/5/sstar/rb_js/datatables/extras/TableTools/media/css/TableTools.css"; | @import "/5/sstar/rb_js/datatables/extras/TableTools/media/css/TableTools.css"; | ||
td.bgwhite { background-color: white}; | td.bgwhite { background-color: white}; | ||
</style> | </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').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"}, | ||
return | { 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"); | $('.dataTables_scrollBody').css("resize", "vertical"); | ||
}); | }); | ||
</script> | </script> | ||
</html> | </html> | ||