Droppable Help
Droppable Help
<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"
xmlns:ns0="urn:schemas-microsoft-com:office:smarttags" xmlns:ns1="">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
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;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
-->
</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-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>Hello,<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I am fairly new to jQuery and I love its capabilities,
however I am kind of stumped on something that I hope someone will be able to
help me with.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Here is the scenario, I am creating a webpage that will have
a table, in each cell there will be a droppable div. (I know I know I should
not be using a table, but my boss is adamant about using the table for other
reasons.) Then, inside of each droppable div I will have a draggable div that I
can drag and drop to any other div. Right now my problem is that when I drag
and drop the div the original div stays in the starting box. I know there is
probably an easy solution, but I am still trying to get use to the jQuery
syntax, hopefully after I get the Learning jQuery book things will be much
easier.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Here is the code I am using right now:<o:p></o:p>
<p class=MsoNormal> <o:p></o:p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New";color:blue'><</span><span style='font-size:10.0pt;
font-family:"Courier New";color:#A31515'>html</span><span style='font-size:
10.0pt;font-family:"Courier New";color:blue'>><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span style='color:blue'><</span><span
style='color:#A31515'>head</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>style</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:#A31515'>.dragger</span> { <o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>border</span>: <span style='color:blue'>2px</span> <span
style='color:blue'>solid</span> <span style='color:blue'>#0090DF</span>;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>background-color</span>: <span style='color:blue'>#68BFEF</span>;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>width</span>: <span style='color:blue'>75px</span>; <o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>height</span>: <span style='color:blue'>25px</span>;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>margin</span>: <span style='color:blue'>10px</span>; }<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:#A31515'>.dropper</span> { <o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:red'>background-color</span>: <span style='color:blue'>#e9b96e</span>;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>border</span>: <span style='color:blue'>3px</span> <span
style='color:blue'>double</span> <span style='color:blue'>#c17d11</span>;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>width</span>: <span style='color:blue'>150px</span>; <o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>height</span>: <span style='color:blue'>70px</span>;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>margin</span>: <span style='color:blue'>10px</span>; <o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:red'>opacity</span>: <span style='color:blue'>0.7</span>;}<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'></</span><span style='color:#A31515'>style</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>script</span> <span
style='color:red'>src</span><span style='color:blue'>="../CommonJS/jquery-1.2.1.js"</span>
<span style='color:red'>type</span><span style='color:blue'>="text/javascript"></</span><span
style='color:#A31515'>script</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>script</span> <span
style='color:red'>src</span><span style='color:blue'>="../CommonJS/ui.mouse.js"</span>
<span style='color:red'>type</span><span style='color:blue'>="text/javascript"></</span><span
style='color:#A31515'>script</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>script</span> <span
style='color:red'>src</span><span style='color:blue'>="../CommonJS/ui.draggable.js"</span>
<span style='color:red'>type</span><span style='color:blue'>="text/javascript"></</span><span
style='color:#A31515'>script</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>script</span> <span
style='color:red'>src</span><span style='color:blue'>="../CommonJS/ui.draggable.ext.js"</span>
<span style='color:red'>type</span><span style='color:blue'>="text/javascript"></</span><span
style='color:#A31515'>script</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>script</span> <span
style='color:red'>src</span><span style='color:blue'>="../CommonJS/ui.droppable.js"</span>
<span style='color:red'>type</span><span style='color:blue'>="text/javascript"></</span><span
style='color:#A31515'>script</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>script</span> <span
style='color:red'>src</span><span style='color:blue'>="../CommonJS/ui.droppable.ext.js"</span>
<span style='color:red'>type</span><span style='color:blue'>="text/javascript"></</span><span
style='color:#A31515'>script</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New";color:blue'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>script</span> <span
style='color:red'>language</span><span style='color:blue'>="JavaScript"</span>
<span style='color:red'>type</span><span style='color:blue'>="text/javascript"><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
$(document).ready(<span style='color:blue'>function</span>(){<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
$(<span style='color:#A31515'>".dragger"</span>).draggable({helper: <span
style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'>return</span> $(<span style='color:blue'>this</span>).clone();<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
}});<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> $(<span
style='color:#A31515'>".dropper"</span>).addClass(<span
style='color:#A31515'>'droppable-active'</span>)<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
.droppable({<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
accept: <span style='color:#A31515'>".dragger"</span>,<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
drop: <span style='color:blue'>function</span>(ev, ui) {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'>var</span> draggable = ui.draggable.element;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'>var</span> droppable = ui.droppable.element;<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
$(draggable).remove();<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
$(droppable).append($(document.createElement(<span style='color:#A31515'>'div'</span>)).addClass(<span
style='color:#A31515'>'dragger'</span>)<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
.text($(ui.draggable.element).text()));<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
$(<span style='color:#A31515'>".dragger"</span>).draggable();
<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
}<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
});<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
});<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'></</span><span style='color:#A31515'>script</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span style='color:blue'></</span><span
style='color:#A31515'>head</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span style='color:blue'><</span><span
style='color:#A31515'>body</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'> <span
style='color:blue'><</span><span style='color:#A31515'>table</span><span
style='color:blue'>><</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><</span><span style='color:#A31515'>td</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>table</span> <span
style='color:red'>id</span><span style='color:blue'>="droptable"><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop1"></span>cell 1<span style='color:blue'><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dragger"</span> <span style='color:red'>id</span><span
style='color:blue'>="drag1"></span>Field 1<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop2"></span>cell 2<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop3"></span>cell 3<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'></</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'></</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop4"></span>cell 4<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop5"></span>cell 5<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop6"></span>cell 6<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'></</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'></</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop7"></span>cell 7<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop8"></span>cell 8<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id</span><span
style='color:blue'>="drop9"></span>cell 9<span style='color:blue'></</span><span
style='color:#A31515'>div</span><span style='color:blue'>></</span><span
style='color:#A31515'>td</span><span style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'></</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'></</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tbody</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>tr</span><span
style='color:blue'>><o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:"Courier New"'>
<span style='color:blue'><</span><span style='color:#A31515'>td</span> <span
style='color:red'>width</span><span style='color:blue'>="100px"><</span><span
style='color:#A31515'>div</span> <span style='color:red'>class</span><span
style='color:blue'>="dropper"</span> <span style='color:red'>id&