Skip to main content

Rails drag and drop with scriptaculous

From here:

View:
<% element_to_drag_id = "item_#{item.id}" %>
<div id=<%= element_to_drag_id %> class='mydrop'>
Whatever
</div>
<%= draggable_element(element_to_drag_id, :revert=>true) %>
 
 
<% element_to_drop_id = "receiver" %>
<div id=<%= element_to_drop_id %> >
Whatever else
</div>
<%= drop_receiving_element(element_to_drop_id,  # The id of the receiving element
  :accept => "mydrop",                          # The CSS class of the dropped element
  :with   => "'dropid=' + (element.id.split('_').last())", # The query string parameters
  :url    => {:action=> 'dropped'}              # The action to call
)%> 

Controller:
Do whatever you need. The id is passed in params[:dropid]. See views/keywords/_show_key.html.erb and controllers/keyword_controller.rb for illustration of how to use it.

Note:
There is an issue with dragging and dropping across divs that have overflow:auto on
[1],[2]

This can be fixed by setting :ghosting=>true in the draggable.

Comments

Popular posts from this blog

Python: Multiprocessing: passing multiple arguments to a function

Write a wrapper function to unpack the arguments before calling the real function. Lambda won't work, for some strange un-Pythonic reason.


import multiprocessing as mp def myfun(a,b): print a + b def mf_wrap(args): return myfun(*args) p = mp.Pool(4) fl = [(a,b) for a in range(3) for b in range(2)] #mf_wrap = lambda args: myfun(*args) -> this sucker, though more pythonic and compact, won't work p.map(mf_wrap, fl)

Flowing text in inkscape (Poster making)

You can flow text into arbitrary shapes in inkscape. (From a hint here).

You simply create a text box, type your text into it, create a frame with some drawing tool, select both the text box and the frame (click and shift) and then go to text->flow into frame.

UPDATE:

The omnipresent anonymous asked:
Trying to enter sentence so that text forms the number three...any ideas?
The solution:
Type '3' using the text toolConvert to path using object->pathSize as necessaryRemove fillUngroupType in actual text in new text boxSelect the text and the '3' pathFlow the text

Drawing circles using matplotlib

Use the pylab.Circle command

import pylab #Imports matplotlib and a host of other useful modules cir1 = pylab.Circle((0,0), radius=0.75, fc='y') #Creates a patch that looks like a circle (fc= face color) cir2 = pylab.Circle((.5,.5), radius=0.25, alpha =.2, fc='b') #Repeat (alpha=.2 means make it very translucent) ax = pylab.axes(aspect=1) #Creates empty axes (aspect=1 means scale things so that circles look like circles) ax.add_patch(cir1) #Grab the current axes, add the patch to it ax.add_patch(cir2) #Repeat pylab.show()