ROR draggable_element with ghosting property in IE

Some days ago I faced a problem of drag and drop functionality in developing Scrumpad. We had to give a way to drag a DIV element from one block and drop to another to make user experience more interactive. It’s really an easy task as we have many rich javascript libraries. Besides ROR provide a rich javascript helper.
However we enabled the DIV s to be draggable by the following way:
<%= draggable_element ‘element_[id]’, :revert=>true, :ghosting => true -%>

Here ‘element_[id]’ refers to some DIV s having id like ‘element_1’, ‘element_2’ and so on...
When equipped with everything I checked in firefox and found everything working well. But in IE this code created a huge mess. After digging a bit more I found the problem in the ghosting property in draggable_element function. Actually this property helps to create a replica of the dragging element and move that DIV anywhere else. But IE showed so devotion on it that it was creating a new replica on each movement of my mouse. Finally rubbed out that property and found IE working fine. I searched for such examples in internet that uses ghosting property in draggable_element and works well in IE. But I didn’t found anyone. So finally I made my mind up not to use ghosting property anymore and this is only to be compatible with IE.
It would be great to have suggestions on this problem.

Thank u.

Comments

  1. UnknownApril 06, 2009

    Thanks for sharing your findings. It will help me in future when I use this draggable helper.

    ReplyDelete

Post a Comment

Popular posts from this blog

Ajax form submission with tiny MCE editor

Hi, I was working with a Ajax form submission where the form contains a tinyMCE wrapped textarea. I was using prototype library for Ajax. Problem is when I called Form.serialize('form_id') , it couldn't retrieve the value of the textarea as it is wrapped by tinyMCE. At last I got a solution by just calling a tinyMCE method before the Ajax operation. Here is the stepwise detail: 1. My tiny MCE declaration was very simple like: <script type="text/javascript" language="Javascript"> tinyMCE.init({ theme:"simple", mode:"exact", elements:"desc" }); </script> 2. Following is my HTML form: <form onsubmit="return processForm()" name="submitForm" id="submitForm" method="post" action="request.php"> <label for="name">Name: </label><br /> <input type="text" name="name" i
Read more

Samsung BADA, A new era of Samsung smart phones begins

Image
Yes! Samsung presenting a new mobile OS for the smart phones. This is BADA. You can take a look at the press release of BADA . This one is developed on top of the Samsung's legacy operating systems, but with a target for providing high end smart phone features. Besides, this is open for developers in the whole world. Just register in developer.bada.com and get joined with BADA community. Develop your smart application for your Samsung Smart phones and let others have fun with the excellent BADA applications. As I am developing BADA applications, I will try to keep a focus on BADA app development in my following series of blogs. Today here is a very basic introduction with BADA. So lets start... Start with the community: Here is the BADA developer website (  http://developer.bada.com ). Register there and get connected with lots of resources on BADA and also find very active BADA forums to share your learnings, problems, suggestions and recommendations. Find the forums here
Read more

Samsung BADA, Starting with sample application

Image
Hurrayh!! You downloaded all the required stuffs right? ( Didnt get my point :( ? Please refer to the earlier post  ;) .  Hope you already installed the IDE with language packs. If so just run the IDE. Specify your BADA workspace where all your projects are supposed be resided. And continue... So! Now we are totally ready to go for the sample applications right? Its really easy and fun at the same time. Hope the BADA IDE is running behind your web browser. Now all you need to do is follow the steps given here to run some sample applications. Playing with these applications will make you familiar with this IDE, as well as give you a brief idea over the BADA SDK. Anyway, lets stop my tattling and start working. 1. Open the window of BADA SDK samples window. Go to “Window > Show view > Other”. This will show you a dialog like following. Select Bada SDK samples from this dialog. Click OK. The window of sample application list is opened. 2. Right click on any application ( Sa
Read more