Popup control + drag and drop feature
Tomáš Petrícek did an incredible good job with his popup control.
However It was frustrating to not having a drag and drop feature. I made some changes to the code, and because I respect the job he did I am going to suggest the modifications on the CodeProject forum.
By the way I am sure he's already working on this, but if this can save him some time, I will be happy ;-)
The modifications are mostly on the Javascript code that Tomas's tool generate, and I think maybe a property may be added to trigger Dragandrop (true or false)
The Javascript routine for the drag and drop is an old routine I used many times and cross browser compatible (IE4+ to NS 6+).
Tested succesfully anyway
The popup code would look like this:
| <div id="dragbar" style="display:none; background:#E0E9F8; position:relative; left:2px; width:230px; top:2px; height:100px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFE0E9F8', EndColorStr='#FFFFFFFF');font:12px arial,sans-serif; color:#1F336B; text-decoration:none;"> <span id="popupWintitleEl">mywindow</span> <div style="position:relative; right:0px; top:0px; cursor:pointer; color:#728EB8; font:bold 12px arial,sans-serif; position:absolute; right:3px;" onclick="popupWinespopup_Close()" onmouseover="style.color='#455690';" onmouseout="style.color='#728EB8';">X</div> <div id="popupWin_content" style="display:none; border-left:1px solid #728EB8; border-top:1px solid #728EB8; border-bottom:1px solid #B9C9EF; border-right:1px solid #B9C9EF; background:#E0E9F8; padding:2px; overflow:hidden; text-align:center; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFE0E9F8', EndColorStr='#FFFFFFFF');position:absolute; left:2px; width:224px; top:20px; height:76px;"> This text will be displayed in popup window. </div> </div> </div> |