Circles on circles: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 18: Line 18:
});
});
$("#slider2").slider({
$("#slider2").slider({
orientation: "horizontal",range: "min",min: 0,max: 100,value: 60,
orientation: "horizontal",range: "min",min: 0,max: 100,value: 30,
slide: function(event, ui) {
slide: function(event, ui) {
$("#c1").val(ui.value*0.01);
$("#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