I have an element is outside iframe and I need to drag it to the iframe. Problem is it is not working (or more likely I am missing something) .
<html lang="en">
<head>
</head>
<body id="LeftMenuBG" onload="forms_onload();">
blah blah
<iframe src="javascript:''" id="application" style="position: absolute; width: 0pt; height: 0pt; border: medium none;"
tabindex="-1"></iframe>
<div class="window" style="position: absolute; z-index: 100; top: 0px; left: 67px;">
<div class="window-title">
<div class="gwt-Label">Email Message</div>
<div class="window-close"></div>
</div>
<div class="window-content" style="width: 700px;">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="left" style="vertical-align: top;">
<iframe class="rich-text-area" style="width: 698px; height: 360px;"></iframe>
</td>
</tr>
</tbody>
</table>
</div>
<div class="window-sidebar" style="height: 480px;">
<div>
<div class="palette-panel">
<div class="title">Form Properties</div>
<div class="container">
<div class="filter-list">
<div class="header"><input type="text" class="text filter hint"></div>
<ol>
<li draggable="true"><img src="/static/images/icons/textfield18.gif" class="icon"
style="width: 18px; height: 18px;" title="Text">
<div class="gwt-Label" id="text">text</div>
</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Any ideas? I will even offer you a beer if you can solve this and you are in Vancouver, BC.