Adapt highlighting of objects: Difference between revisions

Revision as of 16:15, 18 December 2009

@@ 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">
 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 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>