ICE Example: JSP Form

Both example ICE native services are migrated to JSP pages. The sample, migrated JSP for the static ICE service simply contains HTML and JavaScript necessary to render the form, and does not contain Java scriplets or expressions. However, being a Java Server Page, Java code may be introduced as needed:

JSP (HTML Form)

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>nn BOB (static)</TITLE>
<SCRIPT>
function setVesselText(aRadioBtn) {
    // alert("setVesselText() called=" + aRadioBtn.value);
    // alert("this.form.id=" + aRadioBtn.form["vesselTypeRadio"]);
  aRadioBtn.form["vesselText"].value = aRadioBtn.value;
}

function setBeverageText(aRadioBtn) {
    // alert("setBeverageText() called=" + aRadioBtn.value);
    // alert("this.form.id=" + aRadioBtn.form["vesselTypeRadio"]);
  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:8080/TestMJApp/BOB/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