Difference between revisions of "Adapt highlighting of objects"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
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 18:15, 18 December 2009