WebSVN – wimsdev – Diff – /trunk/wims/src/Misc/canvasdraw/canvasdraw.c

 char    *str_replace ( const char *word, const char *sub_word, const char *rep_word );
 char    *get_color(FILE *infile,int last); /* read hex-color or colorname -> hex */
 char    *get_string(FILE *infile,int last); /* get the string at the end of a command */
 char    *get_string_argument(FILE *infile,int last); /* the same, but with "comma" as  separator */
 char    *convert_hex2rgb(char *hexcolor);
-void    add_read_canvas(int reply_format,int reply_precision);
+void    add_read_canvas(int canvas_root_id,int reply_format,int reply_precision);
 void    make_js_include(int canvas_root_id);
 void    check_string_length(int length);/* checks if the length of string argument of command is correct */
 FILE    *js_include_file;
 FILE    *get_file(int *line_number, char **filename);
 FILE    *infile;    /* will be stdin */
         type = get_token(infile);
         done = FALSE;
         /*
         @canvasdraw
         @will try use the same syntax as flydraw or svgdraw to paint a html5 bitmap image<br />by generating a tailor-made javascript include file: providing only the js-functionality needed to perform the job.<br />thus ensuring a minimal strain on the client browser <br />(unlike some popular 'canvas-do-it-all' libraries, who have proven to be not suitable for low-end computers found in schools...)
-        @General syntax <ul><li>The transparency of all objects can be controlled by command 'opacity [0-255],[0,255]'</il><li>a line based object can be controlled by command 'linewidth int'</li><li>a line based object may be dashed by using keyword 'dashed' before the object command.<br />the dashing type can be controled by command 'dashtype int,int'</li><li>a fillable object can be set fillable by starting the object command with an 'f'<br />(like frect,fcircle,ftriangle...)<br />or by using the keyword 'filled' before the object command.<br />The fill colour will be the stroke colour...(19/10/2013)</li><li> all draggable objects may have a slider for translation / rotation; several objects may be translated / rotated by a single slider</li> <li> a draggable object can be set draggable by a preceding command 'drag x/y/xy'<br />The translation can be read by javascript:read_dragdrop();The replyformat is : object_number : x-orig : y-orig : x-drag : y-drag<br />The x-orig/y-orig will be returned in maximum precision (javascript float)...<br />the x-drag/y-drag will be returned in defined 'precision' number of decimals<br />Multiple objects may be set draggable / clickable (no limit)<br /> not all flydraw objects may be dragged / clicked<br />Only draggable / clickable objects will be scaled on zoom and will be translated in case of panning</li><li> a 'onclick object' can be set 'clickable' by the preceding keyword 'onclick'<br />not all flydraw objects can be set clickable</li><li><b>remarks using a ';' as command separator</b><br />commands with only numeric or colour arguments may be using a ';' as command separator (in stead of a new line)<br />commands with a string argument may not use a ';' as command separator !<br />these exceptions are not really straight forward... so keep this in mind.</li></ul>
+        @General syntax <ul><li>The transparency of all objects can be controlled by command 'opacity [0-255],[0,255]'</il><li>a line based object can be controlled by command 'linewidth int'</li><li>a line based object may be dashed by using keyword 'dashed' before the object command.<br />the dashing type can be controled by command 'dashtype int,int'</li><li>a fillable object can be set fillable by starting the object command with an 'f'<br />(like frect,fcircle,ftriangle...)<br />or by using the keyword 'filled' before the object command.<br />The fill colour will be the stroke colour...(19/10/2013)</li><li> all draggable objects may have a slider for translation / rotation; several objects may be translated / rotated by a single slider</li> <li> a draggable object can be set draggable by a preceding command 'drag x/y/xy'<br />The translation can be read by javascript:read_dragdrop();The replyformat is : object_number : x-orig : y-orig : x-drag : y-drag<br />The x-orig/y-orig will be returned in maximum precision (javascript float)...<br />the x-drag/y-drag will be returned in defined 'precision' number of decimals<br />Multiple objects may be set draggable / clickable (no limit)<br /> not all flydraw objects may be dragged / clicked<br />Only draggable / clickable objects will be scaled on zoom and will be translated in case of panning</li><li> a 'onclick object' can be set 'clickable' by the preceding keyword 'onclick'<br />not all flydraw objects can be set clickable</li><li><b>remarks using a ';' as command separator</b><br />commands with only numeric or colour arguments may be using a ';' as command separator (in stead of a new line)<br />commands with a string argument may not use a ';' as command separator !<br />these exceptions are not really straight forward... so keep this in mind.</li></ul>Note: for now just <b>one interactive</b> instance of canvasdraw is allowed <br />[e.g. using command 'userdraw' and function javascript:read_canvas()]<br />Aim is to allow multiple interactive instances of canvasdraw to exist in a single page (this will however call for a much more 'object oriented approach' and decent javascript programming...)
         */
         switch(type){
         case END:
         finished = 1;
         done = TRUE;
 /*
  The sequence in which stuff is finally printed is important !!
  for example, when writing a 'include.js" the may not be a "script tag <script>" etc etc
 */
-fprintf(stdout,"\n<script type=\"text/javascript\">var wims_status = \"$status\";</script>\n<!-- canvasdraw div and tooltip placeholder, if needed -->\n<div tabindex=\"0\" id=\"canvas_div%d\" style=\"position:relative;width:%dpx;height:%dpx;margin-left:auto;margin-right:auto;\" ></div><div id=\"tooltip_placeholder_div%d\" style=\"display:block;margin-bottom:4px;\"><span id=\"tooltip_placeholder%d\" style=\"display:none;\"></span></div>\n",canvas_root_id,xsize,ysize,canvas_root_id,canvas_root_id);
+fprintf(stdout,"\n<script type=\"text/javascript\">\
+if( typeof wims_status === 'undefined' ){ var wims_status = \"$status\";};\
+if( typeof use_dragdrop_reply === 'undefined' ){ var use_dragdrop_reply = false;};\
+if( typeof canvas_scripts === 'undefined' ){ var canvas_scripts = new Array();};\
+canvas_scripts.push(\"%d\");</script>\n\
-fprintf(stdout,"<!-- include actual object code via include file -->\n<script type=\"text/javascript\" src=\"%s\"></script>\n",getfile_cmd);
+<!-- canvasdraw div and tooltip placeholder, if needed -->\n<div tabindex=\"0\" id=\"canvas_div%d\" style=\"position:relative;width:%dpx;height:%dpx;margin-left:auto;margin-right:auto;\" ></div><div id=\"tooltip_placeholder_div%d\" style=\"display:block;margin-bottom:4px;\"><span id=\"tooltip_placeholder%d\" style=\"display:none;\"></span></div>\n",canvas_root_id,canvas_root_id,xsize,ysize,canvas_root_id,canvas_root_id);
+fprintf(stdout,"<!-- include actual object code via include file -->\n<script id=\"canvas_script%d\" type=\"text/javascript\" src=\"%s\"></script>\n",canvas_root_id,getfile_cmd);
 fprintf(js_include_file,"\n<!-- begin generated javascript include for canvasdraw -->\n\
 \"use strict\";\n\
 <!-- these variables and functions must be global -->\n\
-var read_dragdrop;\
+var read_dragdrop%d;\
-var read_canvas;\
+var read_canvas%d;\
 var set_clock;\
 var clear_draw_area;\
-var userdraw_x = [];var userdraw_y = [];var userdraw_radius = [];\n\
 var wims_canvas_function%d = function(){\n<!-- common used stuff -->\n\
+var userdraw_x = [];var userdraw_y = [];var userdraw_radius = [];\n\
 var xsize = %d;\
 var ysize = %d;\
 var precision = 100;\
 var canvas_div = document.getElementById(\"canvas_div%d\");\
 var create_canvas%d = function(canvas_type,size_x,size_y){var cnv;if(document.getElementById(\"wims_canvas%d\"+canvas_type)){ cnv = document.getElementById(\"wims_canvas%d\"+canvas_type);}else{try{ cnv = document.createElement(\"canvas\"); }catch(e){alert(\"Your browser does not support HTML5 CANVAS:GET FIREFOX !\");return;};canvas_div.appendChild(cnv);};cnv.width = size_x;cnv.height = size_y;cnv.style.top = 0;cnv.style.left = 0;cnv.style.position = \"absolute\";cnv.id = \"wims_canvas%d\"+canvas_type;return cnv;};\
 var use_pan_and_zoom = 0;\
 var use_jsmath = 0;\
 var xstart = 0;\
 var ystart = 0;\
 var unit_x=\" \";\
-var unit_y=\" \";",canvas_root_id,xsize,ysize,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
+var unit_y=\" \";",canvas_root_id,canvas_root_id,canvas_root_id,xsize,ysize,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id,canvas_root_id);
 /* default add the drag code : nearly always used ...*/
-add_drag_code(js_include_file,DRAG_CANVAS,canvas_root_id);
+  add_drag_code(js_include_file,DRAG_CANVAS,canvas_root_id);
             break;
         case XRANGE:
         /*
         @ xrange xmin,xmax
         @ if not given: 0,xsize (eg in pixels)
                     default: break;
+                }
+            }
             if(xmin >= xmax){canvas_error(" xrange is not OK : xmin &lt; xmax !\n");}
             fprintf(js_include_file,"var xmin = %f;var xmax = %f;",xmin,xmax);
             found_size_command++;
             break;
         case YRANGE:
         /*
         @ yrange ymin,ymax
         @ if not given 0,ysize (eg in pixels)
                 i++;
+            }
             decimals = find_number_of_digits(precision);
             for(c=0 ; c < i-1 ; c = c+2){
                 fprintf(js_include_file,"dragstuff.addShape(new Shape(%d,%d,%d,7,[%.*f],[%.*f],[%d],[%d],%d,\"%s\",%.2f,\"%s\",%.2f,%d,%d,%d,%d,%d,%.1f,\"%s\",%d,\"%s\",%d,%s,%d,%d));\n",click_cnt,onclick,drag_type,decimals,double_data[c],decimals,double_data[c+1],crosshair_size,crosshair_size,line_width,stroke_color,stroke_opacity,stroke_color,stroke_opacity,1,0,0,0,use_rotate,angle,flytext,font_size,font_family,use_affine,affine_matrix,slider,slider_cnt);
                 click_cnt++;
+            }
             reset();
             break;
         case POINT:
         /*
                         stroke_color = get_color(infile,1);/* name or hex color */
                         decimals = find_number_of_digits(precision);
                         double_data[3] = double_data[0] + (xmax - xmin)*double_data[2]/xsize;
                         double_data[4] = double_data[1] + -1*(ymax - ymin)*double_data[2]/ysize;
                         fprintf(js_include_file,"dragstuff.addShape(new Shape(%d,%d,%d,1,[%.*f,%.*f,%.*f,%.*f],[%.*f,%.*f,%.*f,%.*f],[%d],[%d],%d,\"%s\",%.2f,\"%s\",%.2f,%d,%d,%d,%d,%d,%.1f,\"%s\",%d,\"%s\",%d,%s,%d,%d));\n",click_cnt,onclick,drag_type,decimals,double_data[0],decimals,double_data[3],decimals,double_data[3],decimals,double_data[0],decimals,double_data[1],decimals,double_data[1],decimals,double_data[4],decimals,double_data[4],line_width,line_width,line_width,stroke_color,stroke_opacity,stroke_color,fill_opacity,use_filled,use_dashed,dashtype[0],dashtype[1],use_rotate,angle,flytext,font_size,font_family,use_affine,affine_matrix,slider,slider_cnt);
                         click_cnt++;reset();
                         break;
+                }
+            }
             break;
         case ROUNDRECT:
                 if( js_function[DRAW_LINES] != 1 ){ js_function[DRAW_LINES] = 1;}
                 if(reply_format == 0){reply_format = 11;}
                 add_js_lines(js_include_file,2,draw_type,line_width,stroke_color,stroke_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if( use_input_xy == 1 ){
                     add_input_line(js_include_file,2);
                     add_input_x1y1x2y2(js_include_file,canvas_root_id);
                 }
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if( strcmp(draw_type,"demilines") == 0 || strcmp(draw_type,"demilines") == 0 ){
                 if( js_function[DRAW_CIRCLES] != 1 ){ js_function[DRAW_CIRCLES] = 1;}
                 if( js_function[DRAW_DEMILINES] != 1 ){ js_function[DRAW_DEMILINES] = 1;}
                 if(reply_format == 0){reply_format = 11;}
                 add_js_demilines(js_include_file,2,draw_type,line_width,stroke_color,stroke_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if( use_input_xy == 1 ){
                     add_input_demiline(js_include_file,2);
                     add_input_x1y1x2y2(js_include_file,canvas_root_id);
                 }
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if( strcmp(draw_type,"demiline") == 0 || strcmp(draw_type,"demilines") == 0 ){
                 if( js_function[DRAW_CIRCLES] != 1 ){ js_function[DRAW_CIRCLES] = 1;}
                 if( js_function[DRAW_DEMILINES] != 1 ){ js_function[DRAW_DEMILINES] = 1;}
                 add_js_demilines(js_include_file,1,draw_type,line_width,stroke_color,stroke_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if( use_input_xy == 1 ){
                     add_input_demiline(js_include_file,1);
                     add_input_x1y1x2y2(js_include_file,canvas_root_id);
+                }
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if( strcmp(draw_type,"rects") == 0){
                 if( js_function[DRAW_RECTS] != 1 ){ js_function[DRAW_RECTS] = 1;}
                 if(reply_format == 0){reply_format = 2;}
             else
             if( strcmp(draw_type,"rect") == 0){
                 if( js_function[DRAW_RECTS] != 1 ){ js_function[DRAW_RECTS] = 1;}
                 if(reply_format == 0){reply_format = 2;}
                 add_js_rect(js_include_file,1,0,draw_type,line_width,stroke_color,stroke_opacity,use_filled,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if( strcmp(draw_type,"roundrect") == 0){
                 if( js_function[DRAW_ROUNDRECTS] != 1 ){ js_function[DRAW_ROUNDRECTS] = 1;}
                 if(reply_format == 0){reply_format = 2;}
                 add_js_rect(js_include_file,1,1,draw_type,line_width,stroke_color,stroke_opacity,use_filled,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if( strcmp(draw_type,"arcs") == 0){
                 if( js_function[DRAW_SEGMENTS] != 1 ){ js_function[DRAW_SEGMENTS] = 1;}
                 if(reply_format == 0){reply_format = 25;}
                 add_js_arc(js_include_file,canvas_root_id,2,line_width,stroke_color,stroke_opacity,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if( strcmp(draw_type,"arc") == 0){
                 if( js_function[DRAW_SEGMENTS] != 1 ){ js_function[DRAW_SEGMENTS] = 1;}
                 if(reply_format == 0){reply_format = 25;}
                 add_js_arc(js_include_file,canvas_root_id,1,line_width,stroke_color,stroke_opacity,fill_color,fill_opacity,use_dashed,dashtype[0],dashtype[1]);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
             }
             else
             if( strcmp(draw_type,"text") == 0){
                 if( js_function[DRAW_TEXTS] != 1 ){ js_function[DRAW_TEXTS] = 1;}
                 if(reply_format == 0){reply_format = 17;}
                 add_js_text(js_include_file,canvas_root_id,font_size,font_family,font_color,stroke_opacity);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
             if( strcmp(draw_type,"inputs") == 0){
                 if( js_function[DRAW_INPUTS] != 1 ){ js_function[DRAW_INPUTS] = 1;}
                 if(reply_format == 0){reply_format = 27;}
                 add_js_inputs(js_include_file,canvas_root_id,2,input_cnt,input_style,line_width);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
+            }
             else
                 if( js_function[DRAW_INPUTS] != 1 ){ js_function[DRAW_INPUTS] = 1;}
                 if(reply_format == 0){reply_format = 27;}
                 add_js_inputs(js_include_file,canvas_root_id,1,input_cnt,input_style,line_width);
                 if(use_input_xy == 1){ canvas_error("userinput_xy not yet implemented for this userdraw type !");}
                 if(use_input_xy == 2){ canvas_error("usertextarea_xy not yet implemented for this userdraw type !");}
             }
             else
+            {
                 canvas_error("unknown drawtype or typo? ");
+            }
             reset();
                 stroke_color = get_color(infile,0);
                 char *fun1 = get_string_argument(infile,0);
                 char *fun2 = get_string_argument(infile,1);
                 if( strlen(fun1) == 0 || strlen(fun2) == 0 ){canvas_error("parametric functions are NOT OK !");}
                 fprintf(js_include_file,"dragstuff.addShape(new Shape(%d,%d,%d,%d,%s,[%d],[%d],%d,\"%s\",%.2f,\"%s\",%.2f,%d,%d,%d,%d,%d,%.1f,\"%s\",%d,\"%s\",%d,%s,%d,%d));\n",click_cnt,onclick,drag_type,animation_type,eval_parametric(xsize,ysize,fun1,fun2,xmin,xmax,ymin,ymax,tmin,tmax,plot_steps,precision),2*line_width,2*line_width,line_width,stroke_color,stroke_opacity,fill_color,fill_opacity,use_filled,use_dashed,dashtype[0],dashtype[1],use_rotate,angle,flytext,font_size,font_family,use_affine,affine_matrix,slider,slider_cnt);
                 click_cnt++;
+            }
             else
+            {
                 stroke_color = get_color(infile,0);
                 char *fun1 = get_string_argument(infile,1);
             for(i = 0; i < 5 ;i++){
                 switch(i){
                     case 0: stroke_color = get_color(infile,0);break;/* font_color == stroke_color name or hex color */
                     case 1: double_data[0] = get_real(infile,0);break; /* x */
                     case 2: double_data[1] = get_real(infile,0);break; /* y */
                     case 3: fly_font = get_string_argument(infile,0);
                             if(strcmp(fly_font,"giant") == 0){
                                 font_size = (int)(font_size + 24);
                             }
                             else
                             {
                                 if(strcmp(fly_font,"huge") == 0){
                                     font_size = (int)(font_size + 14);
                                 }
                                 else
                                 {
                                     if(strcmp(fly_font,"large") == 0){
                                         font_size = (int)(font_size + 6);
                                         }
                                         else
                                         {
                                             if(strcmp(fly_font,"small") == 0){
                                                 font_size = (int)(font_size - 4);
                                                 if(font_size<0){font_size = 8;}
                                         }
                                     }
+                                }
+                            }
                             break; /* font_size ! */
                     case 4:
                         temp = get_string_argument(infile,1);
                     case 4: decimals = find_number_of_digits(precision);
                             temp = get_string_argument(infile,1);
                             string_length = snprintf(NULL,0,"draw_text(%d,%d,%d,%d,\"%s\",\"%s\",%.2f,%.2f,\"%s\",%d,%.2f,%d,%s);\n",STATIC_CANVAS,int_data[0],int_data[1],font_size,font_family,font_color,stroke_opacity,double_data[0],temp,use_rotate,angle,use_affine,affine_matrix);
                             check_string_length(string_length);tmp_buffer = my_newmem(string_length+1);
                             snprintf(tmp_buffer,string_length,"draw_text(%d,%d,%d,%d,\"%s\",\"%s\",%.2f,%.2f,\"%s\",%d,%.2f,%d,%s);\n",STATIC_CANVAS,int_data[0],int_data[1],font_size,font_family,font_color,stroke_opacity,double_data[0],temp,use_rotate,angle,use_affine,affine_matrix);
                             add_to_buffer(tmp_buffer);
                             break;
                     default:break;
+                }
+            }
             reset();
          @ keyword, no arguments
          @ if the next object is clicked, it's 'object sequence number' in fly script is returned <br /> by javascript:read_canvas();
          @ Line based object will show an increase in linewidth<br />Font based objects will show the text in 'bold' when clicked.
          @ NOTE: not all objects may be set clickable
         */
+            fprintf(js_include_file,"use_dragdrop_reply = true;");
             onclick = 1;
             break;
         case DRAG:
         /*
          @ drag [x][y][xy]
                 else
+                {
                     drag_type = 2;
+                }
+            }
-            fprintf(js_include_file,"var dragdrop_precision = %d;",precision);
+            fprintf(js_include_file,"dragdrop_precision = %d;use_dragdrop_reply = true;",precision);
             onclick = 2;
             /* if(use_userdraw == TRUE ){canvas_error("\"drag & drop\" may not be combined with \"userdraw\" or \"pan and zoom\" \n");} */
             break;
         case BLINK:
         /*
          @ blink time(seconds)
         */
             break;
         case XUNIT:
         /*
          @ xunit some_unit_for_x-values
          @ unicode allowed (no html code)
          @ use together with command mousex
          @ will display the cursor x-coordinate 'unit'
         */
             fprintf(js_include_file,"unit_x = \"%s\";",get_string(infile,1));
             break;
          @ unicode allowed (no html code)
          @ use together with command mousex
          @ will display the cursor y-coordinate 'unit'
         */
             fprintf(js_include_file,"unit_y = \"%s\";",get_string(infile,1));
             break;
         case MOUSE_DISPLAY:
         /*
          @display x|y|xy|degree|radius,color,fontsize
          @will display the mouse cursor coordinates as x-only,y-only,(x:y),<br />the radius of a circle (this only in case 'userdraw circle(s),color' !!<br />or the angle in degrees ( rhe angle between x-axis;(0:0);(x:y)
          @use commands 'xunit' and / or 'yunit' to add the units to the mouse values
          if(js_function[DRAW_FLOODFILL] != 1 ){/* use only once */
             js_function[DRAW_FLOODFILL] = 1;
             add_js_floodfill(js_include_file,canvas_root_id);
+         }
          fprintf(js_include_file,"\n<!-- begin command clickfill -->\nvar marge_xy = %d;userdraw_x = new Array();userdraw_y = new Array();var user_clickfill_cnt = 0;\ncanvas_div.addEventListener(\"mousedown\",clickfill,false);function clickfill(evt){var x = evt.clientX - findPosX(canvas_div) + document.body.scrollLeft + document.documentElement.scrollLeft;var y = evt.clientY - findPosY(canvas_div) + document.body.scrollTop + document.documentElement.scrollTop;if(evt.which != 1){for(var p=0; p < user_clickfill_cnt;p++){if(userdraw_x[p] + marge_xy > x && userdraw_x[p] - marge_xy < x){if(userdraw_y[p] + marge_xy > y && userdraw_y[p] - marge_xy < y){if(confirm(\"Clear ?\")){floodfill(1,userdraw_x[p],userdraw_y[p],canvas_div.style.backgroundColor || [255,255,255,0]);userdraw_x.splice(p,2);userdraw_y.splice(p,2);user_clickfill_cnt--;return;};};};};};userdraw_x[user_clickfill_cnt] = x;userdraw_y[user_clickfill_cnt] = y;user_clickfill_cnt++;floodfill(1,x,y,[%s,%d]);};",clickfillmarge,fill_color,(int) (fill_opacity/0.0039215));
-         add_read_canvas(1,reply_precision);
+         add_read_canvas(canvas_root_id,1,reply_precision);
          reset();
         break;
         case SETPIXEL:
         /*
         @ setpixel x,y,color
             reset();
             break;
         case REPLYFORMAT:
         /*
         @ replyformat number
-        @ use number=-1 to deactivate the js-function read_canvas()
+        @ use number=-1 to deactivate the js-functions read_canvas() and read_dragdrop()
         @ default values should be fine !
         @ use command 'precision [0,1,10,100,1000,10000...]' before command 'replyformat' to set the desired number of decimals in the student reply / drawing
         @ the last value for 'precision int' will be used to calculate  the reply coordinates, if needed (read_canvas();)
         @ choose<ul><li>1 = x1,x2,x3,x4....x_n<br />y1,y2,y3,y4....y_n<br /><br />x/y in pixels</li><li>2 = x1,x2,x3,x4....x_n<br />  y1,y2,y3,y4....y_n<br /> x/y in xrange / yrange coordinate system<br /></li><li>3 = x1,x2,x3,x4....x_n<br />  y1,y2,y3,y4....y_n<br />  r1,r2,r3,r4....r_n<br />  x/y in pixels <br />  r in pixels</li><li>4 = x1,x2,x3,x4....x_n<br />  y1,y2,y3,y4....y_n<br />  r1,r2,r3,r4....r_n<br />  x/y in xrange / yrange coordinate system<br />  r in pixels</li><li>5 = Ax1,Ax2,Ax3,Ax4....Ax_n<br />  Ay1,Ay2,Ay3,Ay4....Ay_n<br />  Bx1,Bx2,Bx3,Bx4....Bx_n<br />  By1,By2,By3,By4....By_n<br />  Cx1,Cx2,Cx3,Cx4....Cx_n<br />  Cy1,Cy2,Cy3,Cy4....Cy_n<br />  ....<br />  Zx1,Zx2,Zx3,Zx4....Zx_n<br />  Zy1,Zy2,Zy3,Zy4....Zy_n<br />  x/y in pixels<br /></li><li>6 = Ax1,Ax2,Ax3,Ax4....Ax_n<br />  Ay1,Ay2,Ay3,Ay4....Ay_n<br />  Bx1,Bx2,Bx3,Bx4....Bx_n<br />  By1,By2,By3,By4....By_n<br />  Cx1,Cx2,Cx3,Cx4....Cx_n<br />  Cy1,Cy2,Cy3,Cy4....Cy_n<br />  ....<br />  Zx1,Zx2,Zx3,Zx4....Zx_n<br />  Zy1,Zy2,Zy3,Zy4....Zy_n<br />  x/y in xrange / yrange coordinate system<br /></li><li>7 = x1:y1,x2:y2,x3:y3,x4:y4...x_n:y_n<br />  x/y in pixels</li><li>8 = x1:y1,x2:y2,x3:y3,x4:y4...x_n:y_n<br />  x/y in xrange / yrange coordinate system</li><li>9 = x1:y1:r1,x2:y2:r2,x3:y3:r3,x4:y4:r3...x_n:y_n:r_n<br />  x/y in pixels</li><li>10 = x1:y1:r1,x2:y2:r2,x3:y3:r3,x4:y4:r3...x_n:y_n:r_n<br />  x/y in xrange / yrange coordinate system</li><li>11 = Ax1,Ay1,Ax2,Ay2<br />   Bx1,By1,Bx2,By2<br />   Cx1,Cy1,Cx2,Cy2<br />   Dx1,Dy1,Dx2,Dy2<br />   ......<br />   Zx1,Zy1,Zx2,Zy2<br />  x/y in xrange / yrange coordinate system</li><li>12 = Ax1,Ay1,Ax2,Ay2<br />   Bx1,By1,Bx2,By2<br />Cx1,Cy1,Cx2,Cy2<br />   Dx1,Dy1,Dx2,Dy2<br />   ......<br />   Zx1,Zy1,Zx2,Zy2<br />  x/y in pixels</li><li>13 = Ax1:Ay1:Ax2:Ay2,Bx1:By1:Bx2:By2,Cx1:Cy1:Cx2:Cy2,Dx1:Dy1:Dx2:Dy2, ... ,Zx1:Zy1:Zx2:Zy2<br />  x/y in xrange / yrange coordinate system</li><li>14 = Ax1:Ay1:Ax2:Ay2,Bx1:By1:Bx2:By2....Zx1:Zy1:Zx2:Zy2<br />  x/y in pixels</li><li>15 = reply from inputfields,textareas<br />  reply1,reply2,reply3,...,reply_n</li><li>16 = mathml input fields </li><li>17 = read "userdraw text,color" only (x1:y1:text1,x2:y2:text2...x_n:y_n:text_n</li><li>18 = read_canvas() will read all interactive clocks in H1:M1:S1,H2:M2:S2...Hn:Mn:Sn</li><li>19 = read_canvas() will return the object number of marked / clicked object (clock)<br />analogue to (shape library) onclick command </li><li>21 = (x1:y1) (x2:y2) ... (x_n:y_n)<br />verbatim coordinate return</li>22 = returns an array .... reply[0]=x1 reply[1]=y1 reply[2]=x2 reply[3]=y2 ... reply[n-1]=x_n reply[n]=y_n<br />  x/y in xrange / yrange coordinate system</li><li>replyformat 23 : can only be used for drawtype 'polyline'<br />a typical click sequence in drawtype polyline isx1,y1,x2,y2,x2,y2,x3,y3,x3,y3.....,x(n-1),y(n-1),x(n-1),y(n-1),xn,yn --replyformat 23--> x1,y1,x2,y2,x3,y3,.....x(n-1),y(n-1),xn,yn multiple occurences will be filtered out.The reply will be in x-y-range (xreply \\n yreply)</li><li>replyformat 24 = read all inputfield values: even those set 'readonly'</li><li>format 25 = angle1,angle2...angle_n : will return the radius (one or many) of the user drawn circle segment in degrees </li><li>format 26 = rad1,rad2...rad_n : will return the radius (one or many) of the user drawn circle segment in radians </li><li>27 = return (only) userdraw inputfields array: x1:y1:text1,x2:y2:text2...</li></ul>
         @ note to 'userdraw text,color' : the x / y-values are in pixels ! (this to avoid too lengthy calculations in javascript...)
+  {
     if( found_size_command != 3 ){
      canvas_error("Please specify both xrange and yrange ...");
+    }
+  }
   /* if needed, add generic draw functions (grid / xml etc) to buffer : these are no draggable/clickable shapes / objects  ! */
   add_javascript_functions(js_function,canvas_root_id);
    /* add read_canvas() etc functions if needed */
-  if( reply_format > 0 ){ add_read_canvas(reply_format,reply_precision);}
+  if( reply_format > 0 ){ add_read_canvas(canvas_root_id,reply_format,reply_precision);}
   if( use_pan_and_zoom == TRUE ){
   /* in case of zooming ... */
   fprintf(js_include_file,"\n<!-- some extra global stuff : need to rethink panning and zooming !!! -->\n\
   precision = %d;var xmin_start=xmin;var xmax_start=xmax;\
   var ymin_start=ymin;var ymax_start=xmax;\
 = return all userdrawn arcs in radians:
 = return (only) userdraw inputfields array: x1:y1:text1,x2:y2:text2...
 */
-void add_read_canvas(int type_reply,int reply_precision){
+void add_read_canvas(int canvas_root_id,int type_reply,int reply_precision){
 /* just 1 reply type allowed */
 fprintf(js_include_file,"\
 \n<!-- begin set_reply_precision() -->\n\
 function set_reply_precision(){\
  var len = userdraw_x.length;\
 /*
 answers may have:
 x-values,y-values,r-values,input-fields,mathml-inputfields,text-typed answers
 */
     case 1: fprintf(js_include_file,"\
-\n<!-- begin function 1 read_canvas() -->\n\
+\n<!-- begin function 1 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_x.length == 0){alert(\"nothing drawn...\");return;}\
  set_reply_precision();\
  if( document.getElementById(\"canvas_input0\") || document.getElementById(\"mathml0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
   {\
    return userdraw_x+\"\\n\"+userdraw_y;\
   }\
  };\
 };\n\
-<!-- end function 1 read_canvas() -->");
+<!-- end function 1 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 2: fprintf(js_include_file,"\
-\n<!-- begin function 2 read_canvas() -->\n\
+\n<!-- begin function 2 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_x.length == 0){alert(\"nothing drawn...\");return;}\
  set_reply_precision();\
  var reply_x = new Array();var reply_y = new Array();var p = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
   {\
    return reply_x+\"\\n\"+reply_y;\
   };\
  };\
 };\n\
-<!-- end function 2 read_canvas() -->",reply_precision);
+<!-- end function 2 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 3: fprintf(js_include_file,"\
-\n<!-- begin function 3 read_canvas() -->\n\
+\n<!-- begin function 3 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_x.length == 0){alert(\"nothing drawn...\");return;}\
  set_reply_precision();\
  if( document.getElementById(\"canvas_input0\") || document.getElementById(\"mathml0\") ){\
   var p = 0;var input_reply = new Array();\
   if( document.getElementById(\"canvas_input0\")){\
   {\
    return userdraw_x+\"\\n\"+userdraw_y+\"\\n\"+userdraw_radius;\
   }\
  }\
 };\n\
-<!-- end function 3 read_canvas() -->");
+<!-- end function 3 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 4: fprintf(js_include_file,"\
-\n<!-- begin function 4 read_canvas() -->\n\
+\n<!-- begin function 4 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var prec = %d;\
  var reply_x = new Array();var reply_y = new Array();var p = 0;\
  while(userdraw_x[p]){\
   reply_x[p] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec;\
   reply_y[p] = (Math.round(prec*(px2y(userdraw_y[p]))))/prec;;\
   {\
    return reply_x+\"\\n\"+reply_y+\"\\n\"+userdraw_radius;\
   }\
  };\
 };\n\
-<!-- end function 4 read_canvas() -->",reply_precision);
+<!-- end function 4 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     /*
         attention: we reset userdraw_x / userdraw_y  : because  userdraw_x = [][] userdraw_y = [][]
         used for userdraw multiple paths
     */
     case 5: fprintf(js_include_file,"\
-\n<!-- begin function 5 read_canvas() -->\n\
+\n<!-- begin function 5 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  set_reply_precision();\
  var p = 0;\
  var reply = \"\";\
  for(p = 0; p < userdraw_x.length;p++){\
   if(userdraw_x[p] != null ){\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 5 read_canvas() -->");
+<!-- end function 5 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     /*
         attention: we reset userdraw_x / userdraw_y  : because  userdraw_x = [][] userdraw_y = [][]
         used for userdraw multiple paths
     */
     case 6: fprintf(js_include_file,"\
-\n<!-- begin function 6 read_canvas() -->\n\
+\n<!-- begin function 6 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var p = 0;\
  var reply = \"\";\
  var tmp_x = new Array();\
  var tmp_y = new Array();\
  var prec = %d;\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 6 read_canvas() -->",reply_precision);
+<!-- end function 6 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 7: fprintf(js_include_file,"\
-\n<!-- begin function 7 read_canvas() -->\n\
+\n<!-- begin function 7 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  set_reply_precision();\
  var reply = new Array();\
  var p = 0;\
  while(userdraw_x[p]){\
   reply[p] = userdraw_x[p] +\":\" + userdraw_y[p];\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 7 read_canvas() -->");
+<!-- end function 7 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 8: fprintf(js_include_file,"\
-\n<!-- begin function 8 read_canvas() -->\n\
+\n<!-- begin function 8 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var reply = new Array();\
  var p = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
   reply[p] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec;\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 8 read_canvas() -->",reply_precision);
+<!-- end function 8 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 9: fprintf(js_include_file,"\
-\n<!-- begin function 9 read_canvas() -->\n\
+\n<!-- begin function 9 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  set_reply_precision();\
  var reply = new Array();\
  var p = 0;\
  while(userdraw_x[p]){\
   reply[p] = userdraw_x[p] +\":\" + userdraw_y[p] + \":\" + userdraw_radius[p];\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 9 read_canvas() -->");
+<!-- end function 9 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 10: fprintf(js_include_file,"\
-\n<!-- begin function 10 read_canvas() -->\n\
+\n<!-- begin function 10 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var reply = new Array();\
  var p = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
   reply[p] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\":\" + (Math.round(prec*userdraw_radius[p]))/prec;\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 10 read_canvas() -->",reply_precision);
+<!-- end function 10 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 11: fprintf(js_include_file,"\
-\n<!-- begin function 11 read_canvas() -->\n\
+\n<!-- begin function 11 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var reply = \"\";\
  var p = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
   reply = reply + (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\",\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\",\" + (Math.round(prec*(px2x(userdraw_x[p+1]))))/prec +\",\" + (Math.round(prec*(px2y(userdraw_y[p+1]))))/prec +\"\\n\" ;\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 11 read_canvas() -->",reply_precision);
+<!-- end function 11 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 12: fprintf(js_include_file,"\
-\n<!-- begin function 12 read_canvas() -->\n\
+\n<!-- begin function 12 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  set_reply_precision();\
  var reply = \"\";\
  var p = 0;\
  for(p = 0; p< userdraw_x.lenght;p = p+2){\
   if(userdraw_x[p] != null){\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 12 read_canvas() -->");
+<!-- end function 12 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 13: fprintf(js_include_file,"\
-\n<!-- begin function 13 read_canvas() -->\n\
+\n<!-- begin function 13 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var reply = new Array();\
  var p = 0;var i = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
   reply[i] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p]))))/prec +\":\" + (Math.round(prec*(px2x(userdraw_x[p+1]))))/prec +\":\" + (Math.round(prec*(px2y(userdraw_y[p+1]))))/prec;\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 13 read_canvas() -->",reply_precision);
+<!-- end function 13 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 14: fprintf(js_include_file,"\
-\n<!-- begin function 14 read_canvas() -->\n\
+\n<!-- begin function 14 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  set_reply_precision();\
  var reply = new Array();\
  var p = 0;var i = 0;\
  while(userdraw_x[p]){\
   reply[i] = userdraw_x[p] +\":\" + userdraw_y[p] +\":\" + userdraw_x[p+1] +\":\" + userdraw_y[p+1];\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 14 read_canvas() -->");
+<!-- end function 14 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 15: fprintf(js_include_file,"\
-\n<!-- begin function 15  read_canvas() -->\n\
+\n<!-- begin function 15  read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var input_reply = new Array();\
  var p = 0;\
  if( document.getElementById(\"canvas_input0\")){\
   var t = 0;\
   while(document.getElementById(\"canvas_input\"+t)){\
  else\
  {\
   return input_reply;\
  };\
 };\n\
-<!-- end function 15 read_canvas() -->");
+<!-- end function 15 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 16: fprintf(js_include_file,"\
 \n<!-- begin function 16 read_mathml() -->\n\
 function read_mathml(){\
  var reply = new Array();\
 };\
 this.read_mathml = read_mathml;\n\
 <!-- end function 16 read_mathml() -->");
     break;
     case 17:  fprintf(js_include_file,"\
-\n<!-- begin function 17 read_canvas() -->\n\
+\n<!-- begin function 17 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_text.length == 0){alert(\"no text typed...\");return;}\
  return userdraw_text;\
 };\n\
-<!-- end function 17 read_canvas() -->");
+<!-- end function 17 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 18: fprintf(js_include_file,"\
-\n<!-- begin function 18 read_canvas() -->\n\
+\n<!-- begin function 18 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var p = 0;\
  var reply = new Array();\
  var name;\
  var t = true;\
  var h;var m;var s;\
   }catch(e){t=false;};\
  };\
  if( p == 0 ){alert(\"clock(s) not modified...\");return;}\
  return reply;\
 };\n\
-<!-- end function 18 read_canvas() -->");
+<!-- end function 18 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 19: fprintf(js_include_file,"\
-\n<!-- begin function 19 read_canvas() -->\n\
+\n<!-- begin function 19 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  return reply[0];\
 };\n\
-<!-- end function 19 read_canvas() -->");
+<!-- end function 19 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 20: fprintf(js_include_file,"\
-\n<!-- begin function 20 read_canvas() -->\n\
+\n<!-- begin function 20 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var prec = %d;\
  var len  = ext_drag_images.length;\
  var reply = new Array(len);\
  for(var p = 0 ; p < len ; p++){\
     var img = ext_drag_images[p];\
     reply[p] = (Math.round(prec*(px2x(img[6]))))/prec+\":\"+(Math.round(prec*(px2y(img[7]))))/prec;\
  };\
  return reply;\
 };\n\
-<!-- end function 20 read_canvas() -->",reply_precision);
+<!-- end function 20 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 21: fprintf(js_include_file,"\
-\n<!-- begin function 21 read_canvas() -->\n\
+\n<!-- begin function 21 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_x.length == 0){alert(\"nothing drawn...\");return;}\
  var reply_coord = new Array();var p = 0;\
  var prec = %d;\
  while(userdraw_x[p]){\
   reply_coord[p] = \"(\"+(Math.round(prec*(px2x(userdraw_x[p]))))/prec+\":\"+(Math.round(prec*(px2y(userdraw_y[p]))))/prec+\")\";\
   {\
    return reply_coord;\
   };\
  };\
 };\n\
-<!-- end function 21 read_canvas() -->",reply_precision);
+<!-- end function 21 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 22: fprintf(js_include_file,"\
-\n<!-- begin function 22 read_canvas() -->\n\
+\n<!-- begin function 22 read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var reply = new Array();\
  var lu = userdraw_x.length;\
  if(lu == 0){alert(\"nothing drawn...\");return;};\
  var idx = 0;\
  var prec = %d;\
   {\
    return reply;\
   }\
  };\
 };\n\
-<!-- end function 22 read_canvas() -->",reply_precision);
+<!-- end function 22 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 23: fprintf(js_include_file,"\
-\n<!-- begin function 23 read_canvas() default 5 px marge -->\n\
+\n<!-- begin function 23 read_canvas%d() default 5 px marge -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_x.length < 2){alert(\"nothing drawn...\");return;}\
  var lu = userdraw_x.length;\
  if( lu != userdraw_y.length ){ alert(\"x / y mismatch !\");return;}\
  var reply_x = new Array();var reply_y = new Array();\
  var marge = 5;var p = 0;\
   {\
    return reply_x+\"\\n\"+reply_y;\
   };\
  };\
 };\n\
-<!-- end function 23 read_canvas() -->",reply_precision);
+<!-- end function 23 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 24: fprintf(js_include_file,"\n\
-<!-- begin function 24  read_canvas() -->\n\
+<!-- begin function 24  read_canvas%d() -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var input_reply = new Array();\
  var p = 0;\
  if( document.getElementById(\"canvas_input0\")){\
   while(document.getElementById(\"canvas_input\"+p)){\
     input_reply[p] = document.getElementById(\"canvas_input\"+p).value;\
     p++;\
   };\
   return input_reply;\
  };\
 };\n\
-<!-- end function 24 read_canvas() -->");
+<!-- end function 24 read_canvas%d() -->",canvas_root_id,canvas_root_id,canvas_root_id);
     break;
     case 25:
-    fprintf(js_include_file,"\n<!-- begin function 25 read_canvas() : angle(s) in degrees-->\n\
+    fprintf(js_include_file,"\n<!-- begin function 25 read_canvas%d() : angle(s) in degrees-->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_radius.length < 1){alert(\"nothing drawn...\");return;}\
  var lu = userdraw_radius.length;\
  var prec = %d;\
  var angle_reply = new Array(lu);\
  for(var p = 0 ; p < lu ; p++){\
   angle_reply[p] = (Math.round(prec*180*(userdraw_radius[p])/Math.PI))/prec;\
  };\
  return angle_reply;\
 };\n\
-<!-- end function 25 read_canvas() -->",reply_precision);
+<!-- end function 25 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 26:
-    fprintf(js_include_file,"\n<!-- begin function 26 read_canvas() : angle(s) in radians-->\n\
+    fprintf(js_include_file,"\n<!-- begin function 26 read_canvas%d() : angle(s) in radians-->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  if( userdraw_radius.length < 1){alert(\"nothing drawn...\");return;}\
  var lu = userdraw_radius.length;\
  var prec = %d;\
  var angle_reply = new Array(lu);\
  for(var p = 0 ; p < lu ; p++){\
   angle_reply[p] = (Math.round(prec*(userdraw_radius[p])))/prec;\
  };\
  return angle_reply;\
 };\n\
-<!-- end function 26 read_canvas() -->",reply_precision);
+<!-- end function 26 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     case 27:
-    fprintf(js_include_file,"\n<!-- begin function 27 read_canvas()  : inputfield(s) location and their values : -->\n\
+    fprintf(js_include_file,"\n<!-- begin function 27 read_canvas%d()  : inputfield(s) location and their values : -->\n\
-read_canvas = function(){\
+read_canvas%d = function(){\
  var lu = userdraw_x.length;\
  if( lu < 1){alert(\"nothing drawn...\");return;}\
  set_reply_precision();\
  var prec = %d;\
  for(var p = 0 ; p < lu ; p++){\
    reply[p] = (Math.round(prec*(px2x(userdraw_x[p]))))/prec+\":\"+(Math.round(prec*(px2y(userdraw_y[p]))))/prec+\":\"+ document.getElementById(\"canvas_input\"+p).value;\
  };\
  return reply;\
 };\n\
-<!-- end function 27 read_canvas() -->",reply_precision);
+<!-- end function 27 read_canvas%d() -->",canvas_root_id,canvas_root_id,reply_precision,canvas_root_id);
     break;
     default: canvas_error("hmmm unknown replyformat...");break;
+}
  return;
+}

Subversion Repositories wimsdev

(root)/trunk/wims/src/Misc/canvasdraw/canvasdraw.c – Rev 8244 → 8257