Rev 16900 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 16900 | Rev 17351 | ||
---|---|---|---|
Line 378... | Line 378... | ||
378 | calc_div.id = \"calc_div\";\ |
378 | calc_div.id = \"calc_div\";\ |
379 | tooltip_div.appendChild(calc_div);\ |
379 | tooltip_div.appendChild(calc_div);\ |
380 | var label_x = \"x\";var label_y = \"y\";\ |
380 | var label_x = \"x\";var label_y = \"y\";\ |
381 | if( typeof(xaxislabel) !== 'undefined' ){label_x = xaxislabel;}\ |
381 | if( typeof(xaxislabel) !== 'undefined' ){label_x = xaxislabel;}\ |
382 | if( typeof(yaxislabel) !== 'undefined' ){label_y = yaxislabel;}\ |
382 | if( typeof(yaxislabel) !== 'undefined' ){label_y = yaxislabel;}\ |
383 | calc_div.innerHTML=\"<br |
383 | calc_div.innerHTML=\"<br><span style='font-style:italic;font-size:%dpx'>\"+label_x+\" : <input type='text' size='4' value='' id='calc_input_x' style='%s' /> \"+ label_y+\" : <input type='text' size='5' value='' id='calc_output_y' style='%s' readonly /><input id='calc_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;' /></span> \";\ |
384 | var calc_button = document.getElementById(\"calc_button\");\ |
384 | var calc_button = document.getElementById(\"calc_button\");\ |
385 | calc_button.addEventListener(\"mousedown\",show_it,false);\ |
385 | calc_button.addEventListener(\"mousedown\",show_it,false);\ |
386 | calc_button.addEventListener(\"touchstart\", function(e){ e.preventDefault();show_it(e.changedTouches[0]);},false);\ |
386 | calc_button.addEventListener(\"touchstart\", function(e){ e.preventDefault();show_it(e.changedTouches[0]);},false);\ |
387 | function show_it(){\ |
387 | function show_it(){\ |
388 | var x_value=document.getElementById(\"calc_input_x\").value;\ |
388 | var x_value=document.getElementById(\"calc_input_x\").value;\ |
Line 415... | Line 415... | ||
415 | var trace_context = trace_canvas.getContext(\"2d\");\ |
415 | var trace_context = trace_canvas.getContext(\"2d\");\ |
416 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
416 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
417 | var trace_div = document.createElement('div');\ |
417 | var trace_div = document.createElement('div');\ |
418 | trace_div.id = \"trace_div\";\ |
418 | trace_div.id = \"trace_div\";\ |
419 | tooltip_div.appendChild(trace_div);\ |
419 | tooltip_div.appendChild(trace_div);\ |
420 | trace_div.innerHTML = \"<br |
420 | trace_div.innerHTML = \"<br><span style='font-style:italic;font-size:%dpx'>\"+label_x+\" : <input type='text' size='4' value='' id='trace_input_x' style='%s' />\"+label_y+\" : <input type='text' size='5' value='' id='trace_input_y' style='%s' readonly /></span> \";\ |
421 | canvas_div.addEventListener(\"mousemove\",trace,false);\ |
421 | canvas_div.addEventListener(\"mousemove\",trace,false);\ |
422 | canvas_div.addEventListener(\"touchmove\",function(e){ e.preventDefault();trace(e.changedTouches[0]);},false);\ |
422 | canvas_div.addEventListener(\"touchmove\",function(e){ e.preventDefault();trace(e.changedTouches[0]);},false);\ |
423 | var fun = to_js_math(\"%s\");if(fun == null){return;};\ |
423 | var fun = to_js_math(\"%s\");if(fun == null){return;};\ |
424 | function eval_jsmath(x){return parseFloat(eval(fun));};\ |
424 | function eval_jsmath(x){return parseFloat(eval(fun));};\ |
425 | function trace(evt){\ |
425 | function trace(evt){\ |
Line 488... | Line 488... | ||
488 | if( typeof(yaxislabel) !== 'undefined' ){label_y = yaxislabel;}\ |
488 | if( typeof(yaxislabel) !== 'undefined' ){label_y = yaxislabel;}\ |
489 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
489 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
490 | var setlim_div = document.createElement('div');\ |
490 | var setlim_div = document.createElement('div');\ |
491 | setlim_div.id = \"setlim_div\";\ |
491 | setlim_div.id = \"setlim_div\";\ |
492 | tooltip_div.appendChild(setlim_div);\ |
492 | tooltip_div.appendChild(setlim_div);\ |
493 | setlim_div.innerHTML=\"<br |
493 | setlim_div.innerHTML=\"<br><span style='font-style:italic;font-size:%dpx'>\"+label_x+\"min = <input type='text' size='4' value='\"+xmin+\"' id='userinput_xmin' style='%s' /> \"+label_x+\"max = <input type='text' size='4' value='\"+xmax+\"' id='userinput_xmax' style='%s' /><br>\"+label_y+\"min = <input type='text' size='4' value='\"+ymin+\"' id='userinput_ymin' style='%s' /> \"+label_y+\"max = <input type='text' size='4' value='\"+ymax+\"' id='userinput_ymax' style='%s' /><br><input id='set_limits' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;' />\";\ |
494 | var setlimit_button = document.getElementById(\"set_limits\");\ |
494 | var setlimit_button = document.getElementById(\"set_limits\");\ |
495 | function set_limits(e){\ |
495 | function set_limits(e){\ |
496 | xmin = safe_eval(document.getElementById('userinput_xmin').value);\ |
496 | xmin = safe_eval(document.getElementById('userinput_xmin').value);\ |
497 | xmax = safe_eval(document.getElementById('userinput_xmax').value);\ |
497 | xmax = safe_eval(document.getElementById('userinput_xmax').value);\ |
498 | ymin = safe_eval(document.getElementById('userinput_ymin').value);\ |
498 | ymin = safe_eval(document.getElementById('userinput_ymin').value);\ |
Line 529... | Line 529... | ||
529 | if( wims_status == \"done\" ){return;};\ |
529 | if( wims_status == \"done\" ){return;};\ |
530 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
530 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
531 | var input_jsfunction_div = document.createElement('div');\ |
531 | var input_jsfunction_div = document.createElement('div');\ |
532 | input_jsfunction_div.id = \"input_jsfunction_div\"+input_cnt;\ |
532 | input_jsfunction_div.id = \"input_jsfunction_div\"+input_cnt;\ |
533 | tooltip_div.appendChild(input_jsfunction_div);\ |
533 | tooltip_div.appendChild(input_jsfunction_div);\ |
534 | input_jsfunction_div.innerHTML+=\"<br |
534 | input_jsfunction_div.innerHTML+=\"<br><span style='font-style:italic;font-size:%dpx;color:rgb(\"+stroke_color+\")'><b>\"+label+\" <input type='text' size='16' value='' id='\"+input_field+\"' style='\"+css_class+\"' /></b><input id='\"+update_button_id+\"' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='\"+delete_button_id+\"' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";\ |
535 | var update_button = document.getElementById(update_button_id);\ |
535 | var update_button = document.getElementById(update_button_id);\ |
536 | var delete_button = document.getElementById(delete_button_id);\ |
536 | var delete_button = document.getElementById(delete_button_id);\ |
537 | update_button.addEventListener(\"mousedown\",function(e){jsplot(canvas_plot_id,[rawmath(document.getElementById(input_field).value)],[line_width],[stroke_color],[stroke_opacity],[use_dashed],dashtype0,dashtype1,0,0,300,0,1);return;},false);\ |
537 | update_button.addEventListener(\"mousedown\",function(e){jsplot(canvas_plot_id,[rawmath(document.getElementById(input_field).value)],[line_width],[stroke_color],[stroke_opacity],[use_dashed],dashtype0,dashtype1,0,0,300,0,1);return;},false);\ |
538 | delete_button.addEventListener(\"mousedown\",function(e){clear_jsfunction(canvas_plot_id,input_field);return;},false);\ |
538 | delete_button.addEventListener(\"mousedown\",function(e){clear_jsfunction(canvas_plot_id,input_field);return;},false);\ |
539 | };\ |
539 | };\ |
Line 559... | Line 559... | ||
559 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
559 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
560 | var input_xy_div = document.createElement('div');\ |
560 | var input_xy_div = document.createElement('div');\ |
561 | input_xy_div.id = \"input_xy_div\";\ |
561 | input_xy_div.id = \"input_xy_div\";\ |
562 | tooltip_div.appendChild(input_xy_div);\ |
562 | tooltip_div.appendChild(input_xy_div);\ |
563 | var label_x = \"x\";var label_y = \"y\";\ |
563 | var label_x = \"x\";var label_y = \"y\";\ |
564 | input_xy_div.innerHTML=\"<br |
564 | input_xy_div.innerHTML=\"<br><span style='font-style:italic;font-size:%dpx'><b>( <input type='text' size='5' value='' id='userinput_x' style='%s' /> : <input type='text' size='5' value='' id='userinput_y' style='%s' /> )</b><input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";\ |
565 | var update_button = document.getElementById(\"update_button\");\ |
565 | var update_button = document.getElementById(\"update_button\");\ |
566 | var delete_button = document.getElementById(\"delete_button\");\ |
566 | var delete_button = document.getElementById(\"delete_button\");\ |
567 | update_button.addEventListener(\"mousedown\",function(e){update_me();redraw_userdraw();return;},false);\ |
567 | update_button.addEventListener(\"mousedown\",function(e){update_me();redraw_userdraw();return;},false);\ |
568 | delete_button.addEventListener(\"mousedown\",function(e){remove_last();return;},false);\ |
568 | delete_button.addEventListener(\"mousedown\",function(e){remove_last();return;},false);\ |
569 | };add_input_xy();",canvas_root_id,font_size,css_class,css_class); |
569 | };add_input_xy();",canvas_root_id,font_size,css_class,css_class); |
Line 576... | Line 576... | ||
576 | if( wims_status == \"done\" ){return;};\ |
576 | if( wims_status == \"done\" ){return;};\ |
577 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
577 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
578 | var input_x1y1x2y2_div = document.createElement('div');\ |
578 | var input_x1y1x2y2_div = document.createElement('div');\ |
579 | input_x1y1x2y2_div.id = \"input_x1y1x2y2_div\";\ |
579 | input_x1y1x2y2_div.id = \"input_x1y1x2y2_div\";\ |
580 | tooltip_div.appendChild(input_x1y1x2y2_div);\ |
580 | tooltip_div.appendChild(input_x1y1x2y2_div);\ |
581 | input_x1y1x2y2_div.innerHTML=\"<br |
581 | input_x1y1x2y2_div.innerHTML=\"<br><span style='font-size:%dpx'><b>( <input type='text' size='5' value='' id='userinput_x1' style='%s' /> : <input type='text' size='5' value='' id='userinput_y1' style='%s' /> ) ----- ( <input type='text' size='5' value='' id='userinput_x2' style='%s' /> : <input type='text' size='5' value='' id='userinput_y2' style='%s'/> )</b><input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;' /></span> \";\ |
582 | var update_button = document.getElementById(\"update_button\");\ |
582 | var update_button = document.getElementById(\"update_button\");\ |
583 | var delete_button = document.getElementById(\"delete_button\");\ |
583 | var delete_button = document.getElementById(\"delete_button\");\ |
584 | update_button.addEventListener(\"mousedown\",function(e){redraw_userdraw();return;},false);\ |
584 | update_button.addEventListener(\"mousedown\",function(e){redraw_userdraw();return;},false);\ |
585 | delete_button.addEventListener(\"mousedown\",function(e){remove_last();return;},false);\ |
585 | delete_button.addEventListener(\"mousedown\",function(e){remove_last();return;},false);\ |
586 | };add_input_x1y1x2y2();",canvas_root_id,font_size,css_class,css_class,css_class,css_class); |
586 | };add_input_x1y1x2y2();",canvas_root_id,font_size,css_class,css_class,css_class,css_class); |
Line 593... | Line 593... | ||
593 | if( wims_status == \"done\" ){return;};\ |
593 | if( wims_status == \"done\" ){return;};\ |
594 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
594 | var tooltip_div = document.getElementById(\"tooltip_placeholder_div%d\");\ |
595 | var input_xyr_div = document.createElement('div');\ |
595 | var input_xyr_div = document.createElement('div');\ |
596 | input_xyr_div.id = \"input_xyr_div\";\ |
596 | input_xyr_div.id = \"input_xyr_div\";\ |
597 | tooltip_div.appendChild(input_xyr_div);\ |
597 | tooltip_div.appendChild(input_xyr_div);\ |
598 | input_xyr_div.innerHTML=\"<br |
598 | input_xyr_div.innerHTML=\"<br><span style='font-style:italic;font-size:%dpx'><b>Center : ( <input type='text' size='5' value='' id='userinput_x' style='%s' /> : <input type='text' size='5' value='' id='userinput_y' style='%s' /> ) Radius : <input type='text' size='5' value='' id='userinput_r' style='%s' /></b><input id='update_button' type='button' value='OK' onclick='' style='color:red;background-color:lightblue;'/><input id='delete_button' type='button' value='NOK' onclick='' style='color:blue;background-color:red;'/></span> \";\ |
599 | var update_button = document.getElementById(\"update_button\");\ |
599 | var update_button = document.getElementById(\"update_button\");\ |
600 | var delete_button = document.getElementById(\"delete_button\");\ |
600 | var delete_button = document.getElementById(\"delete_button\");\ |
601 | update_button.addEventListener(\"mousedown\",function(e){redraw_userdraw();return;},false);\ |
601 | update_button.addEventListener(\"mousedown\",function(e){redraw_userdraw();return;},false);\ |
602 | delete_button.addEventListener(\"mousedown\",function(e){remove_last();return;},false);\ |
602 | delete_button.addEventListener(\"mousedown\",function(e){remove_last();return;},false);\ |
603 | };add_input_xyr();",canvas_root_id,font_size,css_class,css_class,css_class); |
603 | };add_input_xyr();",canvas_root_id,font_size,css_class,css_class,css_class); |