Make draggable JSXGraph using JavaScript
<p>How can I make a point label draggable in JSXGraph?</p>

<p>I'm able to make triangle using JSXGraph, but I cannot create draggable vertices of this graph.</p>

<p>Here is my code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
  board = JXG.JSXGraph.initBoard('jxgbox3',
  {
    axis:true,
    boundingbox:[-5.9,8,5.9,-5.9],
    keepaspectratio:true,
    showCopyright:false,
    showNavigation:false
  });
  var qr = [], arc2,isInDragMode;
  qr[1] = board.create('point', [0,0], 
    {style:5,fillColor:'#ff00ff'});
  qr[2] = board.create('point', [5,0], 
    {style:5,fillColor:'#ff00ff'});
  qr[3] = board.create('point', [3.85,4.4],  
    {style:5,fillColor:'#ff00ff'});

  var triArr1 = [qr[3],qr[2],qr[1]];
  var tri = board.createElement('polygon',triArr1,
    {strokeWidth:2, strokeColor:'#dd00dd',highlight:false});
  var arc1 = board.create('nonreflexangle',triArr1,
    {radius:1,name:'&amp;theta;2'});
  var triArr2 = [qr[2],qr[1],qr[3]];
  var arc2 = board.create('nonreflexangle',triArr2,
    {radius:1,name:'&amp;theta;1'});
  var triArr3 = [qr[1],qr[3],qr[2]];
  var arc3 = board.create('nonreflexangle',triArr3,
  ,{fixed:false}, {radius:1,name:'&amp;theta;3'});

  board.create('text', [-5, 3, function ()
  {
    if(arc2.Value() &gt; Math.PI)
  {
    ang2 =  (360 - arc2.Value() * 180 / Math.PI).toFixed(1);
    ang1 =  (360 - arc1.Value() * 180 / Math.PI).toFixed(1);
    ang3 =  (360 - arc3.Value() * 180 / Math.PI).toFixed(1);
  }
  else
  {
    ang2 =  (arc2.Value() * 180 / Math.PI).toFixed(1);
    ang1 =  (arc1.Value() * 180 / Math.PI).toFixed(1);
    ang3 =  (arc3.Value() * 180 / Math.PI).toFixed(1);
  }
  return '&lt;p&gt;&amp;theta;_1 = ' + ang2 + '&amp;deg;&lt;/p&gt;'+'&lt;p&gt;&amp;theta;_2 = '  + ang1 +  '&amp;deg;&lt;/p&gt;'+'&lt;p&gt;&amp;theta;_3 = '  + ang3 +  '&amp;deg;&lt;/p&gt;'+'&lt;p&gt;&amp;theta;_1 + &amp;theta;_2 + &amp;theta;_3 = 180&amp;deg;&lt;/p&gt;';
  }],{fixed:false}); 
</code></pre>