rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JavaServer Faces 1.2 JavaOne Demo</title>
<link href="style/j1/screen.css" rel="stylesheet" type="text/css" />
<script src="static/META-INF/dojo/dojo.js.jsf" type="text/javascript"></script>
<script src="static/META-INF/prototype.js.jsf" type="text/javascript"></script>
<script src="static/META-INF/effects.js.jsf" type="text/javascript"></script>
<script src="static/META-INF/dragdrop.js.jsf" type="text/javascript"></script>
<script src="static/META-INF/controls.js.jsf" type="text/javascript"></script>
<script src="static/META-INF/com_sun_faces_ajax.js.jsf" type="text/javascript"></script>
</head>
<body>
<div id="nav">
<ul class="menubar">
<li><a href="home.jsf">Home</a></li>
<li><a href="eg.autosuggest.jsf">Auto Suggest</a></li>
<li><a href="eg.detailview.jsf">Detail View</a></li>
<li><a href="eg.orderentry.jsf" class="last">Order Entry</a></li>
</ul>
</div>
<div id="page">
<div class="wrapper">
<div id="logo"><img src="style/j1/logo.gif" /></div><form id="j_id4" name="j_id4" method="post" action="/jsf-j1/eg.orderentry.jsf" enctype="application/x-www-form-urlencoded">
<div id="content">
<div class="top">
<a href="#" onclick="if (Element.visible('dtlWrapper')) { new Effect.SlideUp('dtlWrapper'); $('dtl_btn').src = 'style/j1/basket_add.png'; } else { new Effect.SlideDown('dtlWrapper'); $('dtl_btn').src = 'style/j1/basket_delete.png'; } return false;"><img id="dtl_btn" src="style/j1/basket_add.png" /></a>
Order Total:<span id="orderTotal">¤0.00</span>
</div>
<div id="dtlWrapper" style="display: none; border: 1px solid #CCC; border-top: 0;"><table id="details" style="width: 100%">
<tbody>
</tbody>
</table>
</div>
<t:div id="catalog" style="text-align: center; margin: 25px 0;"><table id="datagrid" style="width: 100%;">
<thead>
<tr>
<th scope="col">Id</th>
<th scope="col">Description</th>
<th scope="col">Mfr</th>
<th scope="col">UOM</th>
<th scope="col">Qty</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td>
59339</td>
<td>
40cc Syringe</td>
<td>
Flownder Medical</td>
<td><select id="datagrid:0:uom" name="datagrid:0:uom" size="1"> <option value="BX">BX</option>
<option value="CS">CS</option>
</select></td>
<td><input id="datagrid:0:qty" type="text" name="datagrid:0:qty" size="2" /></td>
<td><input type="submit" name="datagrid:0:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
45439</td>
<td>
Latex Surgical Gloves</td>
<td>
3M</td>
<td><select id="datagrid:1:uom" name="datagrid:1:uom" size="1"> <option value="BX">BX</option>
<option value="CS">CS</option>
</select></td>
<td><input id="datagrid:1:qty" type="text" name="datagrid:1:qty" size="2" /></td>
<td><input type="submit" name="datagrid:1:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
46787</td>
<td>
Bed Restraint</td>
<td>
Mobile Health</td>
<td><select id="datagrid:2:uom" name="datagrid:2:uom" size="1"> <option value="DZ">DZ</option>
<option value="EA">EA</option>
</select></td>
<td><input id="datagrid:2:qty" type="text" name="datagrid:2:qty" size="2" /></td>
<td><input type="submit" name="datagrid:2:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
54333</td>
<td>
Small Cane Tip</td>
<td>
Frame Med</td>
<td><select id="datagrid:3:uom" name="datagrid:3:uom" size="1"> <option value="EA">EA</option>
<option value="PK">PK</option>
</select></td>
<td><input id="datagrid:3:qty" type="text" name="datagrid:3:qty" size="2" /></td>
<td><input type="submit" name="datagrid:3:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
78799</td>
<td>
Large Cane Tip</td>
<td>
Houler-Rike</td>
<td><select id="datagrid:4:uom" name="datagrid:4:uom" size="1"> <option value="EA">EA</option>
<option value="PK">PK</option>
</select></td>
<td><input id="datagrid:4:qty" type="text" name="datagrid:4:qty" size="2" /></td>
<td><input type="submit" name="datagrid:4:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
54787</td>
<td>
Ice Grip Cane Tip</td>
<td>
Houler-Rike</td>
<td><select id="datagrid:5:uom" name="datagrid:5:uom" size="1"> <option value="EA">EA</option>
<option value="PK">PK</option>
</select></td>
<td><input id="datagrid:5:qty" type="text" name="datagrid:5:qty" size="2" /></td>
<td><input type="submit" name="datagrid:5:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
54223</td>
<td>
36" Wood Cane</td>
<td>
Destro</td>
<td><select id="datagrid:6:uom" name="datagrid:6:uom" size="1"> <option value="EA">EA</option>
<option value="PK">PK</option>
</select></td>
<td><input id="datagrid:6:qty" type="text" name="datagrid:6:qty" size="2" /></td>
<td><input type="submit" name="datagrid:6:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
54988</td>
<td>
24" Aluminum Cane</td>
<td>
Harold</td>
<td><select id="datagrid:7:uom" name="datagrid:7:uom" size="1"> <option value="EA">EA</option>
<option value="PK">PK</option>
</select></td>
<td><input id="datagrid:7:qty" type="text" name="datagrid:7:qty" size="2" /></td>
<td><input type="submit" name="datagrid:7:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
59847</td>
<td>
80cc Syringe</td>
<td>
Helm</td>
<td><select id="datagrid:8:uom" name="datagrid:8:uom" size="1"> <option value="BX">BX</option>
<option value="CS">CS</option>
</select></td>
<td><input id="datagrid:8:qty" type="text" name="datagrid:8:qty" size="2" /></td>
<td><input type="submit" name="datagrid:8:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
<tr>
<td>
54678</td>
<td>
Folding Cane</td>
<td>
Johnson</td>
<td><select id="datagrid:9:uom" name="datagrid:9:uom" size="1"> <option value="EA">EA</option>
<option value="PK">PK</option>
</select></td>
<td><input id="datagrid:9:qty" type="text" name="datagrid:9:qty" size="2" /></td>
<td><input type="submit" name="datagrid:9:j_id36" value="Add Item" onclick="new Faces.Event(this); return false;" class="orange" /></td>
</tr>
</tbody>
</table>
<div id="datascroller" style="margin-top: 10px;"><span id="scroller"><table border="0" cellpadding="0" align="center"><tr align="center" valign="top"><td><font size="-1">Result Page: </font></td><td>
<img src="style/j1/control_start.gif" /><br /></td><td>
1</td><td>
<a href="#" onmousedown="document.forms[0]['j_id38_action'].value='2'; document.forms[0]['j_id38_curPage'].value='1'; document.forms[0].submit()">2</a></td><td>
<a href="#" onmousedown="document.forms[0]['j_id38_action'].value='3'; document.forms[0]['j_id38_curPage'].value='1'; document.forms[0].submit()">3</a></td><td>
<a href="#" onmousedown="document.forms[0]['j_id38_action'].value='-1'; document.forms[0]['j_id38_curPage'].value='1'; document.forms[0].submit()"><img src="style/j1/control_end.gif" /><br /></a></td></tr><input type="hidden" name="j_id38_action"/>
<input type="hidden" name="j_id38_curPage"/></table>
<script type="text/javascript">
document.forms[0].submit = function() {};
var a = $('datascroller').getElementsByTagName('a');
$A(a).each(function(e) { new Faces.Command(e, 'mousedown', { render: 'datagrid,scroller' }); });
</script></span>
</div>
</t:div>
</div><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="j_id128:j_id129" /><input type="hidden" name="j_id4" value="j_id4" /></form>
</div>
</div>
<div id="footer">
<div class="wrapper">
Written with Facelets 1.2 and JavaServer Faces RI 1.2
</div>
</div>
<div style="float: left; width: 100%; height: 20px; "> </div>
</body>
</html>