diff options
Diffstat (limited to 'lib/percept/priv/server_root/scripts/percept_area_select.js')
| -rw-r--r-- | lib/percept/priv/server_root/scripts/percept_area_select.js | 181 |
1 files changed, 181 insertions, 0 deletions
diff --git a/lib/percept/priv/server_root/scripts/percept_area_select.js b/lib/percept/priv/server_root/scripts/percept_area_select.js new file mode 100644 index 0000000000..8d2e811122 --- /dev/null +++ b/lib/percept/priv/server_root/scripts/percept_area_select.js @@ -0,0 +1,181 @@ +/* + * %CopyrightBegin% + * + * Copyright Ericsson AB 2007-2009. All Rights Reserved. + * + * The contents of this file are subject to the Erlang Public License, + * Version 1.1, (the "License"); you may not use this file except in + * compliance with the License. You should have received a copy of the + * Erlang Public License along with this software. If not, it can be + * retrieved online at http://www.erlang.org/. + * + * Software distributed under the License is distributed on an "AS IS" + * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See + * the License for the specific language governing rights and limitations + * under the License. + * + * %CopyrightEnd% + */ + +function size_image(img, src) { + percept_content = document.getElementById("content"); + var width = percept_content.offsetWidth - 120; + var imgfile = "/cgi-bin/percept_graph/" + src + "&width=" + width; + img.src = imgfile; + img.onload = ''; +} + +function load_image() { + var percept_graph = document.getElementById("percept_graph"); + if (percept_graph) { + percept_content = document.getElementById("content"); + var width = percept_content.offsetWidth - 50; + var height = max(screen.height - 550, 600); + var rmin = document.form_area.data_min.value; + var rmax = document.form_area.data_max.value; + + percept_graph.style.backgroundImage = "url('/cgi-bin/percept_graph/graph" + + "?range_min=" + rmin + + "&range_max=" + rmax + + "&width=" + width + + "&height=" + height + "')"; + percept_graph.style.width = width; + percept_graph.style.height = height; + } +} + +function select_image() { + var Graph = document.getElementById("percept_graph"); + if (Graph) { + var GraphIndex = document.form_area.graph_select.selectedIndex; + var GraphSelectValue = document.form_area.graph_select.options[GraphIndex].value; + Graph.style.backgroundImage = "url('" + GraphSelectValue +"')"; + } +} + +function select_down(event) { + var Graf = document.getElementById("percept_graph"); + var Area = document.getElementById("percept_areaselect"); + var x = event.offsetX?(event.offsetX):event.pageX-Graf.offsetLeft; + x = x - 60; + + var width = Graf.offsetWidth; + var height = Graf.offsetHeight; + var margin = 20; + + var Xmin = document.form_area.data_min.value; + var Xmax = document.form_area.data_max.value; + + // Trim edges + + if ( x < margin ) { + x = margin; + } + + if ( x > width - margin ) { + x = width - margin; + } + + Area.style.left = x; + Area.style.top = height - margin; + Area.style.width = 1; + Area.style.height = margin; + Area.moving = true; + Area.bgcolor = "#00ff00"; + Area.style.visibility = "visible"; + Area.style.borderRight = "1px solid #000" + Area.style.borderLeft = "1px solid #000" + Area.style.opacity = 0.65; + Area.style.filter = 'alpha(opacity=65)'; + var RangeMin = convert_image2graph(x, Xmin, Xmax, margin, width - margin); + if (RangeMin == 0) document.form_area.range_min.value = 0.0; + else document.form_area.range_min.value = RangeMin; +} + + function select_move(event) { + var Graf = document.getElementById("percept_graph"); + var Area = document.getElementById("percept_areaselect"); + var x = event.offsetX?(event.offsetX):event.pageX-Graf.offsetLeft; + x = x - 60; + if (Area.moving == true) { + + var width = Graf.offsetWidth; + var height = Graf.offsetHeight; + var margin = 20; + var Xmin = document.form_area.data_min.value; + var Xmax = document.form_area.data_max.value; + + // Trim edges + + if ( x < margin ) { + x = margin; + } + + if ( x > width - margin ) { + x = width - margin; + } + + var x0 = min(x, Area.offsetLeft); + var x1 = max(x, Area.offsetLeft); + var w = (x1 - x0); + Area.style.left = x0; + Area.style.width = w; + var RangeMin = convert_image2graph(x0, Xmin, Xmax, margin, width - margin); + var RangeMax = convert_image2graph(x1, Xmin, Xmax, margin, width - margin); + Area.style.visibility = "visible"; + + if (RangeMin == 0) document.form_area.range_min.value = 0.0; + else document.form_area.range_min.value = RangeMin; + if (RangeMax == 0) document.form_area.range_max.value = 0.0; + else document.form_area.range_max.value = RangeMax; + } +} + +function select_up(event) { + var Graf = document.getElementById("percept_graph"); + var Area = document.getElementById("percept_areaselect"); + var x = event.offsetX?(event.offsetX):event.pageX-Graf.offsetLeft; + + x = x - 60; + var width = Graf.offsetWidth; + var height = Graf.offsetHeight; + var margin = 20; + var Xmin = document.form_area.data_min.value; + var Xmax = document.form_area.data_max.value; + + // Trim edges + + if ( x < margin ) { + x = margin; + } + + if ( x > width - margin ) { + x = width - margin; + } + + var w = (x - Area.style.offsetLeft); + + Area.moving = false; + Area.style.width = w; + var RangeMax = convert_image2graph(x, Xmin, Xmax, margin, width - margin); + if (RangeMax == 0) document.form_area.range_max.value = 0.0; + else document.form_area.range_max.value = RangeMax; +} + +function min(A, B) { + if (A > B) return B; + else return A; +} + +function max(A,B) { + if (A > B) return A; + else return B; +} + +function convert_image2graph(X, Xmin, Xmax, X0, X1) { + var ImageWidth = X1 - X0; + var RangeWidth = Xmax - Xmin; + var DX = RangeWidth/ImageWidth; + var Xprime = (X - X0)*DX + Xmin*1.0; + return Xprime; +} |