Difference between revisions of "Adapt highlighting of objects"

From JSXGraph Wiki
Jump to navigationJump to search
Line 1: Line 1:
 +
<html>
 +
<div id="myinfobox"
 +
    style="
 +
        display:none;
 +
        position:absolute;
 +
        background-color:#ffff88;
 +
        padding:10px;
 +
        // Cross-browser opacity:
 +
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
 +
        filter: alpha(opacity=50);
 +
        opacity:.5;
 +
    "
 +
></div>
 +
</html>
 
<jsxgraph width="600" height="600">
 
<jsxgraph width="600" height="600">
 
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 5, 5, -5], grid: false});
 
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 5, 5, -5], grid: false});
Line 8: Line 22:
  
 
var c = brd.create('circle',[p2,p3]);
 
var c = brd.create('circle',[p2,p3]);
 +
 +
var infobox = document.getElementById('myinfobox');
 +
JXG.Line.prototype.highlight = function(){
 +
    infobox.innerHTML = this.name;
 +
    infobox.style.left = this.board.mousePosAbs[0]+20;
 +
    infobox.style.top = this.board.mousePosAbs[1]-20;
 +
    infobox.style.display = 'block';
 +
}
 +
JXG.Line.prototype.noHighlight = function(){
 +
    infobox.style.display = 'none';
 +
}
 +
c.highlight = function(){
 +
    infobox.innerHTML = 'circle '+this.name;
 +
    infobox.style.left = this.board.mousePosAbs[0]+20;
 +
    infobox.style.top = this.board.mousePosAbs[1]-20;
 +
    infobox.style.display = 'block';
 +
}
 +
c.noHighlight = function(){
 +
    infobox.style.display = 'none';
 +
}
 +
 
</jsxgraph>
 
</jsxgraph>
  

Revision as of 17:15, 18 December 2009

The JavaScript code