Circles on circles: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| 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 10:51, 29 June 2009
