Component overview < BioJs

PLEASE NOTE: the above example is being affected by the CSS rules of this site. Click on 'view in window' to see the component by using its own CSS stylesheet(s) only.

View in window

Overview

Component to present UniProt disease information.
Version 1.0.0.

To get the above Biojs.UniProtDiseaseSummary to work on your page, you need to do the following:

Include the file Biojs.UniProtDiseaseSummary.js and its dependencies to your page header.

Biojs scripts

<script language="JavaScript" type="text/javascript" src="src/Biojs.js">

External script(s)

<script language="JavaScript" type="text/javascript" src="../biojs/dependencies/jquery/jquery-1.7.2.min.js">

CSS stylesheet(s)

<link href="../biojs/css/Biojs.UniProtDiseaseSummary.css" rel="stylesheet" type="text/css" />

Create a div tag which holds an unique identifier.

                                <body>
                                ...
                                <div id="YourOwnDivId" />
                                ...
                                </body>

Create a code snippet within a <script> tag and instance Biojs.UniProtDiseaseSummary into.

window.onload = function() {
var instance = new Biojs.UniProtDiseaseSummary({
	  target: 'YourOwnDivId',
		uniProtDasUrl: 'http://www.ebi.ac.uk/das-srv/uniprot/das/uniprot/features?segment=P08123;type=BS:01019',
		keywordFiltereing: ['osteogenesis','lipoblastoma'],
		proxyUrl: '../biojs/dependencies/proxy/proxy.php',		
		width: '100%',
		referencesColumnWidth: '150px',
		tableHeader: false,
		componentTitle: false
});

};

Required Parameters

target | {string}

Identifier of the DIV tag where the component should be displayed.
uniProtDasUrl | {string}

Url pointing to an XML including UniProt infomration in DAS format
keywordFiltereing | {string}

[['cancer','brain']] List of keywords to filter disease information
width | {string}

[100%] Defines the width of the component
referencesColumnWidth | {string}

[200px] Defines the width of the columns with reference links
tableHeader | {boolean}

Boolean value to control the display of the table header
componentTitle | {boolean}

Boolean value to control the display of the title of the component

Optional Parameters

proxyUrl | {string}

Since the same origin policy (http://en.wikipedia.org/wiki/Same_origin_policy) in the browsers Biojs include a proxy script in PHP which redirects Ajax requests from local to any other domain. You can use tour own proxy script by modifying this value.
Default: '../biojs/dependencies/proxy/proxy.php'

setUniProtDasUrl

Set an URL to start the query and visualization

Parameters:

{string} uniProtDasUrl
DAS XML

Example 1:

instance.setUniProtDasUrl("http://www.ebi.ac.uk/das-srv/uniprot/das/uniprot/features?segment=P37173;type=BS:01019");

Example 2:

instance.setUniProtDasUrl("http://www.ebi.ac.uk/das-srv/uniprot/das/uniprot/features?segment=P08123;type=BS:01019");

Biojs.UniProtDiseaseSummary showcase