image parents

HTML

<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id='box' class='jxgbox'></div>

CSS

#box {
    width:500px;
    height:500px;
}

JavaScript

var brd = JXG.JSXGraph.initBoard('box', {axis:true, boundingbox: [-10, 10, 10, -10]});

var a = brd.create('point', [1, 2]);
var b = brd.create('point', [-3, -2]);

var infobox = document.getElementById('myinfobox');

a.on('over', function () {
    brd.infobox.setProperty({strokeColor: 'blue'});
});

b.on('over', function () {
    brd.infobox.setProperty({strokeColor: 'red'});
});