|
|
(21 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <html>
| | {{Known_motif|id=1}} |
| <title>known motifs</title>
| |
| <script type="text/javascript" src="/resource_browser/rb_js/datatables/media/js/jquery.dataTables.min.js"></script>
| |
| <style type="text/css" title="currentStyle">
| |
| @import "/resource_browser/rb_js/datatables/media/css/jquery.dataTables.css";
| |
| </style>
| |
| <script type="text/javascript">
| |
| var global_name="";
| |
| var motif_prefix="";
| |
| /* Formating function for row details */
| |
| | |
| $(document).ready(function() {
| |
| $('#example').dataTable( {
| |
| "aaData": [
| |
| {"0":"HOCOMOCO:ZFHX3_f1","1":"HOCOMOCO:ZFHX3_f1"},
| |
| {"0":"HOCOMOCO:ARI3A_f1","1":"HOCOMOCO:ARI3A_f1"},
| |
| {"0":"HOCOMOCO:HXD9_f1","1":"HOCOMOCO:HXD9_f1"},
| |
| {"0":"HOCOMOCO:PDX1_do","1":"HOCOMOCO:PDX1_do"},
| |
| {"0":"HOCOMOCO:HXD4_f1","1":"HOCOMOCO:HXD4_f1"},
| |
| {"0":"HOCOMOCO:HXC8_f1","1":"HOCOMOCO:HXC8_f1"},
| |
| {"0":"HOCOMOCO:LHX3_f1","1":"HOCOMOCO:LHX3_f1"},
| |
| {"0":"JASPAR:Nobox;MA0125.1","1":"JASPAR:Nobox;MA0125.1"},
| |
| {"0":"JASPAR:Nkx2-5;MA0063.1","1":"JASPAR:Nkx2-5;MA0063.1"}
| |
| ],
| |
| "aoColumns": [
| |
| { "sTitle": "motif type","fnRender": function(obj) {
| |
| var sReturn = obj.aData[ obj.iDataColumn ];
| |
| sReturn = sReturn.split(":");
| |
| return sReturn[0];
| |
| }
| |
| },
| |
| { "sTitle": "motif name", "fnRender": function ( obj ) {
| |
| var sReturn = obj.aData[ obj.iDataColumn ];
| |
| var SReturn_org = sReturn ;
| |
| global_name=SReturn_org ;
| |
| sReturn = sReturn.split(":");
| |
| var motif_prefix_tmp=sReturn[0];
| |
| if(motif_prefix_tmp =="JASPAR"){
| |
| sReturn = sReturn[1].split(";");
| |
| global_name=motif_prefix_tmp +"_motif:";
| |
| }
| |
| return '<a href=/resource_browser/User:Serkan/test2/'+global_name+sReturn[1]'>'+sReturn[1]+'</a>';}}
| |
| ,
| |
| { "sTitle": "Sequence logos", "mData": 1, "mRender": function (data) {
| |
| | |
| var number_prefix ="";
| |
| var SReturn_org = global_name;
| |
| motif_prefix = SReturn_org .split(":")[0];
| |
| var motif_id= SReturn_org .split(":")[1];
| |
| if(motif_prefix == "HOCOMOCO"){
| |
| number_prefix = "426";
| |
| }
| |
| else if(motif_prefix == "JASPAR"){
| |
| number_prefix = "130";
| |
| motif_id= SReturn_org .split(":")[1].split(";")[1];
| |
| }
| |
| else if(motif_prefix == "HOMER"){
| |
| number_prefix = "138";
| |
| }
| |
| else if(motif_prefix == "SWISSREGULON"){
| |
| number_prefix = "190";
| |
| }
| |
| else if(motif_prefix == "UNIPROBE"){
| |
| number_prefix = "413";
| |
| }
| |
| else if(motif_prefix == "ENCODE"){
| |
| number_prefix = "683";
| |
| }
| |
| | |
| motif_prefix = "KNOWN"+"_"+motif_prefix +"_"+number_prefix+"_201304";
| |
| return '<img src="/resource_browser/seqlogos/' +motif_prefix+"/"+ motif_id+ '.png" width ="80" height = "20">'; }
| |
| }
| |
| | |
| | |
| ]
| |
| } );
| |
| } );
| |
| </script>
| |
| | |
| </head>
| |
| <body>
| |
| <table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>
| |
|
| |
| </body>
| |
| | |
| </html>
| |