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
BioJS component to display Rhea reactions.
Version
1.0.0.
To get the above Biojs.Rheaction to work on your page, you need to do the following:
- Include the file Biojs.Rheaction.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.Rheaction.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.Rheaction into.
window.onload = function() {
var instance = new Biojs.Rheaction({
target: 'YourOwnDivId',
id: '21881'
});
};
Required Parameters
-
The ID of the DIV tag where the component should be displayed.
-
The Rhea ID, with or without 'RHEA:' prefix.
Optional Parameters
-
The dimensions of compound structure images (side of the square) in pixels.
Default: '200'
-
This component needs to request data from a web service. To bypass the same origin policy
(http://en.wikipedia.org/wiki/Same_origin_policy) this component needs a proxy.
You could use your own proxy by modifying this value or one of the BioJS proxies:
'../biojs/dependencies/proxy/proxy.php' or '../biojs/dependencies/proxy/proxy.jsp'
Default: '../biojs/dependencies/proxy/proxy.php'
setId
Sets and displays data for a new identifier.
Parameters:
-
{string} id
The identifier.
Example 1:
instance.setId("RHEA:10280");
Example 2:
instance.setId("10735");
Example 3:
instance.setId("RHEA:18476");
Example 4:
instance.setId("XXXXX");