Step 2: Follow the Instructions

---

• - Download the quick_jump.js file and put it on your server
• - Copy the code below and paste it to your HTML page
• - 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, you will have:

<script type="text/javascript"> var BP_ontology_id = "1141" </script> <script src="quick_jump.js" type="text/javascript" charset="utf-8"> </script>

For more help visit NCBO Widget Wiki

Step 2: Follow the Instructions

---

• 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 file
• - On your form, for the fields where you want to use the term-selection widget, specify the class in the following format: bp_form_complete-{ontology_id}-{value}
  •   - For example, bp_form_complete-1032-uri will use NCI Thesaurus (ontology id is 1032) and will put the term URI in the field after the user selects the term from the pull-down list.
  •   - You can use the following values:
    •    - uri : put the complete URI of the term (e.g., http://bioportal.bioontology.org/visualize/39478/Common_Neoplasm);
    •    - shortid : put the short id of the term, as used in BioPortal (e.g., "Common_Neoplasm");
    •    - name : put the preferred name of the term (e.g., "Common Neoplasm");

Examples:
Example 1 (start typing the term name to get its full URI) <br/> <input type="text" name="a" class="bp_form_complete-1141-uri" size="100"/> Example 2 (get the ID for a term) <br/> <input type="text" name="b" class="bp_form_complete-1141-shortid" size="100"/> Example 3 (get the preferred name for a term) <br/> <input type="text" name="c" class="bp_form_complete-1141-name" size="100"/>

For more help visit NCBO Widget Wiki

Step 2: Follow the Instructions

---

Copy the code below and paste it to your HTML page

<script type="text/javascript"> var BP_ontology_id = "1141" </script> <script src="http://bioportal.bioontology.org/javascripts/widgets/feed_widget.js" type="text/javascript" charset="utf-8"> </script>

Referencing an ontology in your widgets

For more help visit NCBO Widget Wiki

Step 2: Follow the Instructions

---

Copy the code below and paste it to your HTML page

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="FlexoViz" width="100%" height="100%" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"> <param name="movie" value="http://keg.cs.uvic.ca/ncbo/flexviz/FlexoViz.swf?v=1.0.8" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="allowScriptAccess" value="always" /> <embed src="http://keg.cs.uvic.ca/ncbo/flexviz/FlexoViz.swf?v=1.0.8" bgcolor="#ffffff" width="100%" height="100%" name="FlexoViz" align="middle" play="true" loop="false" quality="high" allowScriptAccess="always" type="application/x-shockwave-flash" flashVars="widget=true&ontology=38990&server=http://rest.bioontology.org/bioportal/" pluginspage="http://www.adobe.com/go/getflashplayer"> </embed> </object>

If you want the visualization to be focused on a particular term in the ontology, you can add the term id to the parameters above. For example, to have the widget focus on Melanoma in NCI Thesaurus, replace the following line in the snippet above:
flashVars="widget=true&ontology=39478&server=http://rest.bioontology.org/bioportal/"
with
flashVars="widget=true&ontology=39478&nodeid=Melanoma&server=http://rest.bioontology.org/bioportal/"

For more help visit NCBO Widget Wiki