<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 12pt;
font-family:Calibri
}
--></style></head>
<body class='hmmessage'><div dir='ltr'>Hello Julian,<div><br></div><div>Should I put that div layer into body tag (<body> </body?>) of the LO webpage?</div><div><br></div><div>Suhaila<br><br><div><div id="SkyDrivePlaceholder"></div><hr id="stopSpelling">From: Julian.Tenney@nottingham.ac.uk<br>To: xerte@lists.nottingham.ac.uk<br>Date: Mon, 22 Apr 2013 13:48:32 +0100<br>Subject: [Xerte] Re: FW: Re: Java application with Xerte<br><br><style><!--
.ExternalClass p.ecxMsoNormal, .ExternalClass li.ecxMsoNormal, .ExternalClass div.ecxMsoNormal {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass a:link, .ExternalClass span.ecxMsoHyperlink {
color:blue;
text-decoration:underline;
}
.ExternalClass span.ecxMsoHyperlinkFollowed {
color:purple;
text-decoration:underline;
}
.ExternalClass p {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxmsonormal, .ExternalClass li.ecxmsonormal, .ExternalClass div.ecxmsonormal {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxmsoacetate, .ExternalClass li.ecxmsoacetate, .ExternalClass div.ecxmsoacetate {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxmsonormal, .ExternalClass li.ecxecxmsonormal, .ExternalClass div.ecxecxmsonormal {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsonormal, .ExternalClass li.ecxecxecxmsonormal, .ExternalClass div.ecxecxecxmsonormal {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsoacetate, .ExternalClass li.ecxecxecxmsoacetate, .ExternalClass div.ecxecxecxmsoacetate {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsochpdefault, .ExternalClass li.ecxecxecxmsochpdefault, .ExternalClass div.ecxecxecxmsochpdefault {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsonormal1, .ExternalClass li.ecxecxecxmsonormal1, .ExternalClass div.ecxecxecxmsonormal1 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsoacetate1, .ExternalClass li.ecxecxecxmsoacetate1, .ExternalClass div.ecxecxecxmsoacetate1 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsochpdefault1, .ExternalClass li.ecxecxecxmsochpdefault1, .ExternalClass div.ecxecxecxmsochpdefault1 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxmsochpdefault, .ExternalClass li.ecxecxmsochpdefault, .ExternalClass div.ecxecxmsochpdefault {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxmsonormal1, .ExternalClass li.ecxecxmsonormal1, .ExternalClass div.ecxecxmsonormal1 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsonormal2, .ExternalClass li.ecxecxecxmsonormal2, .ExternalClass div.ecxecxecxmsonormal2 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsoacetate2, .ExternalClass li.ecxecxecxmsoacetate2, .ExternalClass div.ecxecxecxmsoacetate2 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsochpdefault2, .ExternalClass li.ecxecxecxmsochpdefault2, .ExternalClass div.ecxecxecxmsochpdefault2 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsonormal11, .ExternalClass li.ecxecxecxmsonormal11, .ExternalClass div.ecxecxecxmsonormal11 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsoacetate11, .ExternalClass li.ecxecxecxmsoacetate11, .ExternalClass div.ecxecxecxmsoacetate11 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsochpdefault11, .ExternalClass li.ecxecxecxmsochpdefault11, .ExternalClass div.ecxecxecxmsochpdefault11 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxmsochpdefault1, .ExternalClass li.ecxecxmsochpdefault1, .ExternalClass div.ecxecxmsochpdefault1 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxmsochpdefault, .ExternalClass li.ecxmsochpdefault, .ExternalClass div.ecxmsochpdefault {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass span.ecxmsohyperlink {
}
.ExternalClass span.ecxmsohyperlinkfollowed {
}
.ExternalClass span.ecxecxmsohyperlink1 {
}
.ExternalClass span.ecxecxmsohyperlinkfollowed1 {
}
.ExternalClass span.ecxecxecxmsohyperlink11 {
}
.ExternalClass span.ecxecxecxmsohyperlinkfollowed11 {
}
.ExternalClass span.ecxecxecxballoontextchar11 {
}
.ExternalClass span.ecxecxecxemailstyle1711 {
}
.ExternalClass span.ecxecxecxballoontextchar011 {
}
.ExternalClass span.ecxecxecxemailstyle2211 {
}
.ExternalClass span.ecxecxemailstyle361 {
}
.ExternalClass span.ecxballoontextchar {
}
.ExternalClass span.ecxemailstyle54 {
}
.ExternalClass p.ecxmsonormal1, .ExternalClass li.ecxmsonormal1, .ExternalClass div.ecxmsonormal1 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass span.ecxmsohyperlink1 {
color:blue;
text-decoration:underline;
}
.ExternalClass span.ecxmsohyperlinkfollowed1 {
color:purple;
text-decoration:underline;
}
.ExternalClass p.ecxmsoacetate1, .ExternalClass li.ecxmsoacetate1, .ExternalClass div.ecxmsoacetate1 {
font-size:8.0pt;
font-family:"Tahoma","sans-serif";
}
.ExternalClass p.ecxecxmsonormal2, .ExternalClass li.ecxecxmsonormal2, .ExternalClass div.ecxecxmsonormal2 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsonormal3, .ExternalClass li.ecxecxecxmsonormal3, .ExternalClass div.ecxecxecxmsonormal3 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsoacetate3, .ExternalClass li.ecxecxecxmsoacetate3, .ExternalClass div.ecxecxecxmsoacetate3 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsochpdefault3, .ExternalClass li.ecxecxecxmsochpdefault3, .ExternalClass div.ecxecxecxmsochpdefault3 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsonormal12, .ExternalClass li.ecxecxecxmsonormal12, .ExternalClass div.ecxecxecxmsonormal12 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsoacetate12, .ExternalClass li.ecxecxecxmsoacetate12, .ExternalClass div.ecxecxecxmsoacetate12 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsochpdefault12, .ExternalClass li.ecxecxecxmsochpdefault12, .ExternalClass div.ecxecxecxmsochpdefault12 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxmsochpdefault2, .ExternalClass li.ecxecxmsochpdefault2, .ExternalClass div.ecxecxmsochpdefault2 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxmsonormal11, .ExternalClass li.ecxecxmsonormal11, .ExternalClass div.ecxecxmsonormal11 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass span.ecxecxmsohyperlink11 {
color:blue;
text-decoration:underline;
}
.ExternalClass span.ecxecxmsohyperlinkfollowed11 {
color:purple;
text-decoration:underline;
}
.ExternalClass p.ecxecxecxmsonormal21, .ExternalClass li.ecxecxecxmsonormal21, .ExternalClass div.ecxecxecxmsonormal21 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsoacetate21, .ExternalClass li.ecxecxecxmsoacetate21, .ExternalClass div.ecxecxecxmsoacetate21 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsochpdefault21, .ExternalClass li.ecxecxecxmsochpdefault21, .ExternalClass div.ecxecxecxmsochpdefault21 {
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass p.ecxecxecxmsonormal111, .ExternalClass li.ecxecxecxmsonormal111, .ExternalClass div.ecxecxecxmsonormal111 {
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}
.ExternalClass span.ecxecxecxmsohyperlink111 {
color:blue;
text-decoration:underline;
}
.ExternalClass span.ecxecxecxmsohyperlinkfollowed111 {
color:purple;
text-decoration:underline;
}
.ExternalClass p.ecxecxecxmsoacetate111, .ExternalClass li.ecxecxecxmsoacetate111, .ExternalClass div.ecxecxecxmsoacetate111 {
font-size:8.0pt;
font-family:"Tahoma","sans-serif";
}
.ExternalClass span.ecxecxecxballoontextchar111 {
font-family:"Tahoma","sans-serif";
}
.ExternalClass p.ecxecxecxmsochpdefault111, .ExternalClass li.ecxecxecxmsochpdefault111, .ExternalClass div.ecxecxecxmsochpdefault111 {
font-size:12.0pt;
font-family:"Calibri","sans-serif";
}
.ExternalClass span.ecxecxecxemailstyle17111 {
font-family:"Calibri","sans-serif";
color:windowtext;
}
.ExternalClass span.ecxecxecxballoontextchar0111 {
font-family:"Tahoma","sans-serif";
}
.ExternalClass span.ecxecxecxemailstyle22111 {
font-family:"Calibri","sans-serif";
color:#1F497D;
}
.ExternalClass span.ecxecxemailstyle3611 {
font-family:"Calibri","sans-serif";
color:#1F497D;
}
.ExternalClass p.ecxecxmsochpdefault11, .ExternalClass li.ecxecxmsochpdefault11, .ExternalClass div.ecxecxmsochpdefault11 {
font-size:10.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass span.ecxballoontextchar1 {
font-family:"Tahoma","sans-serif";
}
.ExternalClass span.ecxemailstyle541 {
font-family:"Calibri","sans-serif";
color:#1F497D;
}
.ExternalClass p.ecxmsochpdefault1, .ExternalClass li.ecxmsochpdefault1, .ExternalClass div.ecxmsochpdefault1 {
font-size:10.0pt;
font-family:"Times New Roman","serif";
}
.ExternalClass span.ecxEmailStyle82 {
font-family:"Calibri","sans-serif";
color:#1F497D;
}
.ExternalClass .ecxMsoChpDefault {
font-size:10.0pt;
}
.ExternalClass div.ecxWordSection1 {
}
--></style><div class="ecxWordSection1"><p class="ecxMsoNormal"><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,</span></p><p class="ecxMsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D;"> </span></p><div><div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm;"><p class="ecxMsoNormal"><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</span></p></div></div><p class="ecxMsoNormal"> </p><div><div><div><p class="ecxMsoNormal"><span style="font-family:"Calibri","sans-serif";">Hello. </span></p></div></div><div><p class="ecxMsoNormal"><span style="font-family:"Calibri","sans-serif";"> </span></p></div><div><p class="ecxMsoNormal"><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" target="_blank">http://clyde.cs.nott.ac.uk/~sxm20u/basicHLS/index.htm</a> )</span></p></div><div><p class="ecxMsoNormal"><span style="font-family:"Calibri","sans-serif";"> </span></p></div><div><p class="ecxMsoNormal"><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" target="_blank">http://clyde.cs.nott.ac.uk/~sxm20u/quizTA.html</a> it is a drag & drop quiz</span></p></div><div><p class="ecxMsoNormal"><span style="font-family:"Calibri","sans-serif";"> </span></p></div><div><p class="ecxMsoNormal"><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? </span></p></div><div><p class="ecxMsoNormal"><span style="font-family:"Calibri","sans-serif";"> </span></p></div><div><p class="ecxMsoNormal"><span style="font-family:"Calibri","sans-serif";">Many thanks,</span></p></div><div><p class="ecxMsoNormal"><span style="font-family:"Calibri","sans-serif";">Suhaila</span></p></div></div></div>
<br><br>
<br><br>_______________________________________________
Xerte mailing list
Xerte@lists.nottingham.ac.uk
http://lists.nottingham.ac.uk/mailman/listinfo/xerte</div></div> </div></body>
</html>