Template:Tf motif cytoscapenw: Difference between revisions
From FANTOM5_SSTAR
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
<select id="cyto_layout" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"> | <select id="cyto_layout" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"> | ||
<option value="Preset">Preset</option> | <option value="Preset">Preset</option> | ||
<option value="ForceDirected">Force Directed</option> | <option value="ForceDirected" selected>Force Directed</option> | ||
<option value="Circle">Circle</option> | <option value="Circle">Circle</option> | ||
<option value="Radial">Radial</option> | <option value="Radial">Radial</option> | ||
| Line 28: | Line 28: | ||
</div> | </div> | ||
<div id="filter_panel"> | <div id="filter_panel"> | ||
<div> | |||
<label class="filter">Show edges:</label> | <label class="filter">Show edges:</label> | ||
<input type="checkbox" id="cyto_edges_binds_to" checked>TF->MOTIF</input> | <div id="edge_type_filter"> | ||
<input type="checkbox" id="cyto_edges_binds_to" value="binds_to" checked>TF->MOTIF</input> | |||
<br /><input type="checkbox" id="cyto_edges_promotes" value="promotes" checked>Promoters</input> | |||
</div> | |||
<div id="z_filter" class="slider">Promoter Z-Score:</div> | |||
<p /> | <p /> | ||
<div id="degree_filter" class="slider">Motif degree:</div> | |||
<div id="tf_indegree_filter" class="slider">TF indegree:</div> | |||
<div id="nodes_type_filter"> | |||
<label class="filter">TF outdegree:</label> | |||
<input type="checkbox" id="cyto_nodes_tf_src" value="tf" checked>Source (Outdegree > 0)</input> | |||
<br /><input type="checkbox" id="cyto_nodes_tf" value="tf" checked>Target (Outdegree = 0)</input> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
<div id="properties_panel_nodes" class="properties_panel"> | <div id="properties_panel_nodes" class="properties_panel scrollable"> | ||
<div> | <div> | ||
<button id="btn_show_select_nodes" class="rt_btn">Show only | <button id="btn_show_all_nodes" class="rt_btn">Show all nodes</button> | ||
<button id="btn_show_select_nodes" class="rt_btn">Show only selected nodes</button> | |||
<p /><table id="nodes_list" class="wikitable"> | <p /><table id="nodes_list" class="wikitable"> | ||
</table> | </table> | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="properties_panel_edges" class="properties_panel"> | <div id="properties_panel_edges" class="properties_panel scrollable"> | ||
<div> | <div> | ||
<button id="btn_show_select_edges" class="rt_btn">Show only | <button id="btn_show_all_edges" class="rt_btn">Show all edges</button> | ||
<button id="btn_show_select_edges" class="rt_btn">Show only selected edges</button> | |||
<p /><table id="edges_list" class="wikitable"> | <p /><table id="edges_list" class="wikitable"> | ||
</table> | </table> | ||
| Line 94: | Line 103: | ||
<!-- F5 Cytoscape app --> | <!-- F5 Cytoscape app --> | ||
<link href="/resource_browser/nwfiles/ | <link href="/resource_browser/nwfiles/f5_cytoview_2.css" rel="stylesheet"/> | ||
<script type="text/javascript" src="/resource_browser/nwfiles/ | <script type="text/javascript" src="/resource_browser/nwfiles/f5_cytoview_5.js"></script> | ||
<!-- Data Loading Section --> | <!-- Data Loading Section --> | ||
| Line 101: | Line 110: | ||
// Load Data | // Load Data | ||
var durl = "/resource_browser/nwfiles/</html>{{{CNhs}}}.{{{FFid}}}.xgmml<html>"; | var durl = "/resource_browser/nwfiles/</html>{{{CNhs}}}.{{{FFid}}}.xgmml<html>"; | ||
//var durl = "/resource_browser/nwfiles/ | //var durl = "/resource_browser/nwfiles/CNhs10630.10024-101D6.xgmml" | ||
var request = new XMLHttpRequest(); | var request = new XMLHttpRequest(); | ||
