Circles on circles: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 11: | Line 11: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function() { | $(function() { | ||
$("# | $("#sliderc1").slider({ | ||
orientation: "horizontal",range: "min",min: 0,max: 100,value: 60, | orientation: "horizontal",range: "min",min: 0,max: 100,value: 60, | ||
slide: function(event, ui) { | slide: function(event, ui) { | ||
| Line 17: | Line 17: | ||
} | } | ||
}); | }); | ||
$("# | $("#sliderf1").slider({ | ||
orientation: "horizontal",range: "min",min: 0,max: 100,value: | orientation: "horizontal",range: "min",min: 1,max: 100,value: 7, | ||
slide: function(event, ui) { | |||
$("#f1").val(ui.value*0.01); | |||
} | |||
}); | |||
$("#c1").val($("#sliderc1").slider("value")*0.01); | |||
$("#f1").val($("#sliderf1").slider("value")); | |||
$("#sliderc2").slider({ | |||
orientation: "horizontal",range: "min",min: 0,max: 100,value: 60, | |||
slide: function(event, ui) { | slide: function(event, ui) { | ||
$("#c2").val(ui.value*0.01); | $("#c2").val(ui.value*0.01); | ||
} | } | ||
}); | }); | ||
$("# | $("#sliderf2").slider({ | ||
$("# | orientation: "horizontal",range: "min",min: 1,max: 100,value: 17, | ||
slide: function(event, ui) { | |||
$("#f2").val(ui.value); | |||
} | |||
}); | |||
$("#c2").val($("#sliderc2").slider("value")*0.01); | |||
$("#f2").val($("#sliderf2").slider("value")); | |||
}); | }); | ||
</script> | </script> | ||
| Line 32: | Line 47: | ||
<label for="c1">c1:</label> | <label for="c1">c1:</label> | ||
<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;" /> | ||
<label for="f1">f1:</label> | |||
<input type="text" id="f1" style="border:0; color:#f6931f; font-weight:bold;" /> | |||
<label for="c2">c2:</label> | <label for="c2">c2:</label> | ||
<input type="text" id="c2" style="border:0; color:#f6931f; font-weight:bold;" /> | <input type="text" id="c2" style="border:0; color:#f6931f; font-weight:bold;" /> | ||
<label for="f2">f2:</label> | |||
<input type="text" id="f2" style="border:0; color:#f6931f; font-weight:bold;" /> | |||
</p> | </p> | ||
<div id=" | <div id="sliderc1" style="width:300px;margin:10px;"></div> | ||
<div id=" | <div id="sliderf1" style="width:300px;margin:10px;"></div> | ||
<div id="sliderc2" style="width:300px;margin:10px;"></div> | |||
<div id="sliderf2" style="width:300px;margin:10px;"></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:54, 29 June 2009
