Browse JASPAR motifs: Difference between revisions
From FANTOM5_SSTAR
mNo edit summary |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Loading|loadingimage=sprites.gif}}{{#ask:[[Category:JASPAR_motif]]| | {{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 6: | Line 6: | ||
</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/jquery-1.7.1.min.js"></script> | ||
<script type="text/javascript" src="/5/sstar/rb_js/html5button/datatables | <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 19: | Line 19: | ||
columnDefs: [ | columnDefs: [ | ||
{ targets: [0], type: "html-num"}, | { targets: [0], type: "html-num"}, | ||
{ targets: [1], width: "80px", className: "bgwhite"} | { targets: [1], width: "80px", className: "bgwhite"}, | ||
{ targets: [2], type: "html-num"}, | |||
], | ], | ||
columns: [ | columns: [ | ||
{ title: "JASPAR ID" }, | |||
{ title: "Logo" , | { 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, | orderable: false, | ||
}, | }, |