1
function init_load_image() {
4
* Copyright Ericsson AB 2007-2009. All Rights Reserved.
6
* The contents of this file are subject to the Erlang Public License,
7
* Version 1.1, (the "License"); you may not use this file except in
8
* compliance with the License. You should have received a copy of the
9
* Erlang Public License along with this software. If not, it can be
10
* retrieved online at http://www.erlang.org/.
12
* Software distributed under the License is distributed on an "AS IS"
13
* basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See
14
* the License for the specific language governing rights and limitations
20
function size_image(img, src) {
21
percept_content = document.getElementById("content");
22
var width = percept_content.offsetWidth - 120;
23
var imgfile = "/cgi-bin/percept_graph/" + src + "&width=" + width;
28
function load_image() {
2
29
var percept_graph = document.getElementById("percept_graph");
3
30
if (percept_graph) {
4
var percept_middle = document.getElementById("percept_middle");
5
var percept_graph_loading = document.getElementById("percept_graph_loading");
6
var width = percept_middle.offsetWidth;
7
percept_graph_loading.style.visibility = "hidden";
8
percept_graph.style.visibility = "visible";
9
// percept_graph.style.width = width - 40;
31
percept_content = document.getElementById("content");
32
var width = percept_content.offsetWidth - 50;
33
var height = max(screen.height - 550, 600);
34
var rmin = document.form_area.data_min.value;
35
var rmax = document.form_area.data_max.value;
37
percept_graph.style.backgroundImage = "url('/cgi-bin/percept_graph/graph" +
38
"?range_min=" + rmin +
39
"&range_max=" + rmax +
41
"&height=" + height + "')";
42
percept_graph.style.width = width;
43
percept_graph.style.height = height;
13
function select_image() {
47
function select_image() {
14
48
var Graph = document.getElementById("percept_graph");
16
50
var GraphIndex = document.form_area.graph_select.selectedIndex;
17
51
var GraphSelectValue = document.form_area.graph_select.options[GraphIndex].value;
18
52
Graph.style.backgroundImage = "url('" + GraphSelectValue +"')";
22
function select_down(event) {
56
function select_down(event) {
23
57
var Graf = document.getElementById("percept_graph");
24
58
var Area = document.getElementById("percept_areaselect");
25
59
var x = event.offsetX?(event.offsetX):event.pageX-Graf.offsetLeft;
62
var width = Graf.offsetWidth;
63
var height = Graf.offsetHeight;
66
var Xmin = document.form_area.data_min.value;
67
var Xmax = document.form_area.data_max.value;
36
var width = Graf.offsetWidth;
37
var Xmin = document.form_area.data_min.value;
38
var Xmax = document.form_area.data_max.value;
75
if ( x > width - margin ) {
39
79
Area.style.left = x;
40
Area.style.top = Graf.offsetHeight - 20;
80
Area.style.top = height - margin;
41
81
Area.style.width = 1;
42
Area.style.height = 10;
82
Area.style.height = margin;
43
83
Area.moving = true;
44
84
Area.bgcolor = "#00ff00";
45
85
Area.style.visibility = "visible";
46
//var RangeMin = (( (x - 20)* (Xmax - Xmin)/(width - 40)) + Xmin*1);
47
var RangeMin = convert_image2graph(x, Xmin, Xmax, 20, 680);
48
Area.style.opacity = 0.5;
49
Area.style.filter = 'alpha(opacity=50)';
86
Area.style.borderRight = "1px solid #000"
87
Area.style.borderLeft = "1px solid #000"
88
Area.style.opacity = 0.65;
89
Area.style.filter = 'alpha(opacity=65)';
90
var RangeMin = convert_image2graph(x, Xmin, Xmax, margin, width - margin);
50
91
if (RangeMin == 0) document.form_area.range_min.value = 0.0;
51
92
else document.form_area.range_min.value = RangeMin;
54
function select_move(event) {
95
function select_move(event) {
55
96
var Graf = document.getElementById("percept_graph");
56
97
var Area = document.getElementById("percept_areaselect");
57
98
var x = event.offsetX?(event.offsetX):event.pageX-Graf.offsetLeft;
58
100
if (Area.moving == true) {
70
102
var width = Graf.offsetWidth;
103
var height = Graf.offsetHeight;
71
105
var Xmin = document.form_area.data_min.value;
72
106
var Xmax = document.form_area.data_max.value;
114
if ( x > width - margin ) {
73
118
var x0 = min(x, Area.offsetLeft);
74
119
var x1 = max(x, Area.offsetLeft);
75
120
var w = (x1 - x0);
76
121
Area.style.left = x0;
77
122
Area.style.width = w;
78
var RangeMin = convert_image2graph(x0, Xmin, Xmax, 20, 680);
79
var RangeMax = convert_image2graph(x1, Xmin, Xmax, 20, 680);
80
// var RangeMin = (((x0 - 20)*(Xmax - Xmin)/(width - 20)) + Xmin*1.0);
81
// var RangeMax = (((x1 - 20)*(Xmax - Xmin)/(width - 20)) + Xmin*1.0);
82
Area.style.opacity = 0.5;
123
var RangeMin = convert_image2graph(x0, Xmin, Xmax, margin, width - margin);
124
var RangeMax = convert_image2graph(x1, Xmin, Xmax, margin, width - margin);
83
125
Area.style.visibility = "visible";
85
127
if (RangeMin == 0) document.form_area.range_min.value = 0.0;
87
129
if (RangeMax == 0) document.form_area.range_max.value = 0.0;
88
130
else document.form_area.range_max.value = RangeMax;
91
function select_up(event) {
134
function select_up(event) {
92
135
var Graf = document.getElementById("percept_graph");
93
136
var Area = document.getElementById("percept_areaselect");
94
137
var x = event.offsetX?(event.offsetX):event.pageX-Graf.offsetLeft;
104
140
var width = Graf.offsetWidth;
141
var height = Graf.offsetHeight;
143
var Xmin = document.form_area.data_min.value;
144
var Xmax = document.form_area.data_max.value;
152
if ( x > width - margin ) {
105
156
var w = (x - Area.style.offsetLeft);
106
var Xmin = document.form_area.data_min.value;
107
var Xmax = document.form_area.data_max.value;
108
158
Area.moving = false;
109
159
Area.style.width = w;
110
var RangeMax = convert_image2graph(x, Xmin, Xmax, 20, 680);
111
// var RangeMax = (((x - 20)*(Xmax - Xmin)/(width - 40)) + Xmin*1.0);
160
var RangeMax = convert_image2graph(x, Xmin, Xmax, margin, width - margin);
112
161
if (RangeMax == 0) document.form_area.range_max.value = 0.0;
113
162
else document.form_area.range_max.value = RangeMax;
116
166
if (A > B) return B;
120
171
if (A > B) return A;
123
function convert_image2graph(X, Xmin, Xmax, X0, X1) {
175
function convert_image2graph(X, Xmin, Xmax, X0, X1) {
124
176
var ImageWidth = X1 - X0;
125
177
var RangeWidth = Xmax - Xmin;
126
178
var DX = RangeWidth/ImageWidth;
127
179
var Xprime = (X - X0)*DX + Xmin*1.0;
130
// var RangeMin = (((x0 - 20)*(Xmax - Xmin)/(width - 20)) + Xmin*1.0);