shawn-kb/gist:3343792

## gistfile1.js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <title>set instant speed</title>
      <script src="/javascripts/prototype.js?1334763096" type="text/javascript"></script>
<script src="/javascripts/effects.js?1334763096" type="text/javascript"></script>
<script src="/javascripts/dragdrop.js?1334763096" type="text/javascript"></script>
<script src="/javascripts/controls.js?1334763096" type="text/javascript"></script>
<script src="/javascripts/application.js?1334763096" type="text/javascript"></script>
    </head>


    <script type="text/javascript">

      function updateFromPercent(){
        console.log("update");
        oForm = document.forms['instant_speed_form'];
        percent_value = oForm.elements['new_percent'].value;
        oForm.elements['new_hrs'].value = percent_value;
        oForm.elements['new_depth'].value = percent_value;
      }

    </script>


    <body>


          <form name="instant_speed_form"  action="/out_command/create_instant_speed" method="post">
             <input type="hidden" name="site" value="43867">


                    <table cellspacing="3"  cellpadding="3" border="0" >

                     <tr>
                       <td>percent </td>
                       <td><input type="text" name="new_percent" value="23.3"  > </td>
                     </tr>


                     <tr> <!-- HRS -->
                       <td> hrs/rev </td>

                         <td><input type="text" name="new_hrs" value="0"> </td>

                     </tr>


                     <tr> <!-- DEPTH -->
                       <td> depth </td>

                         <td><input type="text" name="new_depth" value="0"> </td>

                     </tr>


                    </table>

                  <input name="commit" type="submit" value="set speed" />


          </form>

          <script type="text/javascript">
          //<![CDATA[
            new Form.Observer(document.forms['instant_speed_form']['new_percent'], 3.5, updateFromPercent());
          //]]>
          </script>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<title>set instant speed</title>
	<script src="/javascripts/prototype.js?1334763096" type="text/javascript"></script>
	<script src="/javascripts/effects.js?1334763096" type="text/javascript"></script>
	<script src="/javascripts/dragdrop.js?1334763096" type="text/javascript"></script>
	<script src="/javascripts/controls.js?1334763096" type="text/javascript"></script>
	<script src="/javascripts/application.js?1334763096" type="text/javascript"></script>
	</head>







	<script type="text/javascript">

	function updateFromPercent(){
	console.log("update");
	oForm = document.forms['instant_speed_form'];
	percent_value = oForm.elements['new_percent'].value;
	oForm.elements['new_hrs'].value = percent_value;
	oForm.elements['new_depth'].value = percent_value;
	}

	</script>



	<body>



	<form name="instant_speed_form" action="/out_command/create_instant_speed" method="post">
	<input type="hidden" name="site" value="43867">


	<table cellspacing="3" cellpadding="3" border="0" >

	<tr>
	<td>percent </td>
	<td><input type="text" name="new_percent" value="23.3" > </td>
	</tr>


	<tr> <!-- HRS -->
	<td> hrs/rev </td>

	<td><input type="text" name="new_hrs" value="0"> </td>

	</tr>


	<tr> <!-- DEPTH -->
	<td> depth </td>

	<td><input type="text" name="new_depth" value="0"> </td>

	</tr>



	</table>

	<input name="commit" type="submit" value="set speed" />


	</form>

	<script type="text/javascript">
	//<![CDATA[
	new Form.Observer(document.forms['instant_speed_form']['new_percent'], 3.5, updateFromPercent());
	//]]>
	</script>