In this case, if you decide to make use of UI sortables, you can handle the
start and stop. Each is a passed a ui hash as the second parameter, which
includes a helper property. Here's an example:
$("#myList").sortable({
start: function(ev, ui) {
$(ui.helper).addClass("rounded");
},
stop: function(ev, ui) {
$(ui.helper).removeClass("rounded");
}
});
The full docs are at
http://docs.jquery.com/UI/Sortables/sortable#options
Here's a full layout/portlets demo:
http://dev.jquery.com/view/trunk/ui/demos/real-world/layout/
Also, there's a dedicated jQuery UI mailing list, if you have any further
questions:
http://groups.google.com/group/jquery-ui
- Richard
Richard D. Worth
http://rdworth.org/
On Wed, Apr 9, 2008 at 4:45 AM, vneal <[EMAIL PROTECTED]> wrote:
>
> Hi there, thanks again for the replies.
>
> The .sortHelper class indicates to the user where the panels can be
> moved to. What I'm actually after is like the bbc.co.uk have, where
> when you pick up a panel (eg. news), a grey, curved border appears
> around the whole panel itself, (assuming it must be set of .pngs) and
> when you drop the panel in it's place, the 'border' element
> disappears. I hope this makes sense.
>
> Thanks
>
> On Apr 8, 10:36 pm, ripple <[EMAIL PROTECTED]> wrote:
> > If you review the css and ready() function you will see something that
> looks like:
> >
> > helperclass: 'sortHelper',
> >
> > .sortHelper { border: 3px dashed #666; width: auto !important; }
> > That should help.
> >
> > Andy Matthews <[EMAIL PROTECTED]> wrote:
> >
> > I'd think you'd just apply a class to the object during the drag
> process. If
> > there's an onStart method, that would probably be your best bet.
> >
> > -----Original Message-----
> > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
> >
> > Behalf Of vneal
> > Sent: Tuesday, April 08, 2008 3:15 PM
> > To: jQuery (English)
> > Subject: [jQuery] Re: Drag and Drop question
> >
> > Hi, that demo is pretty much the same as i've used - but thanks for
> letting
> > me know re the updated version, i shall look there in future.
> >
> > As i've said before, i'm relatively new at this so really have no idea
> on
> > how i would add the 'border effect' on the drag state. I'm thinking i
> might
> > need to apply it with the onStart function - though this is just a stab
> in
> > the dark. Any ideas?
> >
> > On Apr 8, 8:19 pm, "Andy Matthews"
> > wrote:
> > > There's a much newer version of the drag and drop found in the jQuery
> > > UI. I don't believe that the Interface plugins are being supported any
> > more:
> >
> > >http://ui.jquery.com
> > > andhttp://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html
> >
> > > -----Original Message-----
> > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
> > > On
> >
> > > Behalf Of vneal
> > > Sent: Tuesday, April 08, 2008 1:03 PM
> > > To: jQuery (English)
> > > Subject: [jQuery] Drag and Drop question
> >
> > > Hi, can anyone help?
> >
> > > A client has asked me to replicate the new BBC.co.uk homepage, with
> > > the drag and drop boxes. I've found a demo which pretty much does
> > > everything -http://interface.eyecon.ro/demos/sort.html-, but the only
> > thing that is missing are the borders that appear when you pick up a
> box.
> >
> > > Does anyone have any idea on how to do this? Apologies if it's a
> > > really obvious thing but i am relatively new to JQuery so any help you
> > > can give would be greatly appreciated.
> >
> > > Thanks
> >
> > ---------------------------------
> > You rock. That's why Blockbuster's offering you one month of Blockbuster
> Total Access, No Cost.
>
