rendered paste body<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="../../lib/scenejs.js"></script>
<link href="../web/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="container">
<div id="header">
<div id="header-nav">
</div>
</div>
<div id="content">
<canvas id="theCanvas" width="1030" height="700">
<p>This example requires a browser that supports the
<a href="http://www.w3.org/html/wg/html5/">HTML5</a>
<canvas> feature.</p>
</canvas>
<div id="info">
</div>
<div id="object-select-container">
<select id="object-select">
<option>myCube-01</option>
<option>myCube-02</option>
<option>cube-group</option>
</select>
</div>
<div id="translate-container" style="background:blue; color:white; border-style:solid; padding:5px;">
<div id="translate_header">
Translation
</div>
X:
<input type="text" id="x_input" name="X" size="5" value="0" class="text-input" />
Y:
<input type="text" id="y_input" name="Y" size="5" value="0" class="text-input" />
Z:
<input type="text" id="z_input" name="Z" size="5" value="0" class="text-input" />
<input type="button" name="updateTranslate" class="button" id="submit_btn" value="Update" onclick="translateUpdate()" />
</div>
<div id="pitch-container" style="background:blue; color:white; border-style:solid; padding:5px;">
<div id="pitch_header">
Pitch
</div>
<input type="text" id="pitch_input" name="pitch" size="5" value="0" class="text-input" />
<input type="button" name="updatePitch" class="button" value="Update" onclick="pitchUpdate()" />
</div>
<div id="yaw-container" style="background:blue; color:white; border-style:solid; padding:5px;">
<div id="yaw_header">
Yaw
</div>
<input type="text" id="yaw_input" name="yaw" size="5" value="0" class="text-input" />
<input type="button" name="updateYaw" class="button" value="Update" onclick="yawUpdate()" />
</div>
<div id="roll-container" style="background:blue; color:white; border-style:solid; padding:5px;">
<div id="roll_header">
Roll
</div>
<input type="text" id="roll_input" name="roll" size="5" value="0" class="text-input" />
<input type="button" name="updateRoll" class="button" value="Update" onclick="rollUpdate()" />
</div>
<div id="log">
<h3>Log</h3>
<div id="theLoggingDiv"></div>
</div>
</div>
</div>
<script type="text/javascript" src="cube-scene-altered.js"></script>
<script type="text/javascript" src="messages-new.js"></script>
<script type="text/javascript" src="input-handler.js"></script>
</body>
</html>