Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-12
<< previous
|
next >>
Calculation with onblur
Example 8.2
Example 8.2 Source:
<form name="SimpleCalc1" action="" > <table cellpadding="10" > <tr style="background: #99FFCC" > <td>Radius:</td> <td> <input type="text" size="10" name="radius" onblur="document.SimpleCalc1.circumference.value=CalcCircumference(document.SimpleCalc1.radius.value); document.SimpleCalc1.area.value=CalcArea(document.SimpleCalc1.radius.value)" /> </td> <td>cm</td> </tr> <tr style="background: #CCCCCC" > <td>Circumference:</td> <td> <input type="text" size="10" name="circumference" /> </td> <td>cm</td> </tr> <tr style="background: #CCCCCC" > <td>Area:</td> <td> <input type="text" size="10" name="area" /> </td> <td>cm<sup>2</sup> </td> </tr> </table> </form>
In
example2.js
var PI = 3.14159; function CalcCircumference(r) { return 2*PI*r; } function CalcArea(r) { return PI*r*r }
In
head
element:
<script src="example2.js" type="text/javascript"> </script>
Example 8.2 Demonstrated
Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-12
<< previous
|
next >>