Adding events 2

Please note: This only works when the SVG or VML renderer is used. With the Canvas renderer the rendNode property is undefined.

 

<p id="myOutput">&nbsp;</p>

var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-4,4,4,-4], keepaspectratio:true});
var myPoint = brd.create('point',[1,1], {size:5, fixed: true});
myPoint.on('over', function(){
    document.getElementById('myOutput').innerHTML = "Point "+this.name;
});
myPoint.on('out', function(){
    document.getElementById('myOutput').innerHTML = ' ';
});

var myPoint2 = brd.create('point',[-1,1], {size:5});
myPoint2.on('over', function(){
    document.getElementById('myOutput').innerHTML = "Point "+this.name;
});
myPoint2.on('out', function(){
    document.getElementById('myOutput').innerHTML = ' ';
});