Get a permanent link to this class
Ontologies
SENSOTWIN
Add SENSOTWIN Web Widgets to your site
Jump to
Type a class name from SENSOTWIN and jump to it in MatPortal
- Download the quick_jump.js file and put it on your server.
- Copy the code below and paste it to your HTML page
-
Note:
If you would like to use Quick Jump across multiple ontologies
-
You can enter a comma-separated list of ontology ids
var BP_ontology_id = "NCIt,SNOMEDCT"; -
You can set the variable to 'all' to search all ontologies in MatPortal:
var BP_ontology_id = "all";
-
You can enter a comma-separated list of ontology ids
-
To include definitions in the Jump To drop-down, add the following variable in Javascript:
var BP_include_definitions = true;
-
In the code that you just pasted, make sure to change the path to the quick_jump.js file to point to the location where you put the file (relative to your HTML file)
-
For example, if you put the quick_jump.js file in the same directory as your HTML file, this is the code you would use:
<div id="bp_quick_jump"></div> <script type="text/javascript"> var BP_ontology_id = "SENSOTWIN";</script> <script src="quick_jump.js" type="text/javascript" charset="utf-8"></script>
-
For example, if you put the quick_jump.js file in the same directory as your HTML file, this is the code you would use:
For more help visit Widget Wiki
Autocomplete
Fill your form fields with classes from SENSOTWIN
Example 1 (start typing the class name to get its full URI)
Example 2 (get the ID for a class)
Example 3 (get the preferred name for a class)
- Download the form_complete.js file and put it on your server.
- In the header for the page where you want the form field, include the form_complete.js In the header for the page where you want the form field, include the
-
On your form, for the fields where you want to use the class-selection widget, specify the field's class in the following format:
bp_form_complete-{ontology_id_list}-{value}-
For example,
bp_form_complete-NCIT-uriwill use a ontology (ontology id is acronym) and will put the class URI in the field after the user selects the class from the pull-down list.-
Note:
In addition to single ontology ids, you can use a list:
bp_form_complete-NCIT,NCBITAXON-uri -
OR
use 'all' to search across all MatPortal ontologies:
bp_form_complete-all-uri - The autocomplete widget accesses ontology content from the latest version of the ontology.
-
Note:
In addition to single ontology ids, you can use a list:
-
You can use the following parameters to select which value will be placed into the user-visible input field:
-
uriPut the complete URI of the class (e.g., http://www.w3.org/ns/prov#Agent ) -
shortidput the short id of the class, as used in MatPortal (e.g., "Common_Neoplasm"); -
nameput the preferred name of the class (e.g., "Common Neoplasm");
-
-
For example,
-
In addition to the input element you defined, there are four hidden form elements that are created and then set when a user selects a class from the list. For example, if you create a field with this code:
<input type="text" name="a" class="bp_form_complete-all-uri" size="100"/>
-
<input type="hidden" id="a_bioportal_preferred_name">
-
<input type="hidden" id="a_bioportal_concept_id">
-
<input type="hidden" id="a_bioportal_ontology_id">
-
<input type="hidden" id="a_bioportal_full_id">
- Additional parameters are documented on the NCBO Widget Wiki
For more help visit NCBO Widget Wiki
Visualization
Display a visualization for a given class/concept in SENSOTWIN
Copy the code below and paste it to your HTML page
<iframe frameborder="0" src="/widgets/visualization?ontology=SENSOTWIN&class=http%3A%2F%2Fwww.w3.org%2Fns%2Fprov%23Agent&apikey=YOUR_API_KEY"></iframe>
For more help visit NCBO Widget Wiki
Tree Widget
Display class/concept hiearchy tree with a search field for ontology SENSOTWIN
Copy the code below and paste it to your HTML page
<link rel="stylesheet" type="text/css" href="/widgets/jquery.ncbo.tree.css">
<script src="/widgets/jquery.ncbo.tree-2.0.2.js"></script>
<div id="widget_tree"></div>
var widget_tree = $("#widget_tree").NCBOTree({
apikey: "YOUR_API_KEY",
ontology: "SENSOTWIN"
});
You can also view a detailed demonstration
For more help visit Widget Wiki