Rails spinoffs - Jul 2005 - Re: Using sortable.

Thomas,

I am trying to use the Sortable functionality through
a rails implementation.

My sortable container looks like this:

<div class="thumbnails">
    <div class="minus_navigation">
      <a href="javascript:Photos.selectPrevious()">
        <img alt="Move to previous photo"
class="navigation" src="/images/zoom-minus.png">
      </a>
    </div>
    <div class="container"
id="thumbnails_container"><span style="position:
relative;" id="thumbspan_1">
          <a href="javascript:Photos.select(1)">

            <img id="thumbnail_1"
src="/photos/101/0.jpg" class="unselected">
          </a>
        </span><span style="position: relative;"
id="thumbspan_2">
          <a href="javascript:Photos.select(2)">
            <img id="thumbnail_2"
src="/photos/101/1.jpg" class="">
          </a>
        </span><span style="position: relative;
z-index: 0; opacity: 0.99999; top: 0px; left: 0px;"
id="thumbspan_3">
          <a href="javascript:Photos.select(3)">
            <img id="thumbnail_3"
src="/photos/101/2.jpg" class="selected">

          </a>
        </span><span style="position: relative;"
id="thumbspan_4">
          <a href="javascript:Photos.select(4)">
            <img id="thumbnail_4"
src="/photos/101/3.jpg" class="">
          </a>
        </span><span style="position: relative;"
id="thumbspan_5">
          <a href="javascript:Photos.select(5)">
            <img id="thumbnail_5"
src="/photos/101/4.jpg" class="">
          </a>

        </span></div>  
    <div class="plus_navigation">
      <a href="javascript:Photos.selectNext()">
        <img alt="Move to next photo"
class="navigation" src="/images/zoom-plus.png">
      </a>
    </div>
  </div>

And the sortable object I am dropping in looks like
this:

<%= sortable_element("thumbnails_container",:update =>
''walk_box'',
                                            :complete
=> ''alert(1)'',
                                            :url =>
{:controller => "photos",
                                                     
:action => "update_order",
                                                     
:id => @location.id},
                                           
:constraint => "horizontal",
                                            :overlap
=> "horizontal",
                                            :tag =>
"span") %>

Sorry if the line breaks are screwed up. Anyways I am
able to drag the various spans around using Firefox,
but they usually return to their initial spot after
being dropped. On IE it does not even drag.

You should be able to see an example of this by going
to http://jared-home.servebeer.com/demo/group?id=69
and clicking on "Photos". The thumbnails are the
sortable elements.

Any suggestions?

Thanks,
Jared