Hey folks,
I''m having a little trouble with the hoverclass parameter of the
Sortables.create method. Unfortunately I can''t post a demo page at this
time, but I''m creating three lists with the following code:
Sortable.create("listOne",
{dropOnEmpty:true,containment:["listOne","listTwo",
"listThree"],constraint:false, hoverclass:"myHover"});
Sortable.create("listTwo",
{dropOnEmpty:true,containment:["listOne","listTwo",
"listThree"],constraint:false, hoverclass:"myHover"});
Sortable.create("listThree",
{dropOnEmpty:true,containment:["listOne","listTwo",
"listThree"],constraint:false, hoverclass:"myHover"});
The drag and drop, dropOnEmpty, containment, and constraint all seem to be
working correctly for me so far.
I assume from the description on this page:
http://wiki.script.aculo.us/scriptaculous/show/Sortable.create that the
hoverclass is supposed to be a CSS class name that gets applied to the list that
I can drop into when I''m hovering over it with a dragged item. However,
I''m not seeing the hover class applied in IE6 or Firefox 1.5 with the
latest set of files from the svn repository.
Here is the myHover in the css:
.myHover{
background-color:#66FFFF;
}
Anyone see what I''m doing incorrectly with the code above? Or if there
are other factors that can come into play with hover classes such as certain
style attributes, or class names not being usable? I don''t see any
examples of the hovering on the wiki except for the shopping cart which uses
droppables not sortables, so if others exist, a link would probably be enough.
Thanks all!
Danilo Celic