Personal tools

User:Hisa/tabletest: Difference between revisions

From FANTOM5_SSTAR

Jump to: navigation, search
No edit summary
No edit summary
 
(50 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>


<script type="text/javascript" language="javascript" src="/resource_browser/rb_js/datatables/media/js/jquery.dataTables.js"></script>
 
<script type="text/javascript" charset="utf-8">
 
/* Data set - can contain whatever information you want */
 
var aDataSet =
 
[
 
<!-- tf enrich table: start-->
<style type="text/css" title="currentStyle">
@import "/resource_browser/rb_js/datatables/media/css/f5_rb_table.css";
</style>
<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">
$(document).ready(function() {
</html>
</html>
{{#ask:[[Category:FF Ontology]][[Sample_species::Mouse (Mus musculus)]]|?id|?Name|format=template|template=Datatable_sampledata|sep=,|limit=5000}}
{{#exptable_hg19_dtarr:
{{#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
|order=ASC}}
|hg19
}}
<html>
<html>
];
$(document).ready(function() {
$('#dynamic').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' );
$('#example').dataTable( {
"aaData": aDataSet,
"aoColumns": [
{ "sTitle": "FF sample ID",
              "fnRender": function(obj) {
                    var id = obj.aData[ obj.iDataColumn ];
                    return sReturn = "<a href=\"/resource_browser/"+id+"\">"+id+"</a>";
                }
},
{ "sTitle": "Name","sWidth": "80%"},
]
} );
} );
</script>




<div id="dynamic"></div>
$('#ffcp_tf_enrichscore').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="ffcp_tf_enrichscore_cont"></table>' );
var oTable = $('#ffcp_tf_enrichscore_cont').dataTable( {
"bProcessing": true,
// "sScrollX": "100%",
// "sScrollXInner": "150%",
 
        "sScrollY": "300px",
        "bPaginate": false,
        "bScrollCollapse": true,
"iDisplayLength": -1,
"aoColumns": cols,
"aaData": data,
"aaSorting": [[ 1, "desc" ]]
 
 
});
// hyperlink on column header
for(i1=1;i1<$("#ffcp_tf_enrichscore tr")[0].cells.length;i1++){
$("#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>";
}
 
// hyperlink on sample record
for(i1=1;i1<$("#ffcp_tf_enrichscore tr").length;i1++){
var cellcont = $("#ffcp_tf_enrichscore tr")[i1].cells[0].innerHTML;
$("#ffcp_tf_enrichscore tr")[i1].cells[0].innerHTML = "<a href=\"/resource_browser/FF:"+cellcont.split(".").pop()+"\">"+cellcont+"</a>";
}
 
 
//$("#ffcp_tf_enrichscore tbody td").not('.dt_sample_name').each(function(){
//var cval= $(this).innerHTML;
//$(this).css({background: 'yellow'});
//}
//);
 
 
 
 
});
 
</script>
 
 
<div id="debug" style="float:left;"></div>
<div id="ffcp_tf_enrichscore" style="float:left;"></div>




</html>
</html>

Latest revision as of 14:47, 17 May 2012