search for: draggable_element

I am having trouble with draggable_element and come IE7 css. I have a list where I want the items in the list to be draggable. I need the list to have a fixed height so I would like a scrollbar. I use overflow:auto and everything works great in Firefox and Safari. But IE doesn''t respect the overflow:hidden. Well, it kind of do...

...everal divs on the page. What I am doing is calling update_element_function, with the content as a block. Inside the block I usually have html, or make calls to other partials or components. This all works great. The problem I am having seems to come when I try to make this content draggable using draggable_element. For instance, I have a component that gets rendered when the user firsts loads the page and it is draggable and it drags just fine. Then when the user makes a selection to some options on the page, it makes an AJAX call and uses update_element_function to re-render the component using the same exa...

Hi all, I have an index.rhtml page which calls a partial called _tasks.rhtml. In the latter i call <%= draggable_element("icon#{@tasks.id}", :revert => true)%>. The first display of my page works fine and I get <script type="text/javascript"> //<![CDATA[ new Draggable("icon32", {revert:true}) //]]> </script> But then if I have an ajax call to a function which wi...

...uot;edit", :id => active_task.id } %> </li> The goal is when a user clicks on the "Edit" button, a new html portion appears with a html form (in order to modify the name of the task). The previous code works. so far so good. But I added a new javascript feature: <%= draggable_element "active_task_#{active_task.id}", :revert => true %> Now, the problem is that I don''t manage to distinct the click on the "edit" button and the one for "drag" action. How to solve this problem ? does a solution exist ? Thanks Best regards. Didier

...... etc. I need to be able to drag any item from the first column onto any item in the second column, even when the lists are long and both elements are not visible on the screen at once, so I need the page to scroll when I drag an asset to the edge of the browser screen. I currently use the draggable_element helper on each of the assets, and drop_receiving_element on each of the stories. What can I do so that when I want to drag an asset to a story that is off-screen, the page will scroll until that story comes into view? Many thanks, Brandon --~--~---------~--~----~------------~-------~--~----~ Yo...

This one''s kicking me in the *(&#^. All I want to do is create a draggable item and then detect the coordinates where it is dropped. So my first approach was to just use the draggable_element with :revert => false, like so: <%= draggable_element "my_element", :revert => false %> That works great and lets me drag stuff all over the place. In the scriptaculous docs it states that revert can be set to a function. I tried that with something like: <%= draggable...

....hide(''indicator'')" %> #_item_list <ul id="items1"> <% @item_list.each do |item| %> <% domid ="#{item.id}" %> <li class="my_item" id=''<%= domid %>''><%= item.name%></li> <%= draggable_element domid, :ghosting => true, :revert => true %> <% end %> </ul> #_items <ul id="item2"> <% session[:selected_items].each do |item| %> <% domid ="#{item.id}" %> <li id=''<%= domid %>''><%= Item.find(item).n...

...n of my view file. 4. Then executed the code <div id="dragDIV" class="green box">drag</div> <%= javascript_tag "new Draggable(''dragDIV'')" %> <div id="helperDIV" class="green box">helper</div> <%= draggable_element :helperDIV %> But now I can''t drag it. Whats the wrong I did. Can anyone suggest me. Or is there any code to check whether the javascripts are included correctly or not. Regards, Vikki, --~--~---------~--~----~------------~-------~--~----~ You received this message because you are...

...h_fields.rhtml <% session[:search_fields].each do |field, surely_empty| %> <span id="<%= field %>"><li><label for="<%= field %>"><%= field %>:</label><%= text_field_tag field %></li></span> <%= draggable_element field, :revert => true %> <% end %> add_search_field and remove_search_field are removing from the session a field and search_fields.rhtml as you see reprints all the fields I want to trash a field by moving it to the trash div. steps are the following: I have a table with a <%=...

hi, I have a draggable element (cart-item) in a shopping cart <%= draggable_element "item_#{product}_#{i}", :revert => true %> When this element is dragged outside the cart into the "main_div", I want to show a puff effect and remove the element. When it is dragged within the cart, it should revert. So i wrote this code for drop_receiving _element &lt...

...on'' class=''item_list_scroll''> <%= render(:partial => ''shared/items'', :object => @items) %> </div> <div class=''item_list_scroll''> <div id=''drag1''>[*] Draggable Element</div> <%= draggable_element "drag1", :ghosting => true, :revert => true %> </div> .item_list_scroll { | height: 200px; | width: 300px; | overflow...

Hey guys, I am trying to pass the parameters for the file being upload, but the params[] are not being passed. Ive read through some posts and realize this is an issue with RoR. I read through some of the posts and someone suggested using: http://svn.kylemaxwell.com/form_remote_upload/trunk/ I tried to install it, and although I thought I installed it correctly, it doesn''t work.

Hello, I have tried implementing the shopping cart ajax example and have run into some problems. The only differences with the shopping cart is My list of products are generated from a partial view The images of the products come from an http link. However, Iam seeing a strange behavior when I drag and drop the elements to my cart. On the first drag and drop the image successfully reverts to

Is there any component in rails that makes a draggable window? My current application needs to have windows containing controls that can be moved to new locations on the browser. Thanks Rob -- Posted via http://www.ruby-forum.com/.

...<ul id="list" style="list-style-position: outside;list-style-image: url(/images/drag.gif);"> <% for i in @sd_instructions %> <li id=<%= i.id.to_s %>><%= i.name %> <%= draggable_element i.id.to_s, :revert => true %></li> <% end %> </ul></div> </td> <td>3rd Party Carrier</td> <td><%= form.text_field ''ship_terms'' %></td> </tr>...

can anyone tell me how to make a Draggable element, which after drop doesn''t disappear. draggable_element "item_#{item.id}", :revert => true, :ghosting => true - don''t work, adding element disappears. -- Posted via http://www.ruby-forum.com/.

Hello community, I am a fairly new RoR programmer and I need some help with Scriptaculous Drag and Drop: So I have <%= draggable_element(@div_id, :revert => "failure", :snap => 5) -%> and a droppable: <%= drop_receiving_element(@team_div_id, :with => "''player='' + (element.id)+ ''&position='' + #{draft_position}" ,:complete => visual_effect(:highlight), :u...

...I am using evaluate_remote_response and update_element_function, to update elements with blocks of content, something like this: <% update_element_function("div_id", :binding => binding) do %> <div id="newdiv_id"> This is a new div! </div> <%= draggable_element(''newdiv_id'') %> <% end %> That will update the element with "div_id", and put the new div inside it. That works, the part that doesn''t work is the scriptaculous helper method. It returns a javascript tag with code to create a new draggable, but that co...

Hello everyone. Does anyone know how to deal with this? i try to change the idea of works revereffect:function but for know unsuccesfull. In my project i have to use dragable with revert: true but i don''t want have revereffect. Maybe any idea? Grzegorz Ślusarek ---------------------------------------------------- HARRY POTTER I CZARA OGNIA - PREMIERA KINOWA 25 LISTOPADA: Wejdź:

Loving using draggables/sortables in rails... two small issues though - First bug: creating a draggable object with a handle in rails: <%= draggable_element "item_#{item.id}", :handle=>"myhandle" %> this generates code like this: <script type="text/javascript">new Draggable(''item_7'', {handle:myhandle})</script> *** notice the missing quotes in the associative array around myhandle -...