View source for 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.
<html>
<p id="myOutput">&nbsp;</p>
</html>
<jsxgraph width="400" height="400">
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 = '&nbsp;';
});

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 = '&nbsp;';
});
</jsxgraph>

<source lang="html4strict">
<p id="myOutput">&nbsp;</p>
</source>

<source lang="javascript">
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 = '&nbsp;';
});

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 = '&nbsp;';
});</source>

[[Category:Examples]]