Hello,
I am new to JQuery and I've been asked to write a shopping basket for our
current web site, I'd like to use JQuery and JSON for that.
My project is to build an HTML page that provides a Caddie on the left and a
Toolbox on the right, the users would select a item in the toolbox and add it
to the caddie.
On the left, the caddie is a list [$(ul)] of sortable lists [$(ul).sortable()].
Each sortable list will accept only products from a category [droppable({ scope: 'Category1' })].
On the right, the toolbox is an Accordion, each div of it, is a product category.
The products inside it are draggable and set to be cloned to one of the sortable lists.
Now, since I'm new to this, my design might not be perfect.
I planned the products to be loaded from a JSON call and,
when they are moved inside the caddie, the look of a product should change to let the user
specify properties of the product. Also, I will need to enable the user to add a product
to a category without drag and drop, on a click, probably !
I have zipped and attached a stand-alone HTML page of the work I have done, don't hesitate to look at it and share any advice on it ! :-)
I have mainly two problems, linked to the JQuery UI components:
Accordion:
A simple thing, maybe it is linked only to the CSS but,
I would like the Accordion to take more space, I wasn't able
to set its height to 100%, I would like each DIV to open large
enough to see everything in it without the need for a scroll bar
to a certain limit, of course.
Drag and Drop to a Sortable list:
I choose a Sortable list as the destination of my drag and
drop because of the properties that enables to link the two
easily. Actually, the drag and drop works fine for the first
few operations but, after several, it seems that the caddie does
not see the products anymore !!
If I could get any advice on those problems or on the overall design of this page,
it would help me a lot since I am new on this.
Thanks a lot for any help, and please understand that english is not my first
language so thank you to tell me if I'm being unclear.
Claude