This example shows the drawing of a function (y = f(x)) via Javascript and the XY-Meter applet. You may change function or parameters of the applet (header, title of x /y-axis, number of calculated points, the visible range,..) by using the corresponding HTML form (only type the new value into the form and press the corresponding button). The used applet methods together with their parameters are described in Applet Methods.
The buttons are explained at the end of this document.
In order to see which applet methods are used for drawing or changing parameters please look at the source of this document. You can find the source file in Sources.

You need to refer to the javascript, either within the document, or in a separate file:
<script language="Javascript" SRC="javascript.js"></script>

The script is available in the zip file.

<table border=0 width=100%>
<Form name="GETPARAMETER" ACTION="" METHOD="GET">
<TR><th colspan=4 bgcolor=#80FFFF> XY-Meter Parameter</th>
<th bgcolor=#80FFFF>XY-Applet</th>
</TR>

<TR>
<TD align=right>Header</TD>
<TD align=left colspan=3><input name="_head" value="Y" size="8"></TD>
<TD align=center valign=top rowspan=6>
<APPLET CODE="xymeter.class" NAME="utmeter" WIDTH=220 HEIGHT=220>
</APPLET>
</TD>

</TR>

<TR>
<TD align=right>Title (X)</TD>
<TD align=left><input name="_xunit" value="s" size="4"></TD>
<TD align=rigth>Title (Y)</TD>
<TD align=left><input name="_yunit" value="V" size="4"></TD>
</TR>

<TR>
<TD align=right>Xmin</TD>
<TD align=left><input name="_xmin" value="0" size="5"></TD>
<TD align=right>Xmax</TD>
<TD align=left><input name="_xmax" value="100" size="5"></TD>
</TR>


<TR>
<TD align=right>Ymin</TD>
<TD align=left><input name="_ymin" value="0" size="5"></TD>
<TD align=right>Ymax</TD>
<TD align=left><input name="_ymax" value="100" size="5"></TD>
</TR>

<TR>
<TD align=right>max. XY</TD>
<TD align=left><input name="_maxpairs" value="100" size="5"></TD>

<TD align=right>Linecolor</TD>
<TD align=left>
<select name="_LINColor" size="1">
<option value="White">white
<option value="Black">black
<option value="LightGray">lightgray
<option value="Gray">gray
<option value="DarkGray">darkgray
<option value="Red">red
<option value="Green">green
<option selected value="Blue">blue
<option value="Yellow">yellow
<option value="Magenta">magenta
<option value="Cyan">cyan
<option value="Pink">pink
<option value="Orange">orange
</select>
</TD>

</TR>

<TR>
<TD  valign=top><input type="button" name="JSSLC" value="Set Linecolor"
onclick="JSSetLineColor(this.form)"></TD>

<TD valign=top><input type="button" name="SP" value="Set Parameter" onclick="JSSetParameter(this.form)"></TD>

<TD valign=top colspan=2><input type="button" name="RES" value="RESET"
onclick="JSResetMeter()"></TD>

</TR>


</table>
<P></P>

<table border=0 widht=100%>
<TR><th colspan=4 bgcolor=#80FFFF> The Function</th>
</TR>
<TR>
<TD align=right><B>Choose Function</B></TD>
<TD align=left>
<select name="WhichCurve" size="1">
<option selected value="lin"> A+B*t
<option value="sin"> A*sin(B*t)
<option value="ex">A*(1-exp^(-t/B))
</select>
</TD>
<TD align=left><B>Function</B></TD>
<TD  colspan=4 align=right><input name="_CIN" value="----------------" size="20"></TD>
</TR>

<TR>
<TD align=right>A</TD>
<TD align=left><input name="_A" value="1.0" size="5"></TD>
<TD align=right>B</TD>
<TD align=left><input name="_B" value="1.0" size="5"></TD>
</TR>
<TR>
<TD align=right valign=top colspan=2><input type="button" name="SGEN" value="Set Function" onclick="SetFunction(this.form)">
</TD>
<TD align=right valign=top colspan=2><input type="button" name="draw" value="Draw Function" onclick="StartCalculation()">
</TD>
</TR>
</table>
</FORM>

The Buttons:

Back to the XYMeter applet page

How to Add Java Applets to Your Site

New on the Java Boutique:

New Review:

Time Management Made Easy with the Quartz Enterprise Job Scheduler
Why not just use the Java timer API? This open source scheduling API boasts simplicity, ease-of-integration, a well-rounded feature set, and it's free!

New Applet:

Reverse Complement
Reverse Complement is a simple applet that converts DNA or RNA sequences into three useful formats.

Elsewhere on internet.com:

WebDeveloper Java
Lots of Java information on webdeveloper.com

WDVL Java
Thorough Java resource at the Web Developer's Virtual Library.

ScriptSearch Java
Hundreds of free Java code files to download.

jGuru: Your View of the Java Universe
Customizable portal with online training, FAQs, regular news updates, and tutorials.