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, 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 applica...
Read more

Bada tutorial: Application basics

Image
Now as we know how to create a project and already met the containers , we can start writing our application right away. And for this we will need to have a little concept about some basics of starting up an application. So today's post is on some elementary stuffs. May seem little bit boring but yet required!!  I will not repeat the words already said in bada API doc. I put the links of API doc with each description. Please read the doc and find some additional concerns in this post. First lets look at the following state diagram of an application.  Fig: Application life cycle. Collected from bada API doc. You probably already have seen this earlier. To start with an application we need to know exactly how to handle all the methods indicated in the diagram. Lets start with the first one... OnAppInitializing: At the time of launching your application the system will call OnAppInitializing method to initialize it. Take a look at the bada API doc for this...
Read more