Circles on circles: Difference between revisions

From JSXGraph Wiki
No edit summary
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; };
                #eq span {
height:120px; float:left; margin:15px;
}
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
$("#slider1").slider({
$("#slider1").slider({
orientation: "vertical",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) {
$("#c1").val(ui.value*0.01);
$("#c1").val(ui.value*0.01);
Line 21: Line 18:
});
});
$("#slider2").slider({
$("#slider2").slider({
orientation: "vertical",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) {
$("#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 id="eq">
   <div id="slider1"></div>
    <span id="slider1"></span>
  <div id="slider2"></div>
    <span id="slider2"></span>
  </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