| Hi List,
I am using Project Wonder for Ajax actions in my project with WO 5.4.3.
When I implement Draggable and Droppable in my application it works fine with safari and Chrome browsers.
But when I verified the same functionality in IE 7 or 8 it is not working only when the droppable list is less than 2 or empty. It is working when the Droppable list contains two or more items.
The code follows like:
-------------------HTML Code-------------
<table cellpadding=4 cellspacing=0 width="100%" height="30%" id="AnswerOptionsTable"> <tr><td> <webobject name = LeftDropBlock> <WEBOBJECT NAME=LeftItemRepetition> <tr> <TD><webobject name = "DragItem"><webobject name = "DragItemTitle"></webobject></webobject> </TD> </TR> </WEBOBJECT> </Table> </WEBOBJECT> </td> <td> <webobject name = "RightDropBlock"> <WEBOBJECT NAME=RightItemRepetition> <tr> <TD><webobject name = "DragItem"><webobject name = "DragItemTitle"></webobject></webobject> </TD> </TR> </WEBOBJECT> </Table> </WEBOBJECT> </td></tr>
</TABLE>
-------------WOD Code---------------
DragItem : AjaxDraggable { class = "draggableItem"; revert = false; draggableObject = repetitionDragItem; }
DragItemTitle : WOString { value = repetitionDragItem.text; escapeHTML = repetitionDragItem.escapeHTML; }
LeftDropBlock : AjaxDroppable { id = "leftDropBlock"; updateContainerID = "Container1"; action = droppedOnLeft; droppedObject = droppedLeftObject; onComplete = "function(request) { new Effect.Highlight('leftDropBlock'); new Effect.Highlight('rightDropBlock'); }"; }
RightDropBlock : AjaxDroppable { id = "rightDropBlock"; updateContainerID = "MyContainer"; action = droppedOnRight; droppedObject = droppedRightObject; onComplete = "function(request) { new Effect.Highlight('leftDropBlock'); new Effect.Highlight('rightDropBlock');}"; }
LeftItemRepetition : WORepetition { id="leftList"; list = leftList; item = repetitionDragItem; }
RightItemRepetition : WORepetition { id = "rightList"; list = rightList; item = repetitionDragItem; } |