Witam
Już od dłuższego czasu męczę się z JavaScriptem. Chciałbym osiągnąć taki efekt: Mam diva, w którym są inne divy ustawione obok siebie: float: left.
Chciałbym aby za pomocą myszki była możliwość zmiany ich kolejności. Przeczytałem kilka tutków, ale coś nie chce mi to działać 
oto mój kod:
[code]
<%= sortable_element(“sortable_div”, :constraint =>’’) %>
.green_box
{
width: 100px;
height: 100px;
background: aqua;
margin: 5px;
float: left;
}
.kontener
{
margin: 0 auto;
width: 80%;
height: 300px;
border: aqua dashed 1px;
margin-bottom: 20px;
}
[/code]
A to co widać pod przeglądarką ff:
[code]
.green_box
{
width: 100px;
height: 100px;
background: aqua;
margin: 5px;
float: left;
}
.kontener
{
margin: 0 auto;
width: 80%;
height: 300px;
border: aqua dashed 1px;
margin-bottom: 20px;
}
[/code]
Nie ma za co.
…
…
Myślę, że może pomóc dodanie:
<script src="/javascripts/scriptaculous.js" type="text/javascript"></script>
Więcej informacji:
http://wiki.github.com/madrobby/scriptaculous/sortable-lists-demo
http://api.rubyonrails.org/classes/ActionView/Helpers/ScriptaculousHelper.html
pozdrawiam
Pomogło też dodanie takiego kodu:
[code]
<%=
sortable_element ‘sortable_div’,
:tag => ‘div’,
:constraint =>’’,
:url => { :action => “order” } %>
.green_box
{
width: 100px;
height: 100px;
background: aqua;
margin: 5px;
float: left;
}
.kontener
{
margin: 0 auto;
width: 80%;
height: 100%;
border: aqua dashed 1px;
margin-bottom: 20px;
}
[/code]
