ICE Example: Static ICE Form

The HTML form and supporting JavaScript that selects a beverage and vessel is an ICE static native service:

MAPPER (Static ICE Form)

.Object Name: BOB_UI_ST

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>nn BOB (static)</TITLE>
<SCRIPT>
function setVesselText(aRadioBtn) {
  aRadioBtn.form["vesselText"].value = aRadioBtn.value;
}

function setBeverageText(aRadioBtn) {
  aRadioBtn.form["beverageText"].value = aRadioBtn.value;
}

window.onload = function(e){
  setVesselText(
      document.querySelector('input[name="vesselTypeRadio"]:checked')
  );
  setBeverageText(
      document.querySelector('input[name="beverageTypeRadio"]:checked')
  );
}
</SCRIPT>
</HEAD>
<BODY>

<TABLE>
<form METHOD="POST"
        action="http://localhost/ICE/default.asp?Category=BOB&Service=BOB_PROC">
<TR>
<TD COLSPAN="3">
  <FIELDSET>
    <LEGEND STYLE="font-weight:bold">Ninety-Nine</LEGEND>
      <input type="text" readonly name="vesselText" STYLE="border:none;
 text-align:center; text-decoration:underline">
      of
      <input type="text" readonly name="beverageText" STYLE="border:none;
 text-align:center; text-decoration:underline">
  </FIELDSET>
</TD>
</TR>

<TR>
<TD VALIGN="top">
  <FIELDSET>
    <LEGEND>Pick a Vessel</LEGEND>
    <input type="radio" name="vesselTypeRadio" value="bottles" checked
 onclick="setVesselText(this);"> Bottles<br>
    <input type="radio" name="vesselTypeRadio" value="kegs"
 onclick="setVesselText(this);"> Kegs<br>
    <input type="radio" name="vesselTypeRadio" value="shots"
 onclick="setVesselText(this);"> Shots<br>
    <input type="radio" name="vesselTypeRadio" value="jugs"
 onclick="setVesselText(this);"> Jugs<br>
    <input type="radio" name="vesselTypeRadio" value="glasses"
 onclick="setVesselText(this);"> Glasses<br>
    <input type="radio" name="vesselTypeRadio" value="thimbles"
 onclick="setVesselText(this);"> Thimbles<br>
    <input type="radio" name="vesselTypeRadio" value="boxes"
 onclick="setVesselText(this);"> Boxes
  </FIELDSET>
</TD>
<TD>
  
</TD>
<TD  VALIGN="top">
  <FIELDSET>
    <LEGEND>Pick a Beverage</LEGEND>
    <input type="radio" name="beverageTypeRadio" value="beer" checked
 onclick="setBeverageText(this);"> Beer<br>
    <input type="radio" name="beverageTypeRadio" value="wine"
 onclick="setBeverageText(this);"> Wine<br>
    <input type="radio" name="beverageTypeRadio" value="moonshine"
 onclick="setBeverageText(this);"> Moonshine<br>
    <input type="radio" name="beverageTypeRadio" value="tequila"
 onclick="setBeverageText(this);"> Tequila<br>
    <input type="radio" name="beverageTypeRadio" value="champagne"
 onclick="setBeverageText(this);"> Champagne<br>
    <input type="radio" name="beverageTypeRadio" value="scotch"
 onclick="setBeverageText(this);"> Scotch<br>
    <input type="radio" name="beverageTypeRadio" value="mead"
 onclick="setBeverageText(this);"> Mead
    </FIELDSET>
</TD>
</TR>

<TR><TD COLSPAN="3"> </TD></TR>

<TR>
<TD COLSPAN="3" ALIGN="center" VALIGN="bottom">
  <input type="submit" value="Submit">
</TD>
</TR>

</form>
</TABLE>
</BODY>
</HTML>

previous

next