Metacat

<!--  

<script language="Javascript" type="text/JavaScript" src="<%=STYLE_SKINS_URL%>/semtools/bioportal/form_complete.js"></script>

-->

<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/jsTree/_lib/jquery.js"></script>

<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/jsTree/_lib/jquery.cookie.js"></script>

<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/jsTree/jquery.jstree.js"></script>

<script language="Javascript" type="text/JavaScript"><!--

	// collect the filtering values we have so far

	// these are hidden input fields in the form for holding the selected values

	var entity = $("#activeEntitiesValue").val() ? $("#activeEntitiesValue").val() : "";

	var characteristic = $("#activeCharacteristicsValue").val() ? $("#activeCharacteristicsValue").val() : "";

	var protocol = $("#activeProtocolsValue").val() ? $("#activeProtocolsValue").val() : "";

	var measurement = $("#activeMeasurementsValue").val() ? $("#activeMeasurementsValue").val() : "";

	// TODO: remember the selected value for this when filtering by active domain

	var selectedNode = $("#" + divId).jstree("get_selected", $("#" + divId));

	var selectedNodeId = $(selectedNode).attr("id");

	//alert(divId + " selected node: " + selectedNodeId);

	// load the tree for the given div, passing in the other filtered values

		"<%=SERVLET_URL%>", 

		{

			'action': "getactivedomain",

			'class': class,

			'entity': entity,

			'characteristic': characteristic,

			'protocol': protocol,

			'measurement': measurement

		},

		// call back function when loading finishes

		function(response, status, xhr) {

			//alert("callback for: " + divId + " selected node: " + selectedNodeId);

			// error

			if (status == "error") {

				var msg = "Sorry but there was an error: ";

				$("#error").html(msg + xhr.status + " " + xhr.statusText);

			}

			// make it a js tree

			$(function () {

				$("#" + divId)

					.jstree({

						"ui" : {

							"select_limit" : 1,

							"select_multiple_modifier" : "alt",

							"selected_parent_close" : "select_parent"//,

							//"initially_select" : [ selectedNodeId ]

						},				

						//"core" : { "initially_open" : [ selectedNodeId ] },

						"plugins" : [ "themes", "html_data", "ui", "cookies" ]

					});

			});

			// TODO: try to select the original node after refresh with active domain

			//$("#" + divId).jstree("open_node", $(selectedNode));

			//$("#" + divId).jstree("select_node", $(selectedNode));

		});

	// we don't want to reload the source of the filtering request

	// but we do want to reload the other trees for active domains

	// we reload all of them if no source is given - first time the page loads

		source = $(source).attr("id");

function select(item) {

	// get the selected value, stored in the title attribute of the item <a> tag

	var value = $(item).attr("title");

	//alert("value: " + value);

	// get the parent div so we know what kind of class it is meant to filter

	// this is "the first parent of the class 'select'"

	var parent = $(item).parents("div.select:first");

	//alert("parent: " + parent);

	// set the value for the hidden input value

	// the input field of class "value" will hold it, this way we don't need to know the id

	var input = $(parent).children("input.value");

	$(input).val(value);

	//alert("input: " + input);

	// refresh the other trees for active domain after this filtering action

	// TODO actually do the active domain filtering when selection is made

	//initialize($(parent).children("div"));

}

function donothing() {}

--></script>

							<div class="select">

								<div name="activeMeasurements" id="activeMeasurements" multiple="multiple" size="5" style="width: 100%" onchange="initialize(this)">

									<p>loading...</p>

								</div>

								<input type="hidden" class="value" name="activeMeasurementsValue" id="activeMeasurementsValue"/>

								<input type="hidden" name="activeMeasurementsClass" id="activeMeasurementsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Measurement"/>

							</div>

							<div class="select">

								<div name="activeEntities" id="activeEntities" multiple="multiple" size="5" style="width: 216px" onchange="initialize(this)">

									<p>loading...</p>

								</div>

								<input type="hidden" class="value" name="activeEntitiesValue" id="activeEntitiesValue"/>

								<input type="hidden" name="activeEntitiesClass" id="activeEntitiesClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Entity"/>

							</div>

							<div class="select">

								<div name="activeCharacteristics" id="activeCharacteristics" multiple="multiple" size="5" style="width: 216px" onchange="initialize(this)">

									<p>loading...</p>

								</div>

								<input type="hidden" class="value" name="activeCharacteristicsValue" id="activeCharacteristicsValue"/>

								<input type="hidden" name="activeCharacteristicsClass" id="activeCharacteristicsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Characteristic"/>

							</div>

							<div class="select">

								<div name="activeProtocols" id="activeProtocols" multiple="multiple" size="5" style="width: 216px" onchange="initialize(this)">

									<p>loading...</p>

								</div>

								<input type="hidden" class="value" name="activeProtocolsValue" id="activeProtocolsValue" />

								<input type="hidden" name="activeProtocolsClass" id="activeProtocolsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Protocol"/>

							</div>