update_vector_field

js/mobius.js

@@ -52,7 +52,7 @@ function add_2d_ctrl(parent,variable,label,min_x,max_x,min_y,max_y) {
     parent.append(value);
 }
 
-function add_vector_field(parent){
+function add_vector_field(){
     var canvas = document.createElement('canvas');
     canvas.style.border   = "1px solid";
     canvas.id = 'canvas'
@@ -62,7 +62,7 @@ function add_vector_field(parent){
 
     height = canvas.height;
     width = canvas.width;
-    parent.append(canvas);
+    return canvas;
 }
 
 //update based on id
@@ -150,6 +150,8 @@ $(function () {//document is ready, setup everything
     add_2d_ctrl($(guibox),c,"c",-1,1,-1,1);
     add_2d_ctrl($(guibox),d,"d",-1,1,-1,1);
 
-    add_vector_field($(guibox));
+
+    canvas = add_vector_field()
+    document.body.appendChild(canvas);
 
 });

style/style.css

@@ -20,6 +20,5 @@ body{
 }
 #gui-box{
     display: inline-block;
-    position: absolute;
     top: 0; 
 }