TAILIEUCHUNG - Practical prototype and scipt.aculo.us part 47

Practical prototype and part 47: The information in this book is distributed on an "as is" basis, without warranty Although every pre-caution has been taken in the preparation of this work, neither the author(s) nor Apress shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this work. | 272 CHAPTER 11 ENABLING DRAGGABLES DROPPABLES AND SORTABLES script type text javascript dom loaded function container script head body ul id container li class foo id item_1 Lorem li li class foo id item_2 Ipsum li li class foo id item_3 Dolor li li class foo id item_4 Sit li li class foo id item_5 Amet li ul body html Aside from the script element the only change we ve made is to remove the drop zone container which we don t need anymore. Reload this page and you ll find that the container is already behaving like a sortable. The list items inside it can be dragged and reordered when a dragged element gets near a new slot the elements on either side part to give it room. When dropped the element stays in its new place. Sortable Options We were able to use so effortlessly because our markup conformed to many of its default options. The more specialized the usage however the more configuration will be needed. The following subsections describe some of the other options you might use with sortables. The tag Option looks for children of a certain tag name to declare as draggables. This option tag is a string that refers to that tag name. It defaults to li the semantic child of unordered and ordered lists ul and ol . If your draggables are not going to be list items you must specify the tag name. CHAPTER 11 ENABLING DRAGGABLES DROPPABLES AND SORTABLES 273 The only Option The only option is a string that if set represents a CSS class that all children must have in order to be treated like draggables. This is a way to further winnow down the set of draggables for instance if only certain children are eligible for reordering. The overlap Option The overlap option expects a string either vertical or horizontal. Vertical sortables are the default horizontal sortables can be created with a smack of CSS trickery and a grasp of element floating rules. The containment Option The containment option is tricky it .

• Kỹ thuật lập trình
• Phương pháp lập trình
• lập trình website
• các bước cơ bản khi lập trình
• công thức lập trình web
• thao tác khi lập trình
• Phương pháp lập trình hướng đối tượng
• Lập trình hướng đối tượng
• Bài giảng Lập trình hướng đối tượng
• Bài tập lập trình hướng đối tượng
• Bài giảng Phương pháp lập trình
• Quy tắc chuyển đổi
• Ngôn ngữ lập trình
• Kiểu dữ liệu
• Kỹ thuật lập trình
• Kiểu lập trình
• Lập trình thủ tục
• lập trình căn bản
• lập trình java
• kỹ thuật máy tính
• thủ thuật lập trình
• kinh nghiệm lập trình
• lập trình đối tượng
• tài liệu lập trình
• lập trình mạng máy tính
• chuyên ngành lập trình
• Ngôn ngữ lập trình C
• Học lập trình C
• Lý thuyết lập trình
• Ngôn ngữ lập trình C C++
• Tự học lập trình
• Học lập trình
• Chuỗi ký tự lập trình
• Lập trình C#
• Phương pháp lập trình cổ điển
• Cấu trúc điều khiển
• Biến dối tượng
• Xử lý dữ liệu
• bài tập phương pháp lập trình
• mẹo lập trình
• Lớp và đối tượng
• Lập trình hướng thủ tục
• Chương trình vẽ uml
• code lập trình
• kỹ thuật phần mềm
• chương trình lập trình
• giáo trình lập trình
• bài giảng lập trình C++
• phương pháp lập trình cấu trúc
• phép tham chiếu
• Bài giảng Nguyên lý và phương pháp lập trình
• Nguyên lý và phương pháp lập trình
• Kiểm chứng tính đúng đắn
• Lập trình có cấu trúc
• Tổng quan các ngôn ngữ lập trình