Browse JASPAR motifs: Difference between revisions
From FANTOM5_SSTAR
No edit summary |
No edit summary |
||
(13 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Loading|loadingimage=sprites.gif}}<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"> | <style type="text/css" title="currentStyle"> | ||
@import "/5/sstar/rb_js/html5button/datatables.css"; | @import "/5/sstar/rb_js/html5button/datatables.css"; | ||
Line 5: | Line 5: | ||
td.bgwhite { background-color: white}; | td.bgwhite { background-color: white}; | ||
</style> | </style> | ||
<script type="text/javascript" src="/5/sstar/rb_js/html5button/datatables | <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" 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({ | $('.jaspar_motif_list').DataTable({ | ||
dom: ' | dom: 'Blfrtp', | ||
lengthMenu: [[25, 50, -1], [25, 50, "All"]], | lengthMenu: [[25, 50, -1], [25, 50, "All"]], | ||
processing: true, | processing: true, | ||
Line 18: | Line 19: | ||
columnDefs: [ | columnDefs: [ | ||
{ targets: [0], type: "html-num"}, | { targets: [0], type: "html-num"}, | ||
{ targets: [1] | { targets: [1], width: "80px", className: "bgwhite"}, | ||
{ targets: [2], | { targets: [2], type: "html-num"}, | ||
], | ], | ||
columns: [ | columns: [ | ||
{ title: "JASPAR ID" }, | |||
{ title: "Logo" , | { title: "Logo" , | ||
render: function ( data, type, row, meta ) { | 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\">"; | return "<img src=\"/5/sstar/seqlogo/jaspar/" + $(row[0]).text() + ".png\" style=\"width:80px;height:20px;border:1px solid lightgrey\">"; | ||
} | }, | ||
orderable: false, | |||
}, | }, | ||
{ title: "name" } | { title: "name" } | ||
Line 37: | Line 39: | ||
</script> | </script> | ||
</html> | </html> | ||