Personal tools

User:Hisa/tabletest: Difference between revisions

From FANTOM5_SSTAR

Jump to: navigation, search
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 3: Line 3:


<html>
<html>




Line 10: Line 13:
@import "/resource_browser/rb_js/datatables/media/css/f5_rb_table.css";
@import "/resource_browser/rb_js/datatables/media/css/f5_rb_table.css";
</style>
</style>
<script type="text/javascript" language="javascript" src="/resource_browser/rb_js/datatables/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="/resource_browser/rb_js/datatables/media/js/jquery.dataTables.min.js"></script>
 
 
 
<script type="text/javascript" charset="utf-8">
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$(document).ready(function() {
</html>
</html>{{#exptable_hg19_dtarr:
{{#exptable_hg19_dtarr:
{{#ask:[[Category:FFCP]][[EntrezGene::1000]][[Species::Human (Homo sapiens)]]|?short_description|?id|?Phase1 expression|limit=1000|format=template|template=Exptable_imput|sep=$
{{#ask:[[Category:FFCP]][[EntrezGene::100]][[Species::Human (Homo sapiens)]]|?short_description|?id|?Phase1 expression|limit=10|format=template|template=Exptable_imput|sep=$
|sort=short_description
|sort=short_description
|order=DESC}}
|order=ASC}}
|hg19
|hg19
}}
}}
<html>
<html>
$('#ffcp_tf_enrichscore').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="ffcp_tf_enrichscore_cont"></table>' );
$('#ffcp_tf_enrichscore').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="ffcp_tf_enrichscore_cont"></table>' );
$('#ffcp_tf_enrichscore_cont').dataTable( {
var oTable = $('#ffcp_tf_enrichscore_cont').dataTable( {
"bProcessing": true,
"bProcessing": true,
// "sScrollX": "100%",
// "sScrollXInner": "150%",
         "sScrollY": "300px",
         "sScrollY": "300px",
         "bPaginate": false,
         "bPaginate": false,
Line 36: Line 47:
// hyperlink on column header
// hyperlink on column header
for(i1=1;i1<$("#ffcp_tf_enrichscore tr")[0].cells.length;i1++){
for(i1=1;i1<$("#ffcp_tf_enrichscore tr")[0].cells.length;i1++){
$("#ffcp_tf_enrichscore tr")[0].cells[i1].innerHTML = "<a href=\"/resource_browser/FFCP_PHASE1:Hg19::"+encodeURI(collinks.shift())+"\">"+$("#ffcp_tf_enrichscore tr")[0].cells[i1].innerHTML+"</a>";
$("#ffcp_tf_enrichscore tr")[0].cells[i1].innerHTML = "<a href=\"/resource_browser/index.php/FFCP_PHASE1:Hg19::"+encodeURI(collinks.shift())+"\">"+$("#ffcp_tf_enrichscore tr")[0].cells[i1].innerHTML+"</a>";
}
}


Line 52: Line 63:
//);
//);






Line 57: Line 70:


</script>
</script>
<!-- tf enrich table: end-->


<!-- top motif table: start-->
<script type="text/javascript" charset="utf-8">


var top_motif_d=
<div id="debug" style="float:left;"></div>
[
<div id="ffcp_tf_enrichscore" style="float:left;"></div>
</html>
{{#top_motifs_dtarr:
HNF4A_NR2F1,2:3.18450366489;ESRRA:2.63315509929;ZEB1:2.5915728042;FOXN1:2.35072647535;PAX2:2.31193040361;RXR{A,B,G}_{NR1H2,PPAR}dimers:2.2694092643;ATF4:2.19997604008;SNAI1..3:2.08612881781;FOXM1:2.08504951106;PDX1:1.99052891189;TBX4,5:1.87606945968;ATF5_CREB3:1.80657359091;HNF1A:1.76360033291;PPARG:1.73810790227;SP1:1.7106315154;NR6A1:1.70614392642;NFIX:1.65973758591;CREB1:1.61336416687;NR5A1,2:1.54149969552;FOSL2:1.5366103188;GTF2A1,2:1.31596141512;bHLH_family:1.25734734857;PAX8:1.19920494356;FOS_FOS{B,L1}_JUN{B,D}:1.16304348973;FOX{D1,D2}:1.11321842664;AR:1.09771252655;IRF1,2:1.08364495761;DMAP1_NCOR{1,2}_SMARC:0.987062702842;FOX{I1,J2}:0.976635010608
}}
<html>
];


$(document).ready(function() {
$('#top_motiftb').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="top_motiftb_cont"></table>' );
$('#top_motiftb_cont').dataTable( {
"sDom": '<"top_motif_toolbar">frtip',
        "sScrollY": "300px",
        "bPaginate": false,
        "bScrollCollapse": true,
"iDisplayLength": -1,
"aaData": top_motif_d,
"aoColumns": [
{ "sTitle": "Motifs","sWidth": "30px",
"fnRender": function(obj) {
var id = obj.aData[ obj.iDataColumn ].split("!");
return sReturn = "<a href=\"/resource_browser/"+id[0]+"\">"+id[1]+"</a>";
}
},
{ "sTitle": "[[Z-score]]","sWidth": "30px"},


],
"aaSorting": [[ 1, "desc" ]]
} );
$("div.top_motif_toolbar").html('<b>Top motif activities with MARA</b>');
$("div.top_motif_toolbar").css('border-width', '0 0 2px 0');
$("div.top_motif_toolbar").css('border-color', '#6495ED');
$("div.top_motif_toolbar").css('border-style', 'solid');
$("#top_motiftb thead th").css('line-height', '34px');
} );
</script>
<div id="test1"></div>
<div id="debug" style="float:left;"></div>
<div id="ffcp_tf_enrichscore" style="float:left;"></div>
<div id="top_motiftb" style="float:left;padding-left:15px;"></div>
<!-- top motif table: end-->
</html>
</html>

Latest revision as of 14:47, 17 May 2012