We are currently trying to insert some 'SCORM' compatible multiple choice questions into a panorama.
Taking into consideration the HTML limitations using the TEXTFIELD plugin, we are curious how we could get around this to implement a table with similar attributes as the following HTML code?
<div class="MultichoiceIdevice" id="id0">
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" src="libot_drag.js"></script>
<div class="iDevice emphasis1">
<img alt="IDevice Question Icon" class="iDevice_icon" src="icon_question.gif" />
<span class="iDeviceTitle">Multi-choice</span><br/>
<div class="iDevice_inner">
<div class="question">
<div id="taquestion0_2" class="block" style="display:block">What is the Capital of England </div>
<span style="background-image:url('panel-amusements.png');">
<a onmousedown="javascript:updateCoords(event);showMe('hint0_2', 350, 100);" style="cursor:help;align:center;vertical-align:middle;" title="Hint"
onmouseover="javascript:void(0);"> </a></span><div id="hint0_2" style="display:none; z-index:99;"><div style="float:right;" ><img alt="Close" src="stock-stop.png" title="Close" onmousedown="javascript:hideMe();"/></div><div class="popupDivLabel">Hint</div>
<div id="tahint0_2" class="block" style="display:block">It begins with the letter 'L' </div></div>
<table>
<tbody>
<tr><td><input type="radio" name="option0_2" id="i0_5" onclick="getFeedback(0,3,'0_2','multi')"/></td><td>
<div id="taans0_5" class="block" style="display:block">Berlin </div></td></tr>
<tr><td><input type="radio" name="option0_2" id="i0_49" onclick="getFeedback(1,3,'0_2','multi')"/></td><td>
<div id="taans0_49" class="block" style="display:block">Paris </div></td></tr>
<tr><td><input type="radio" name="option0_2" id="i0_52" onclick="getFeedback(2,3,'0_2','multi')"/></td><td>
<div id="taans0_52" class="block" style="display:block">London </div></td></tr>
</tbody>
</table>
<div id="sa0b0_2" style="color: rgb(0, 51, 204);display: none;" even_steven="7"><div id="taf0_5" class="block" style="display:block">No, try again. </div></div>
<div id="sa1b0_2" style="color: rgb(0, 51, 204);display: none;" even_steven="7"><div id="taf0_49" class="block" style="display:block">No, try again. Are you stupid... </div></div>
<div id="sa2b0_2" style="color: rgb(0, 51, 204);display: none;" even_steven="8"><div id="taf0_52" class="block" style="display:block">Well done! </div></div>
</div>
Any suggestions will be well received.