Difference between revisions of "Highlight from Text"

From JSXGraph Wiki
Jump to navigationJump to search
 
(2 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
 
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
 
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
 
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<a href="javascript:void(0);" onmouseover="l.highlight();l.setProperty({strokeWidth: '8px'});" onmouseout="l.noHighlight();l.setProperty({strokeWidth: '1px'});">Line</a>
+
<a href="javascript:void(0);" onmouseover="l.highlight();l.setProperty({strokeWidth: 8});" onmouseout="l.noHighlight();l.setProperty({strokeWidth: 1});">Line</a>
 
<div id="jxgbox" class="jxgbox" style="width:500px; height:200px; position:relative;"></div>
 
<div id="jxgbox" class="jxgbox" style="width:500px; height:200px; position:relative;"></div>
 
<script type="text/javascript">
 
<script type="text/javascript">
  var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 200, originY: 100, unitX: 50, unitY: 50});
+
  var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-4, 2, 6, -2]});
  var p1 = brd.createElement('point',[-1,1], {name:'A',style:6});
+
  var p1 = brd.create('point',[-1,1], {name:'A',style:6});
  var p2 = brd.createElement('point',[2,-1], {name:'B',style:6});
+
  var p2 = brd.create('point',[2,-1], {name:'B',style:6});
  var l = brd.createElement('line',["A","B"], {strokeColor:'#00ff00',strokeWidth:2});
+
  var l = brd.create('line',["A","B"], {strokeColor:'#00ff00',strokeWidth:2});
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 18:25, 20 February 2013

Line