Difference between revisions of "Circles on circles"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
Line 18: | Line 18: | ||
}); | }); | ||
$("#slider2").slider({ | $("#slider2").slider({ | ||
− | orientation: "horizontal",range: "min",min: 0,max: 100,value: | + | orientation: "horizontal",range: "min",min: 0,max: 100,value: 30, |
slide: function(event, ui) { | slide: function(event, ui) { | ||
− | $("# | + | $("#c2").val(ui.value*0.01); |
} | } | ||
}); | }); | ||
$("#c1").val($("#slider1").slider("value")*0.01); | $("#c1").val($("#slider1").slider("value")*0.01); | ||
+ | $("#c2").val($("#slider2").slider("value")*0.01); | ||
}); | }); | ||
</script> | </script> | ||
Line 31: | Line 32: | ||
<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="c2">c2:</label> | ||
+ | <input type="text" id="c2" style="border:0; color:#f6931f; font-weight:bold;" /> | ||
</p> | </p> | ||
− | <div id="slider1" style="width:200px;"></div> | + | <div id="slider1" style="width:200px;margin:5px;"></div> |
− | <div id="slider2" style="width:200px;"></div> | + | <div id="slider2" style="width:200px;margin:5px;"></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 12:51, 29 June 2009