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 represent one summary feature. Originally design to display protein expression information from the Human Protein Atlas (HPA)
Version 1.0.0.

Events

onFeatureSelected

Methods

Dependencies

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

Include the file Biojs.HpaSummaryFeature.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.6.4.js">

CSS stylesheet(s)

<link href="../biojs/css/Biojs.HpaSummaryFeature.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.HpaSummaryFeature into.

window.onload = function() {
var instance = new Biojs.HpaSummaryFeature({
	  target: 'YourOwnDivId',
	  title: 'HPA001012 Normal Tissue immunohistochemistry summary',
	  imageUrl: 'http://www.proteinatlas.org/images/1012/ihc_selected_medium.jpg',
	  imageTitle: 'Immunohistochemical staining of human lymph node shows strong cytoplasmic positivity in lymphoid cells outside reaction centra',
	  notes: ["Lymphoid tissues showed moderate to strong cytoplasmic positivity. Remaining normal cells were generally negative","Two (or more) antibodies yielding similar staining patterns which are consistent with available gene/protein characterization data","Expression summary: Selective cytoplasmic expression in lymphoid cells","Reliable score: High","Validation score: Supportive","67 normal tissues by immunohistochemistry"],
	  linkUrl:'http://www.proteinatlas.org/ENSG00000089820/normal',
	  linkTitle:'HPA original source',
	  width: '585px',
	  imageWidth: '150px'
});

};

Required Parameters

target | {string}

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

Title of the summary
imageUrl | {string}

URL of an image file with expression data
imageTitle | {string}

Title or description of an image file with expression data
notes | {string}

List of point including summary information for this feature
linkUrl | {string}

List of points including summary information for this feature
linkTitle | {string}

List of points including summary information for this feature
width | {string}

[900px] List of points including summary information for this feature
imageWidth | {string}

[200px] List of points including summary information for this feature

Optional Parameters

onFeatureSelected

Parameters:

{function} actionPerformed
A function which receives an Biojs.Event object as argument.

Returned data in the Biojs.Event object:

{Object} source
The component which did triggered the event.
{string} type
The name of the event.
{int} textSelected
Selected text.

Example :

instance.onTextSelected(
   function( objEvent ) {
      alert(objEvent.textSelected);
   }
);