Difference between revisions of "Circles on circles"

From JSXGraph Wiki
Jump to navigationJump to search
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 11:51, 29 June 2009