Difference between revisions of "Circles on circles"

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