<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:x="urn:schemas-microsoft-com:office:excel" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:a="urn:schemas-microsoft-com:office:access" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema" xmlns:b="urn:schemas-microsoft-com:office:publisher" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:c="urn:schemas-microsoft-com:office:component:spreadsheet" xmlns:odc="urn:schemas-microsoft-com:office:odc" xmlns:oa="urn:schemas-microsoft-com:office:activation" xmlns:html="http://www.w3.org/TR/REC-html40" xmlns:q="http://schemas.xmlsoap.org/soap/envelope/" xmlns:rtc="http://microsoft.com/officenet/conferencing" xmlns:D="DAV:" xmlns:Repl="http://schemas.microsoft.com/repl/" xmlns:mt="http://schemas.microsoft.com/sharepoint/soap/meetings/" xmlns:x2="http://schemas.microsoft.com/office/excel/2003/xml" xmlns:ppda="http://www.passport.com/NameSpace.xsd" xmlns:ois="http://schemas.microsoft.com/sharepoint/soap/ois/" xmlns:dir="http://schemas.microsoft.com/sharepoint/soap/directory/" xmlns:ds="http://www.w3.org/2000/09/xmldsig#" xmlns:dsp="http://schemas.microsoft.com/sharepoint/dsp" xmlns:udc="http://schemas.microsoft.com/data/udc" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:sub="http://schemas.microsoft.com/sharepoint/soap/2002/1/alerts/" xmlns:ec="http://www.w3.org/2001/04/xmlenc#" xmlns:sp="http://schemas.microsoft.com/sharepoint/" xmlns:sps="http://schemas.microsoft.com/sharepoint/soap/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:udcs="http://schemas.microsoft.com/data/udc/soap" xmlns:udcxf="http://schemas.microsoft.com/data/udc/xmlfile" xmlns:udcp2p="http://schemas.microsoft.com/data/udc/parttopart" xmlns:wf="http://schemas.microsoft.com/sharepoint/soap/workflow/" xmlns:dsss="http://schemas.microsoft.com/office/2006/digsig-setup" xmlns:dssi="http://schemas.microsoft.com/office/2006/digsig" xmlns:mdssi="http://schemas.openxmlformats.org/package/2006/digital-signature" xmlns:mver="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:mrels="http://schemas.openxmlformats.org/package/2006/relationships" xmlns:spwp="http://microsoft.com/sharepoint/webpartpages" xmlns:ex12t="http://schemas.microsoft.com/exchange/services/2006/types" xmlns:ex12m="http://schemas.microsoft.com/exchange/services/2006/messages" xmlns:pptsl="http://schemas.microsoft.com/sharepoint/soap/SlideLibrary/" xmlns:spsl="http://microsoft.com/webservices/SharePointPortalServer/PublishedLinksService" xmlns:Z="urn:schemas-microsoft-com:" xmlns:st="" 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 12 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@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:Verdana;
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:11.0pt;
font-family:"Calibri","sans-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";}
span.EmailStyle18
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle19
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle20
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle21
{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='color:#1F497D'>It’s more powerful : you can do
whatever you want with it. In toolkits there isn’t currently a draggable image
interaction.<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><br>
Yes you can: make a simple example and work up to what you need.<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>Set up this structure<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>GRAPHIC<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>INTERACTION<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'> TARGET AREA<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'> SCRIPT<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>Load your draggable graphic into
the graphic icon, give it an id ‘myDragItem’<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>Set the properties for the
target are’as position and dimensions (select the icon, press SHIFT-F5, place
it where you want it)<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>Set the dragItesm property of the
target area to<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>myDragItem~snap~1<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>Thenread the help for an
explanation fo the options in the dragItems property.<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>Then you can add further items
to the dragItems, separating them with commas,<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:#1F497D'>J<o:p></o:p></span></p>
<p class=MsoNormal><span style='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 style='margin-left:36.0pt'><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>Alicia.Wallace<br>
<b>Sent:</b> 07 October 2010 11:01<br>
<b>To:</b> Xerte discussion list<br>
<b>Subject:</b> [Xerte] RE: Interaction<o:p></o:p></span></p>
</div>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><o:p> </o:p></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>I’m
currently using Xerte, version 2.11 if that makes any difference.<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>Alicia Wallace<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>E-Materials Developer -
Environmental Technologies<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>Hartpury College<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>Hartpury House<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>Gloucestershire<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>GL19 3BE<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'><o:p> </o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>Tel: 01452 702461<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'>E-mail: <a
href="mailto:rob.matts@hartpury.ac.uk">alicia.wallace@hartpury.ac.uk</a><o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif";color:#1F497D'><a
href="http://www.hartpury.ac.uk/projects/SWEET">www.hartpury.ac.uk/projects/SWEET</a><o:p></o:p></span></p>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><span style='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 style='margin-left:36.0pt'><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>Julian Tenney<br>
<b>Sent:</b> 07 October 2010 10:55<br>
<b>To:</b> Xerte discussion list<br>
<b>Subject:</b> [Xerte] RE: Interaction<o:p></o:p></span></p>
</div>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><o:p> </o:p></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Is
this using Xerte Online Toolkits, or Xerte itself?<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:36.0pt'><span style='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 style='margin-left:72.0pt'><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>Alicia.Wallace<br>
<b>Sent:</b> 07 October 2010 10:46<br>
<b>To:</b> xerte@lists.nottingham.ac.uk<br>
<b>Subject:</b> [Xerte] Interaction<o:p></o:p></span></p>
</div>
</div>
<p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'>Hi,<o:p></o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'>I’m brand new to Xerte, so this
could be a very stupid question. <span style='font-family:Wingdings'>J</span><o:p></o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'>I want to make an interaction
which involves dragging and dropping images into a target area.<o:p></o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'>Is that possible? <o:p></o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>Alicia Wallace<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>E-Materials Developer - Environmental
Technologies<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'><o:p> </o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>Hartpury College<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>Hartpury House<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>Gloucestershire<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>GL19 3BE<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'><o:p> </o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>Tel: 01452 702461<o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'>E-mail: <a
href="mailto:rob.matts@hartpury.ac.uk">alicia.wallace@hartpury.ac.uk</a><o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.5pt;
font-family:"Arial","sans-serif"'><a
href="http://www.hartpury.ac.uk/projects/SWEET">www.hartpury.ac.uk/projects/SWEET</a><o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p>
<div>
<div>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:12.0pt;
font-family:"Times New Roman","serif"'><img border=0 id="_x0000_i1025"
src="http://www.hartpury.ac.uk/images/ofsted_logo.gif"><o:p></o:p></span></p>
</div>
<p class=MsoNormal style='margin-left:72.0pt'><span style='font-size:10.0pt;
font-family:"Verdana","sans-serif"'>Hartpury College – Graded Outstanding by
Ofsted 2009-2010</span><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'>
<o:p></o:p></span></p>
<p style='margin-left:72.0pt'><span style='font-size:10.0pt;font-family:"Verdana","sans-serif"'>This
is confidential or sensitive information. The contents are not to be disclosed
to anyone other than the addressee. Unauthorised recipients are requested to
preserve this confidentiality and to advise us of any errors in transmission.
Thank you. <o:p></o:p></span></p>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:12.0pt;
font-family:"Times New Roman","serif"'><o:p> </o:p></span></p>
<p style='margin-left:36.0pt'>This message and any attachment are intended
solely for the addressee and may contain confidential information. If you have
received this message in error, please send it back to me, and immediately
delete it. Please do not use, copy or disclose the information contained in
this message or in any attachment. Any views or opinions expressed by the author
of this email do not necessarily reflect the views of the University of
Nottingham. <o:p></o:p></p>
<p style='margin-left:36.0pt'>This message has been checked for viruses but the
contents of an attachment may still contain software viruses which could damage
your computer system: you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as permitted
by UK legislation. <o:p></o:p></p>
<div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:12.0pt;
font-family:"Times New Roman","serif"'><img border=0 id="_x0000_i1026"
src="http://www.hartpury.ac.uk/images/ofsted_logo.gif"><o:p></o:p></span></p>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:10.0pt;
font-family:"Verdana","sans-serif"'>Hartpury College – Graded Outstanding by
Ofsted 2009-2010</span><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'>
<o:p></o:p></span></p>
<p style='margin-left:36.0pt'><span style='font-size:10.0pt;font-family:"Verdana","sans-serif"'>This
is confidential or sensitive information. The contents are not to be disclosed
to anyone other than the addressee. Unauthorised recipients are requested to
preserve this confidentiality and to advise us of any errors in transmission.
Thank you. <o:p></o:p></span></p>
</div>
</div>
</body>
</html>