index.asp


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<!-- HEAD SECTION -->
<head>
<title> WebCatPlus Motor Example </title>
<link href="style.css" type="text/css" rel="STYLESHEET">
</head>

<!-- SCRIPT SECTION -->
<script language="javascript">
// ---------------------------------------------
// Do selected action on motor
// ---------------------------------------------
function OnDoClick()
{
    var Request = "index.asp?";
    var Steps;
    var MotorNumber;
    var TurnSide;

    // we still need check when user eneter string, not the number
    if(steps.value == null || steps.value.length == 0 || steps.value < 0 || steps.value > 255 )
    {
        alert("Wrong value of Steps. It should be in range [1..255].");
        return;
    }
    else
    {
        Steps = steps.value;
    }
    
    MotorNumber = motor.value;
    TurnSide = side.value;
    
    Request += "DM" + MotorNumber + TurnSide + "=" + Steps;
    window.open(Request, "_self");
}
// ---------------------------------------------
// Initialize motors
// ---------------------------------------------
function OnInitClick()
{
    var Request = "index.asp?DMI=";
    
    // we still need check when user eneter string, not the number
    if(pulse_width.value == null || pulse_width.value.length == 0 || pulse_width.value < 0 || pulse_width.value > 50 )
    {
        alert("Wrong value of Pulse width. It should be in range [1..50].");
        return;
    }
    else
    {
        Request += pulse_width.value;
        window.open(Request, "_self");
    }
}
</script>


<!-- BODY SECTION -->
<body>

<h1> WebCatPlus Motor Example </h1>


<table class="tbl">

<tr>
    <td colspan="2"><b>Initialize section</b></td>
</tr>

<tr>
    <td>Pulse width in milliseconds:</td>
    <td><input type="text" name="pulse_width" maxlength="20" />
    </td>
</tr>
<tr>
    <td>?</td>
    <td align="right"><input type="button" value="Initialize" onclick="OnInitClick();" /> </td>
</tr>

<tr>
    <td colspan="2">?</td>
</tr>

<tr>
    <td colspan="2"><b>Control section</b></td>
</tr>

<tr>
    <td>Select a Motor:</td>
    <td>
    <select name="motor">
        <option value="1" selected="selected">Motor #1</option>
        <option value="2">Motor #2</option>
    </select>
    </td>
</tr>

<tr>
    <td>Direction:</td>
    <td>
    <select name="side">
        <option value="L" selected="selected">Counterclockwise</option>
        <option value="R">Clockwise</option>
    </select>
    </td>
</tr>

<tr>
    <td>Steps:</td>
    <td><input type="text" name="steps" maxlength="20" />
    </td>
</tr>

<tr>
    <td>?</td>
    <td align="right"><input type="button" value="GO" onclick="OnDoClick();" /> </td>
</tr>

</table>


</body>
</html>

Screenshot