<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 14 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"\@SimSun";
panose-1:2 1 6 0 3 1 1 1 1 1;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxmsonormal, li.ecxmsonormal, div.ecxmsonormal
{mso-style-name:ecxmsonormal;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxmsoacetate, li.ecxmsoacetate, div.ecxmsoacetate
{mso-style-name:ecxmsoacetate;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxmsonormal, li.ecxecxmsonormal, div.ecxecxmsonormal
{mso-style-name:ecxecxmsonormal;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsonormal, li.ecxecxecxmsonormal, div.ecxecxecxmsonormal
{mso-style-name:ecxecxecxmsonormal;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsoacetate, li.ecxecxecxmsoacetate, div.ecxecxecxmsoacetate
{mso-style-name:ecxecxecxmsoacetate;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsochpdefault, li.ecxecxecxmsochpdefault, div.ecxecxecxmsochpdefault
{mso-style-name:ecxecxecxmsochpdefault;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsonormal1, li.ecxecxecxmsonormal1, div.ecxecxecxmsonormal1
{mso-style-name:ecxecxecxmsonormal1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsoacetate1, li.ecxecxecxmsoacetate1, div.ecxecxecxmsoacetate1
{mso-style-name:ecxecxecxmsoacetate1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsochpdefault1, li.ecxecxecxmsochpdefault1, div.ecxecxecxmsochpdefault1
{mso-style-name:ecxecxecxmsochpdefault1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxmsochpdefault, li.ecxecxmsochpdefault, div.ecxecxmsochpdefault
{mso-style-name:ecxecxmsochpdefault;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxmsonormal1, li.ecxecxmsonormal1, div.ecxecxmsonormal1
{mso-style-name:ecxecxmsonormal1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsonormal2, li.ecxecxecxmsonormal2, div.ecxecxecxmsonormal2
{mso-style-name:ecxecxecxmsonormal2;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsoacetate2, li.ecxecxecxmsoacetate2, div.ecxecxecxmsoacetate2
{mso-style-name:ecxecxecxmsoacetate2;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsochpdefault2, li.ecxecxecxmsochpdefault2, div.ecxecxecxmsochpdefault2
{mso-style-name:ecxecxecxmsochpdefault2;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsonormal11, li.ecxecxecxmsonormal11, div.ecxecxecxmsonormal11
{mso-style-name:ecxecxecxmsonormal11;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsoacetate11, li.ecxecxecxmsoacetate11, div.ecxecxecxmsoacetate11
{mso-style-name:ecxecxecxmsoacetate11;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsochpdefault11, li.ecxecxecxmsochpdefault11, div.ecxecxecxmsochpdefault11
{mso-style-name:ecxecxecxmsochpdefault11;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxmsochpdefault1, li.ecxecxmsochpdefault1, div.ecxecxmsochpdefault1
{mso-style-name:ecxecxmsochpdefault1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxmsochpdefault, li.ecxmsochpdefault, div.ecxmsochpdefault
{mso-style-name:ecxmsochpdefault;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
span.ecxmsohyperlink
{mso-style-name:ecxmsohyperlink;}
span.ecxmsohyperlinkfollowed
{mso-style-name:ecxmsohyperlinkfollowed;}
span.ecxecxmsohyperlink1
{mso-style-name:ecxecxmsohyperlink1;}
span.ecxecxmsohyperlinkfollowed1
{mso-style-name:ecxecxmsohyperlinkfollowed1;}
span.ecxecxecxmsohyperlink11
{mso-style-name:ecxecxecxmsohyperlink11;}
span.ecxecxecxmsohyperlinkfollowed11
{mso-style-name:ecxecxecxmsohyperlinkfollowed11;}
span.ecxecxecxballoontextchar11
{mso-style-name:ecxecxecxballoontextchar11;}
span.ecxecxecxemailstyle1711
{mso-style-name:ecxecxecxemailstyle1711;}
span.ecxecxecxballoontextchar011
{mso-style-name:ecxecxecxballoontextchar011;}
span.ecxecxecxemailstyle2211
{mso-style-name:ecxecxecxemailstyle2211;}
span.ecxecxemailstyle361
{mso-style-name:ecxecxemailstyle361;}
span.ecxballoontextchar
{mso-style-name:ecxballoontextchar;}
span.ecxemailstyle54
{mso-style-name:ecxemailstyle54;}
p.ecxmsonormal1, li.ecxmsonormal1, div.ecxmsonormal1
{mso-style-name:ecxmsonormal1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
span.ecxmsohyperlink1
{mso-style-name:ecxmsohyperlink1;
color:blue;
text-decoration:underline;}
span.ecxmsohyperlinkfollowed1
{mso-style-name:ecxmsohyperlinkfollowed1;
color:purple;
text-decoration:underline;}
p.ecxmsoacetate1, li.ecxmsoacetate1, div.ecxmsoacetate1
{mso-style-name:ecxmsoacetate1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
p.ecxecxmsonormal2, li.ecxecxmsonormal2, div.ecxecxmsonormal2
{mso-style-name:ecxecxmsonormal2;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsonormal3, li.ecxecxecxmsonormal3, div.ecxecxecxmsonormal3
{mso-style-name:ecxecxecxmsonormal3;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsoacetate3, li.ecxecxecxmsoacetate3, div.ecxecxecxmsoacetate3
{mso-style-name:ecxecxecxmsoacetate3;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsochpdefault3, li.ecxecxecxmsochpdefault3, div.ecxecxecxmsochpdefault3
{mso-style-name:ecxecxecxmsochpdefault3;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsonormal12, li.ecxecxecxmsonormal12, div.ecxecxecxmsonormal12
{mso-style-name:ecxecxecxmsonormal12;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsoacetate12, li.ecxecxecxmsoacetate12, div.ecxecxecxmsoacetate12
{mso-style-name:ecxecxecxmsoacetate12;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsochpdefault12, li.ecxecxecxmsochpdefault12, div.ecxecxecxmsochpdefault12
{mso-style-name:ecxecxecxmsochpdefault12;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxmsochpdefault2, li.ecxecxmsochpdefault2, div.ecxecxmsochpdefault2
{mso-style-name:ecxecxmsochpdefault2;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxmsonormal11, li.ecxecxmsonormal11, div.ecxecxmsonormal11
{mso-style-name:ecxecxmsonormal11;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
span.ecxecxmsohyperlink11
{mso-style-name:ecxecxmsohyperlink11;
color:blue;
text-decoration:underline;}
span.ecxecxmsohyperlinkfollowed11
{mso-style-name:ecxecxmsohyperlinkfollowed11;
color:purple;
text-decoration:underline;}
p.ecxecxecxmsonormal21, li.ecxecxecxmsonormal21, div.ecxecxecxmsonormal21
{mso-style-name:ecxecxecxmsonormal21;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsoacetate21, li.ecxecxecxmsoacetate21, div.ecxecxecxmsoacetate21
{mso-style-name:ecxecxecxmsoacetate21;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsochpdefault21, li.ecxecxecxmsochpdefault21, div.ecxecxecxmsochpdefault21
{mso-style-name:ecxecxecxmsochpdefault21;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.ecxecxecxmsonormal111, li.ecxecxecxmsonormal111, div.ecxecxecxmsonormal111
{mso-style-name:ecxecxecxmsonormal111;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
span.ecxecxecxmsohyperlink111
{mso-style-name:ecxecxecxmsohyperlink111;
color:blue;
text-decoration:underline;}
span.ecxecxecxmsohyperlinkfollowed111
{mso-style-name:ecxecxecxmsohyperlinkfollowed111;
color:purple;
text-decoration:underline;}
p.ecxecxecxmsoacetate111, li.ecxecxecxmsoacetate111, div.ecxecxecxmsoacetate111
{mso-style-name:ecxecxecxmsoacetate111;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.ecxecxecxballoontextchar111
{mso-style-name:ecxecxecxballoontextchar111;
font-family:"Tahoma","sans-serif";}
p.ecxecxecxmsochpdefault111, li.ecxecxecxmsochpdefault111, div.ecxecxecxmsochpdefault111
{mso-style-name:ecxecxecxmsochpdefault111;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Calibri","sans-serif";}
span.ecxecxecxemailstyle17111
{mso-style-name:ecxecxecxemailstyle17111;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.ecxecxecxballoontextchar0111
{mso-style-name:ecxecxecxballoontextchar0111;
font-family:"Tahoma","sans-serif";}
span.ecxecxecxemailstyle22111
{mso-style-name:ecxecxecxemailstyle22111;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.ecxecxemailstyle3611
{mso-style-name:ecxecxemailstyle3611;
font-family:"Calibri","sans-serif";
color:#1F497D;}
p.ecxecxmsochpdefault11, li.ecxecxmsochpdefault11, div.ecxecxmsochpdefault11
{mso-style-name:ecxecxmsochpdefault11;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;
font-family:"Times New Roman","serif";}
span.ecxballoontextchar1
{mso-style-name:ecxballoontextchar1;
font-family:"Tahoma","sans-serif";}
span.ecxemailstyle541
{mso-style-name:ecxemailstyle541;
font-family:"Calibri","sans-serif";
color:#1F497D;}
p.ecxmsochpdefault1, li.ecxmsochpdefault1, div.ecxmsochpdefault1
{mso-style-name:ecxmsochpdefault1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;
font-family:"Times New Roman","serif";}
span.EmailStyle82
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-GB link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'>You can layer a div above the LO in the webpage, and then call some javascript from Xerte to load the content into the div,<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> xerte-bounces@lists.nottingham.ac.uk [mailto:xerte-bounces@lists.nottingham.ac.uk] <b>On Behalf Of </b>Suhaila Haji Mohd Hussin<br><b>Sent:</b> 22 April 2013 13:44<br><b>To:</b> xerte@lists.nottingham.ac.uk<br><b>Subject:</b> [Xerte] FW: Re: Java application with Xerte<o:p></o:p></span></p></div></div><p class=MsoNormal><o:p> </o:p></p><div><div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'>Hello. <o:p></o:p></span></p></div></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'><o:p> </o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'>I have created a very basic Xerte (can see via this link: <a href="http://clyde.cs.nott.ac.uk/~sxm20u/basicHLS/index.htm">http://clyde.cs.nott.ac.uk/~sxm20u/basicHLS/index.htm</a> )<o:p></o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'><o:p> </o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'>And I've also created a separate html (it also has css & javascript) which is this <a href="http://clyde.cs.nott.ac.uk/~sxm20u/quizTA.html">http://clyde.cs.nott.ac.uk/~sxm20u/quizTA.html</a> it is a drag & drop quiz<o:p></o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'><o:p> </o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'>My question is I'd like to embed the drag & drop quiz html into the Xerte so that it'd be nicer instead of putting hyperlink on Xerte and brings to a webpage. How can I do this? <o:p></o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'><o:p> </o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'>Many thanks,<o:p></o:p></span></p></div><div><p class=MsoNormal><span style='font-family:"Calibri","sans-serif"'>Suhaila<o:p></o:p></span></p></div></div></div></body></html>