Circles on circles: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 8: | Line 8: | ||
<style type="text/css"> | <style type="text/css"> | ||
#slider-frame > div.sliders { padding: 10px !important; }; | #slider-frame > div.sliders { padding: 10px !important; }; | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function() { | $(function() { | ||
$("#slider1").slider({ | $("#slider1").slider({ | ||
orientation: " | orientation: "horizontal",range: "min",min: 0,max: 100,value: 60, | ||
slide: function(event, ui) { | slide: function(event, ui) { | ||
$("#c1").val(ui.value*0.01); | $("#c1").val(ui.value*0.01); | ||
| Line 21: | Line 18: | ||
}); | }); | ||
$("#slider2").slider({ | $("#slider2").slider({ | ||
orientation: " | orientation: "horizontal",range: "min",min: 0,max: 100,value: 60, | ||
slide: function(event, ui) { | slide: function(event, ui) { | ||
$("#c1").val(ui.value*0.01); | $("#c1").val(ui.value*0.01); | ||
| Line 35: | Line 32: | ||
<input type="text" id="c1" style="border:0; color:#f6931f; font-weight:bold;" /> | <input type="text" id="c1" style="border:0; color:#f6931f; font-weight:bold;" /> | ||
</p> | </p> | ||
<div | <div id="slider1"></div> | ||
<div id="slider2"></div> | |||
</div> | </div> | ||
<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div> | <div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;"></div> | ||
Revision as of 10:48, 29 June 2009
