Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Set svn:eol-style to native

  • Loading branch information...
commit 26c16a7e6fc66107819fd9900bc7e7daec561a7f 1 parent 9caa12a
Richard D. Worth rdworth authored
Showing with 11,235 additions and 11,235 deletions.
  1. +278 −278 ui/GPL-LICENSE.txt
  2. +20 −20 ui/MIT-LICENSE.txt
  3. +257 −257 ui/demos/real-world/accordion-drawers/index.html
  4. +64 −64 ui/demos/real-world/effects/demo.js
  5. +119 −119 ui/demos/real-world/effects/index.html
  6. +35 −35 ui/demos/real-world/effects/style.css
  7. +231 −231 ui/demos/real-world/image-cropper/index.html
  8. +104 −104 ui/demos/real-world/image-cropper/real-world.css
  9. +41 −41 ui/demos/real-world/layout/demo.css
  10. +96 −96 ui/demos/real-world/layout/demo.js
  11. +93 −93 ui/demos/real-world/layout/index.html
  12. +126 −126 ui/demos/real-world/photo-manager/index.html
  13. +130 −130 ui/demos/real-world/photo-manager/js/demo.js
  14. +361 −361 ui/demos/real-world/photo-manager/js/jquery.blockUI.js
  15. +179 −179 ui/demos/real-world/photo-manager/theme/css/screen.css
  16. +185 −185 ui/demos/real-world/product-slider/index.html
  17. +149 −149 ui/demos/real-world/splitpane/css/demo.css
  18. +96 −96 ui/demos/real-world/splitpane/index.html
  19. +41 −41 ui/source/effects.clip.js
  20. +38 −38 ui/source/effects.drop.js
  21. +66 −66 ui/source/effects.explode.js
  22. +35 −35 ui/source/effects.highlight.js
  23. +42 −42 ui/source/effects.pulsate.js
  24. +45 −45 ui/source/effects.shake.js
  25. +37 −37 ui/source/effects.slide.js
  26. +46 −46 ui/source/effects.transfer.js
  27. +21 −21 ui/source/i18n/ui.datepicker-am.js
  28. +30 −30 ui/source/i18n/ui.datepicker-ar.js
  29. +21 −21 ui/source/i18n/ui.datepicker-ca.js
  30. +22 −22 ui/source/i18n/ui.datepicker-cs.js
  31. +22 −22 ui/source/i18n/ui.datepicker-da.js
  32. +22 −22 ui/source/i18n/ui.datepicker-de.js
  33. +21 −21 ui/source/i18n/ui.datepicker-es.js
  34. +24 −24 ui/source/i18n/ui.datepicker-fi.js
  35. +21 −21 ui/source/i18n/ui.datepicker-fr.js
  36. +22 −22 ui/source/i18n/ui.datepicker-he.js
  37. +22 −22 ui/source/i18n/ui.datepicker-hu.js
  38. +21 −21 ui/source/i18n/ui.datepicker-id.js
  39. +21 −21 ui/source/i18n/ui.datepicker-is.js
  40. +22 −22 ui/source/i18n/ui.datepicker-it.js
  41. +21 −21 ui/source/i18n/ui.datepicker-ja.js
  42. +21 −21 ui/source/i18n/ui.datepicker-ko.js
  43. +24 −24 ui/source/i18n/ui.datepicker-lt.js
  44. +23 −23 ui/source/i18n/ui.datepicker-lv.js
  45. +20 −20 ui/source/i18n/ui.datepicker-nl.js
  46. +23 −23 ui/source/i18n/ui.datepicker-no.js
  47. +22 −22 ui/source/i18n/ui.datepicker-pl.js
  48. +21 −21 ui/source/i18n/ui.datepicker-pt-BR.js
  49. +22 −22 ui/source/i18n/ui.datepicker-ro.js
  50. +21 −21 ui/source/i18n/ui.datepicker-ru.js
  51. +22 −22 ui/source/i18n/ui.datepicker-sk.js
  52. +22 −22 ui/source/i18n/ui.datepicker-sv.js
  53. +21 −21 ui/source/i18n/ui.datepicker-th.js
  54. +21 −21 ui/source/i18n/ui.datepicker-tr.js
  55. +21 −21 ui/source/i18n/ui.datepicker-ua.js
  56. +22 −22 ui/source/i18n/ui.datepicker-zh-CN.js
  57. +23 −23 ui/source/i18n/ui.datepicker-zh-TW.js
  58. +302 −302 ui/source/ui.accordion.js
  59. +276 −276 ui/source/ui.core.js
  60. +1,446 −1,446 ui/source/ui.datepicker.js
  61. +442 −442 ui/source/ui.dialog.js
  62. +555 −555 ui/source/ui.draggable.js
  63. +291 −291 ui/source/ui.droppable.js
  64. +734 −734 ui/source/ui.resizable.js
  65. +274 −274 ui/source/ui.selectable.js
  66. +430 −430 ui/source/ui.slider.js
  67. +672 −672 ui/source/ui.sortable.js
  68. +595 −595 ui/source/ui.tabs.js
  69. +169 −169 ui/tests/accordion.html
  70. +77 −77 ui/tests/accordion.js
  71. +181 −181 ui/tests/all.html
  72. +154 −154 ui/tests/autodrag.html
  73. +40 −40 ui/tests/draggable.html
  74. +322 −322 ui/tests/draggable.js
  75. +32 −32 ui/tests/slider.html
  76. +99 −99 ui/tests/slider.js
  77. +171 −171 ui/tests/ui.testmouse.js
  78. +39 −39 ui/themes/flora/flora.accordion.css
  79. +7 −7 ui/themes/flora/flora.all.css
  80. +1 −1  ui/themes/flora/flora.css
  81. +95 −95 ui/themes/flora/flora.dialog.css
  82. +19 −19 ui/themes/flora/flora.resizable.css
  83. +10 −10 ui/themes/flora/flora.slider.css
  84. +206 −206 ui/themes/ui.datepicker.css
556 ui/GPL-LICENSE.txt
View
@@ -1,278 +1,278 @@
- GNU GENERAL PUBLIC LICENSE
- Version 2, June 1991
-
- Copyright (C) 1989, 1991 Free Software Foundation, Inc.
- 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
- Preamble
-
- The licenses for most software are designed to take away your
-freedom to share and change it. By contrast, the GNU General Public
-License is intended to guarantee your freedom to share and change free
-software--to make sure the software is free for all its users. This
-General Public License applies to most of the Free Software
-Foundation's software and to any other program whose authors commit to
-using it. (Some other Free Software Foundation software is covered by
-the GNU Lesser General Public License instead.) You can apply it to
-your programs, too.
-
- When we speak of free software, we are referring to freedom, not
-price. Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-this service if you wish), that you receive source code or can get it
-if you want it, that you can change the software or use pieces of it
-in new free programs; and that you know you can do these things.
-
- To protect your rights, we need to make restrictions that forbid
-anyone to deny you these rights or to ask you to surrender the rights.
-These restrictions translate to certain responsibilities for you if you
-distribute copies of the software, or if you modify it.
-
- For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must give the recipients all the rights that
-you have. You must make sure that they, too, receive or can get the
-source code. And you must show them these terms so they know their
-rights.
-
- We protect your rights with two steps: (1) copyright the software, and
-(2) offer you this license which gives you legal permission to copy,
-distribute and/or modify the software.
-
- Also, for each author's protection and ours, we want to make certain
-that everyone understands that there is no warranty for this free
-software. If the software is modified by someone else and passed on, we
-want its recipients to know that what they have is not the original, so
-that any problems introduced by others will not reflect on the original
-authors' reputations.
-
- Finally, any free program is threatened constantly by software
-patents. We wish to avoid the danger that redistributors of a free
-program will individually obtain patent licenses, in effect making the
-program proprietary. To prevent this, we have made it clear that any
-patent must be licensed for everyone's free use or not licensed at all.
-
- The precise terms and conditions for copying, distribution and
-modification follow.
-
- GNU GENERAL PUBLIC LICENSE
- TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-
- 0. This License applies to any program or other work which contains
-a notice placed by the copyright holder saying it may be distributed
-under the terms of this General Public License. The "Program", below,
-refers to any such program or work, and a "work based on the Program"
-means either the Program or any derivative work under copyright law:
-that is to say, a work containing the Program or a portion of it,
-either verbatim or with modifications and/or translated into another
-language. (Hereinafter, translation is included without limitation in
-the term "modification".) Each licensee is addressed as "you".
-
-Activities other than copying, distribution and modification are not
-covered by this License; they are outside its scope. The act of
-running the Program is not restricted, and the output from the Program
-is covered only if its contents constitute a work based on the
-Program (independent of having been made by running the Program).
-Whether that is true depends on what the Program does.
-
- 1. You may copy and distribute verbatim copies of the Program's
-source code as you receive it, in any medium, provided that you
-conspicuously and appropriately publish on each copy an appropriate
-copyright notice and disclaimer of warranty; keep intact all the
-notices that refer to this License and to the absence of any warranty;
-and give any other recipients of the Program a copy of this License
-along with the Program.
-
-You may charge a fee for the physical act of transferring a copy, and
-you may at your option offer warranty protection in exchange for a fee.
-
- 2. You may modify your copy or copies of the Program or any portion
-of it, thus forming a work based on the Program, and copy and
-distribute such modifications or work under the terms of Section 1
-above, provided that you also meet all of these conditions:
-
- a) You must cause the modified files to carry prominent notices
- stating that you changed the files and the date of any change.
-
- b) You must cause any work that you distribute or publish, that in
- whole or in part contains or is derived from the Program or any
- part thereof, to be licensed as a whole at no charge to all third
- parties under the terms of this License.
-
- c) If the modified program normally reads commands interactively
- when run, you must cause it, when started running for such
- interactive use in the most ordinary way, to print or display an
- announcement including an appropriate copyright notice and a
- notice that there is no warranty (or else, saying that you provide
- a warranty) and that users may redistribute the program under
- these conditions, and telling the user how to view a copy of this
- License. (Exception: if the Program itself is interactive but
- does not normally print such an announcement, your work based on
- the Program is not required to print an announcement.)
-
-These requirements apply to the modified work as a whole. If
-identifiable sections of that work are not derived from the Program,
-and can be reasonably considered independent and separate works in
-themselves, then this License, and its terms, do not apply to those
-sections when you distribute them as separate works. But when you
-distribute the same sections as part of a whole which is a work based
-on the Program, the distribution of the whole must be on the terms of
-this License, whose permissions for other licensees extend to the
-entire whole, and thus to each and every part regardless of who wrote it.
-
-Thus, it is not the intent of this section to claim rights or contest
-your rights to work written entirely by you; rather, the intent is to
-exercise the right to control the distribution of derivative or
-collective works based on the Program.
-
-In addition, mere aggregation of another work not based on the Program
-with the Program (or with a work based on the Program) on a volume of
-a storage or distribution medium does not bring the other work under
-the scope of this License.
-
- 3. You may copy and distribute the Program (or a work based on it,
-under Section 2) in object code or executable form under the terms of
-Sections 1 and 2 above provided that you also do one of the following:
-
- a) Accompany it with the complete corresponding machine-readable
- source code, which must be distributed under the terms of Sections
- 1 and 2 above on a medium customarily used for software interchange; or,
-
- b) Accompany it with a written offer, valid for at least three
- years, to give any third party, for a charge no more than your
- cost of physically performing source distribution, a complete
- machine-readable copy of the corresponding source code, to be
- distributed under the terms of Sections 1 and 2 above on a medium
- customarily used for software interchange; or,
-
- c) Accompany it with the information you received as to the offer
- to distribute corresponding source code. (This alternative is
- allowed only for noncommercial distribution and only if you
- received the program in object code or executable form with such
- an offer, in accord with Subsection b above.)
-
-The source code for a work means the preferred form of the work for
-making modifications to it. For an executable work, complete source
-code means all the source code for all modules it contains, plus any
-associated interface definition files, plus the scripts used to
-control compilation and installation of the executable. However, as a
-special exception, the source code distributed need not include
-anything that is normally distributed (in either source or binary
-form) with the major components (compiler, kernel, and so on) of the
-operating system on which the executable runs, unless that component
-itself accompanies the executable.
-
-If distribution of executable or object code is made by offering
-access to copy from a designated place, then offering equivalent
-access to copy the source code from the same place counts as
-distribution of the source code, even though third parties are not
-compelled to copy the source along with the object code.
-
- 4. You may not copy, modify, sublicense, or distribute the Program
-except as expressly provided under this License. Any attempt
-otherwise to copy, modify, sublicense or distribute the Program is
-void, and will automatically terminate your rights under this License.
-However, parties who have received copies, or rights, from you under
-this License will not have their licenses terminated so long as such
-parties remain in full compliance.
-
- 5. You are not required to accept this License, since you have not
-signed it. However, nothing else grants you permission to modify or
-distribute the Program or its derivative works. These actions are
-prohibited by law if you do not accept this License. Therefore, by
-modifying or distributing the Program (or any work based on the
-Program), you indicate your acceptance of this License to do so, and
-all its terms and conditions for copying, distributing or modifying
-the Program or works based on it.
-
- 6. Each time you redistribute the Program (or any work based on the
-Program), the recipient automatically receives a license from the
-original licensor to copy, distribute or modify the Program subject to
-these terms and conditions. You may not impose any further
-restrictions on the recipients' exercise of the rights granted herein.
-You are not responsible for enforcing compliance by third parties to
-this License.
-
- 7. If, as a consequence of a court judgment or allegation of patent
-infringement or for any other reason (not limited to patent issues),
-conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License. If you cannot
-distribute so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you
-may not distribute the Program at all. For example, if a patent
-license would not permit royalty-free redistribution of the Program by
-all those who receive copies directly or indirectly through you, then
-the only way you could satisfy both it and this License would be to
-refrain entirely from distribution of the Program.
-
-If any portion of this section is held invalid or unenforceable under
-any particular circumstance, the balance of the section is intended to
-apply and the section as a whole is intended to apply in other
-circumstances.
-
-It is not the purpose of this section to induce you to infringe any
-patents or other property right claims or to contest validity of any
-such claims; this section has the sole purpose of protecting the
-integrity of the free software distribution system, which is
-implemented by public license practices. Many people have made
-generous contributions to the wide range of software distributed
-through that system in reliance on consistent application of that
-system; it is up to the author/donor to decide if he or she is willing
-to distribute software through any other system and a licensee cannot
-impose that choice.
-
-This section is intended to make thoroughly clear what is believed to
-be a consequence of the rest of this License.
-
- 8. If the distribution and/or use of the Program is restricted in
-certain countries either by patents or by copyrighted interfaces, the
-original copyright holder who places the Program under this License
-may add an explicit geographical distribution limitation excluding
-those countries, so that distribution is permitted only in or among
-countries not thus excluded. In such case, this License incorporates
-the limitation as if written in the body of this License.
-
- 9. The Free Software Foundation may publish revised and/or new versions
-of the General Public License from time to time. Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-Each version is given a distinguishing version number. If the Program
-specifies a version number of this License which applies to it and "any
-later version", you have the option of following the terms and conditions
-either of that version or of any later version published by the Free
-Software Foundation. If the Program does not specify a version number of
-this License, you may choose any version ever published by the Free Software
-Foundation.
-
- 10. If you wish to incorporate parts of the Program into other free
-programs whose distribution conditions are different, write to the author
-to ask for permission. For software which is copyrighted by the Free
-Software Foundation, write to the Free Software Foundation; we sometimes
-make exceptions for this. Our decision will be guided by the two goals
-of preserving the free status of all derivatives of our free software and
-of promoting the sharing and reuse of software generally.
-
- NO WARRANTY
-
- 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
-FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
-OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
-PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
-OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
-TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
-PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
-REPAIR OR CORRECTION.
-
- 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
-REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
-INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
-OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
-TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
-YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
-PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGES.
+ GNU GENERAL PUBLIC LICENSE
+ Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+ Preamble
+
+ The licenses for most software are designed to take away your
+freedom to share and change it. By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users. This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it. (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.) You can apply it to
+your programs, too.
+
+ When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+ To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+ For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have. You must make sure that they, too, receive or can get the
+source code. And you must show them these terms so they know their
+rights.
+
+ We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+ Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software. If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+ Finally, any free program is threatened constantly by software
+patents. We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary. To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+ The precise terms and conditions for copying, distribution and
+modification follow.
+
+ GNU GENERAL PUBLIC LICENSE
+ TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+ 0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License. The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language. (Hereinafter, translation is included without limitation in
+the term "modification".) Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope. The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+ 1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+ 2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+ a) You must cause the modified files to carry prominent notices
+ stating that you changed the files and the date of any change.
+
+ b) You must cause any work that you distribute or publish, that in
+ whole or in part contains or is derived from the Program or any
+ part thereof, to be licensed as a whole at no charge to all third
+ parties under the terms of this License.
+
+ c) If the modified program normally reads commands interactively
+ when run, you must cause it, when started running for such
+ interactive use in the most ordinary way, to print or display an
+ announcement including an appropriate copyright notice and a
+ notice that there is no warranty (or else, saying that you provide
+ a warranty) and that users may redistribute the program under
+ these conditions, and telling the user how to view a copy of this
+ License. (Exception: if the Program itself is interactive but
+ does not normally print such an announcement, your work based on
+ the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole. If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works. But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+ 3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+ a) Accompany it with the complete corresponding machine-readable
+ source code, which must be distributed under the terms of Sections
+ 1 and 2 above on a medium customarily used for software interchange; or,
+
+ b) Accompany it with a written offer, valid for at least three
+ years, to give any third party, for a charge no more than your
+ cost of physically performing source distribution, a complete
+ machine-readable copy of the corresponding source code, to be
+ distributed under the terms of Sections 1 and 2 above on a medium
+ customarily used for software interchange; or,
+
+ c) Accompany it with the information you received as to the offer
+ to distribute corresponding source code. (This alternative is
+ allowed only for noncommercial distribution and only if you
+ received the program in object code or executable form with such
+ an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it. For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable. However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+ 4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License. Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+ 5. You are not required to accept this License, since you have not
+signed it. However, nothing else grants you permission to modify or
+distribute the Program or its derivative works. These actions are
+prohibited by law if you do not accept this License. Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+ 6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions. You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+ 7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all. For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices. Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+ 8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded. In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+ 9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time. Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number. If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation. If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+ 10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission. For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this. Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+ NO WARRANTY
+
+ 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+ 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
40 ui/MIT-LICENSE.txt
View
@@ -1,20 +1,20 @@
-Copyright (c) 2007 John Resig, http://jquery.com/
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+Copyright (c) 2007 John Resig, http://jquery.com/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
514 ui/demos/real-world/accordion-drawers/index.html
View
@@ -1,257 +1,257 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <title>Slide Demo - Fixed Drawer</title>
- <style type="text/css" media="screen">
- <!--
-/*************************************/
-/* Blueprint: reset.css */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-weight: inherit;
- font-style: inherit;
- font-size: 100%;
- font-family: inherit;
- vertical-align: baseline;
-}
-
-/* Remember to define focus styles! */
-:focus {
- outline: 0;
-}
-body {
- line-height: 1;
- color: black;
- background: white;
-}
-ol, ul {
- list-style: none;
-}
-
-/* Tables still need 'cellspacing="0"' in the markup. */
-table {
- border-collapse: separate;
- border-spacing: 0;
-}
-caption, th, td {
- text-align: left;
- font-weight: normal;
-}
-
-/* Remove possible quote marks (") from <q>, <blockquote>. */
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: "";
-}
-blockquote, q {
- quotes: "" "";
-}
-
-/*************************************/
-/* Demo Styles */
- .capt,
- .capb {
- background: url("images/caps.gif") no-repeat;
- height:4px;
- width:100%;
- /*position:absolute;*/
- z-index:100;
- margin:0px;
- padding:0px;
- }
- .capt {
- position:absolute;
- background-position:0 -4px;
- }
- .capb {
- margin-top:-19px;
- }
- #content {
- float:left;
- }
- .drawers-wrapper {
- position: relative;
- width: 188px;
- float:left;
- margin:10px;
- }
- .drawers {
- margin-bottom:15px;
- color:#76797C;
- font-size:11px;
- line-height: 18px;
- }
- .drawer {
- background:transparent url(images/sideboxlight_bg.gif) repeat-y scroll 0pt;
- color:#76797C;
- font-size:11px;
- line-height:1.3em;
- }
- .drawer-handle {
- background:#939393 url(images/slider_handlebg.png) no-repeat scroll 0pt;
- color:#333333;
- cursor:default;
- height:25px;
- line-height:25px;
- text-indent:15px;
- font-size:12px;
- width:100%;
- }
- .drawer-handle.open {
- background-color:#72839D;
- background-position:-188px 0pt;
- color:#FFFFFF;
- }
-
- /* nasty, but it fixes the indent on the first one. */
- h2.drawer-handle span {
-
- }
- .drawer ul {
- padding: 0 12px;
- padding-bottom:0pt;
- }
- .drawer li {
- border-bottom:1px solid #E5E5E5;
- line-height:16px;
- padding:6px 0pt;
- }
- .drawer-content ul {
- padding-top: 7px;
- }
- .drawer-content li a {
- display:block;
- overflow:hidden;
- }
- .alldownloads li {
- border:0pt none;
- line-height:18px;
- padding:0pt;
- }
-
- .drawers a {
- color:#666666;
- text-decoration:none;
- font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
- }
- -->
- </style>
-
- <script type="text/javascript" src="../../../../jquery/jquery-1.2.6.js"></script>
-
- <script type="text/javascript" src="../../../source/ui.core.js"></script>
- <script type="text/javascript" src="../../../source/ui.accordion.js"></script>
-
-
- <script type="text/javascript">
- <!--
- $(function () {
- $('ul.drawers').accordion({
- header: 'h2.drawer-handle',
- selectedClass: 'open',
- event: 'mouseover'
- });
- });
- //-->
- </script>
-</head>
-<body id="page">
- <div id="content">
- <h1>Fixed drawer slide out demo (using accordion plugin)</h1>
- <p>This example demonstrates the Apple downloads slider/accordion effect using the jQuery Accordion plugin.</p>
- <p>Mouse over the headings to reveal the list of available links.</p>
-
- <p>
- <a href="http://jqueryfordesigners.com/slide-out-and-drawer-effect/">Read the article this demonstration relates to</a>
- </p>
- </div>
- <div class="drawers-wrapper">
- <ul class="drawers">
- <li class="drawer">
- <h2 class="drawer-handle open">
- <div class="capt"></div>
- <span>Downloads</span>
- </h2>
- <ul class="alldownloads">
- <li id="sn-downloadsmacosx"><a href="/downloads/macosx/">All Categories</a></li>
- <li id="sn-aperture"><a href="/downloads/macosx/aperture/">Aperture</a></li>
- <li id="sn-apple"><a href="/downloads/macosx/apple/">Apple</a></li>
- <li id="sn-audio"><a href="/downloads/macosx/audio/">Audio</a></li>
- <li id="sn-automator"><a href="/downloads/macosx/automator/">Automator Actions</a></li>
- <li id="sn-businessfinance"><a href="/downloads/macosx/business_finance/">Business &amp; Finance</a></li>
- <li id="sn-calendars"><a href="/downloads/macosx/calendars/">Calendars</a></li>
- <li id="sn-developmenttools"><a href="/downloads/macosx/development_tools/">Development Tools</a></li>
- <li id="sn-drivers"><a href="/downloads/macosx/drivers/">Drivers</a></li>
- <li id="sn-emailchat"><a href="/downloads/macosx/email_chat/">Email &amp; Chat</a></li>
- <li id="sn-finalcutstudio"><a href="/downloads/macosx/finalcutstudio/">Final Cut Studio</a></li>
- <li id="sn-games"><a href="/downloads/macosx/games/">Games</a></li>
- <li id="sn-homelearning"><a href="/downloads/macosx/home_learning/">Home &amp; Learning</a></li>
- <li id="sn-iconsscreensavers"><a href="/downloads/macosx/icons_screensavers/">Icons, Screensavers, etc.</a></li>
- <li id="sn-imaging3d"><a href="/downloads/macosx/imaging_3d/">Imaging &amp; 3D</a></li>
- <li id="sn-internetutilities"><a href="/downloads/macosx/internet_utilities/">Internet Utilities</a></li>
- <li id="sn-ipoditunes"><a href="/downloads/macosx/ipod_itunes/">iPod + iTunes</a></li>
- <li id="sn-mathscience"><a href="/downloads/macosx/math_science/">Math &amp; Science</a></li>
- <li id="sn-networkingsecurity"><a href="/downloads/macosx/networking_security/">Networking &amp; Security</a></li>
- <li id="sn-productivitytools"><a href="/downloads/macosx/productivity_tools/">Productivity Tools</a></li>
- <li id="sn-spotlight"><a href="/downloads/macosx/spotlight/">Spotlight Plugins</a></li>
- <li id="sn-systemdiskutilities"><a href="/downloads/macosx/system_disk_utilities/">System/Disk Utilities</a></li>
- <li id="sn-unixopensource"><a href="/downloads/macosx/unix_open_source/">UNIX &amp; Open Source</a></li>
- <li id="sn-video"><a href="/downloads/macosx/video/">Video</a></li>
- <li id="sn-dashboard"><a href="/downloads/dashboard/" class="bottom">Widgets</a></li>
- </ul>
- </li>
- <li class="drawer">
- <h2 class="drawer-handle">Top Downloads</h2>
- <ul>
- <li><a title="iTunes 7.5" href="http://www.apple.com/itunes/download/">1. iTunes 7.5</a></li>
- <li><a title="QuickTime 7.3.1" href="http://www.apple.com/quicktime/download/">2. QuickTime 7.3.1</a></li>
- <li><a title="Safari 3 Public Beta" href="http://www.apple.com/safari/download/">3. Safari 3 Public Beta</a></li>
- <li><a title="MacPool" href="/downloads/macosx/games/simulation_and_sports/macpool.html">4. MacPool Realistic and easy to play computer simu…</a></li>
- <li><a title="Guitar Hero III: Legends of Rock" href="/downloads/macosx/games/demos_updates/guitarheroiiilegendsofrock.html">5. Guitar Hero III: L…</a></li>
- <li><a title="Messenger for Mac" href="/downloads/macosx/email_chat/messengerformac.html">6. Messenger for Mac</a></li>
- <li><a title="Google Earth" href="/downloads/macosx/home_learning/googleearth.html">7. Google Earth</a></li>
- <li><a title="Monopoly" href="/downloads/macosx/games/cards_puzzle/monopoly.html">8. Monopoly</a></li>
- <li><a title="Litho System Icons" href="/downloads/macosx/icons_screensavers/lithosystemicons.html">9. Litho System Icons</a></li>
- <li><a title="Battlefield 2142" href="/downloads/macosx/games/demos_updates/battlefield2142.html">10. Battlefield 2142</a></li>
- <li><a title="More iChat Effects" href="/downloads/macosx/email_chat/moreichateffects.html">11. More iChat Effects</a></li>
- <li><a title="Dragster" href="/downloads/macosx/internet_utilities/dragster.html">12. Dragster</a></li>
- <li><a title="iSquint" href="/downloads/macosx/ipod_itunes/isquint.html">13. iSquint</a></li>
- <li class="last"><a title="US Holiday Calendar" href="/downloads/macosx/calendars/usholidaycalendar.html">14. US Holiday Calendar</a></li>
- </ul>
- </li>
- <li class="drawer last">
- <h2 class="drawer-handle">Top Apple Downloads</h2>
- <ul>
- <li><a title="iTunes 7.5" href="http://www.apple.com/itunes/download/">1. iTunes 7.5</a></li>
- <li><a title="QuickTime 7.3.1" href="http://www.apple.com/quicktime/download/">2. QuickTime 7.3.1</a></li>
- <li><a title="Safari 3 Public Beta" href="http://www.apple.com/safari/download/">3. Safari 3 Public Beta</a></li>
- <li><a title="Mac OS X 10.5.1 Update" href="/downloads/macosx/apple/macosx_updates/macosx1051update.html">4. Mac OS X 10.5.1 Up…</a></li>
- <li><a title="Java for Mac OS X 10.4 Release 5" href="/downloads/macosx/apple/macosx_updates/javaformacosx104release5.html">5. Java for Mac OS X …</a></li>
- <li><a title="iPod Reset Utility 1.0.2 for Windows" href="/downloads/macosx/apple/ipod_itunes/ipodresetutility102forwindows.html">6. iPod Reset Utility…</a></li>
- <li><a title="iPhoto 7.1.1" href="/downloads/macosx/apple/application_updates/iphoto711.html">7. iPhoto 7.1.1</a></li>
- <li><a title="Bonjour for Windows" href="/downloads/macosx/apple/windows/bonjourforwindows.html">8. Bonjour for Windows</a></li>
- <li><a title="Mac OS X 10.4.11 Combo Update (PPC)" href="/downloads/macosx/apple/macosx_updates/macosx10411comboupdateppc.html">9. Mac OS X 10.4.11 C…<br/>The 10.4.11 Update is recommended for al…</a></li>
- <li><a title="Java for Mac OS X 10.4, Release 6" href="/downloads/macosx/apple/macosx_updates/javaformacosx104release6.html">10. Java for Mac OS X …</a></li>
- <li><a title="GarageBand 4.1.1" href="/downloads/macosx/apple/application_updates/garageband411.html">11. GarageBand 4.1.1</a></li>
- <li><a title="iPod Updater 2006-06-28 for Windows" href="/downloads/macosx/apple/ipod_itunes/ipodupdater20060628forwindows.html">12. iPod Updater 2006-…</a></li>
- <li><a title="Security Update 2007-009 1.1 (10.4.11 Universal)" href="/downloads/macosx/apple/security_updates/securityupdate20070091110411universal.html">13. Security Update 20…</a></li>
- <li class="last"><a title="Security Update 2007-009 1.1 (10.5.1)" href="/downloads/macosx/apple/security_updates/securityupdate2007009111051.html">14. Security Update 20…</a></li>
- </ul>
- </li>
- </ul>
- <div class="capb"></div>
- </div>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+ <title>Slide Demo - Fixed Drawer</title>
+ <style type="text/css" media="screen">
+ <!--
+/*************************************/
+/* Blueprint: reset.css */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-weight: inherit;
+ font-style: inherit;
+ font-size: 100%;
+ font-family: inherit;
+ vertical-align: baseline;
+}
+
+/* Remember to define focus styles! */
+:focus {
+ outline: 0;
+}
+body {
+ line-height: 1;
+ color: black;
+ background: white;
+}
+ol, ul {
+ list-style: none;
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+}
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: "";
+}
+blockquote, q {
+ quotes: "" "";
+}
+
+/*************************************/
+/* Demo Styles */
+ .capt,
+ .capb {
+ background: url("images/caps.gif") no-repeat;
+ height:4px;
+ width:100%;
+ /*position:absolute;*/
+ z-index:100;
+ margin:0px;
+ padding:0px;
+ }
+ .capt {
+ position:absolute;
+ background-position:0 -4px;
+ }
+ .capb {
+ margin-top:-19px;
+ }
+ #content {
+ float:left;
+ }
+ .drawers-wrapper {
+ position: relative;
+ width: 188px;
+ float:left;
+ margin:10px;
+ }
+ .drawers {
+ margin-bottom:15px;
+ color:#76797C;
+ font-size:11px;
+ line-height: 18px;
+ }
+ .drawer {
+ background:transparent url(images/sideboxlight_bg.gif) repeat-y scroll 0pt;
+ color:#76797C;
+ font-size:11px;
+ line-height:1.3em;
+ }
+ .drawer-handle {
+ background:#939393 url(images/slider_handlebg.png) no-repeat scroll 0pt;
+ color:#333333;
+ cursor:default;
+ height:25px;
+ line-height:25px;
+ text-indent:15px;
+ font-size:12px;
+ width:100%;
+ }
+ .drawer-handle.open {
+ background-color:#72839D;
+ background-position:-188px 0pt;
+ color:#FFFFFF;
+ }
+
+ /* nasty, but it fixes the indent on the first one. */
+ h2.drawer-handle span {
+
+ }
+ .drawer ul {
+ padding: 0 12px;
+ padding-bottom:0pt;
+ }
+ .drawer li {
+ border-bottom:1px solid #E5E5E5;
+ line-height:16px;
+ padding:6px 0pt;
+ }
+ .drawer-content ul {
+ padding-top: 7px;
+ }
+ .drawer-content li a {
+ display:block;
+ overflow:hidden;
+ }
+ .alldownloads li {
+ border:0pt none;
+ line-height:18px;
+ padding:0pt;
+ }
+
+ .drawers a {
+ color:#666666;
+ text-decoration:none;
+ font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
+ }
+ -->
+ </style>
+
+ <script type="text/javascript" src="../../../../jquery/jquery-1.2.6.js"></script>
+
+ <script type="text/javascript" src="../../../source/ui.core.js"></script>
+ <script type="text/javascript" src="../../../source/ui.accordion.js"></script>
+
+
+ <script type="text/javascript">
+ <!--
+ $(function () {
+ $('ul.drawers').accordion({
+ header: 'h2.drawer-handle',
+ selectedClass: 'open',
+ event: 'mouseover'
+ });
+ });
+ //-->
+ </script>
+</head>
+<body id="page">
+ <div id="content">
+ <h1>Fixed drawer slide out demo (using accordion plugin)</h1>
+ <p>This example demonstrates the Apple downloads slider/accordion effect using the jQuery Accordion plugin.</p>
+ <p>Mouse over the headings to reveal the list of available links.</p>
+
+ <p>
+ <a href="http://jqueryfordesigners.com/slide-out-and-drawer-effect/">Read the article this demonstration relates to</a>
+ </p>
+ </div>
+ <div class="drawers-wrapper">
+ <ul class="drawers">
+ <li class="drawer">
+ <h2 class="drawer-handle open">
+ <div class="capt"></div>
+ <span>Downloads</span>
+ </h2>
+ <ul class="alldownloads">
+ <li id="sn-downloadsmacosx"><a href="/downloads/macosx/">All Categories</a></li>
+ <li id="sn-aperture"><a href="/downloads/macosx/aperture/">Aperture</a></li>
+ <li id="sn-apple"><a href="/downloads/macosx/apple/">Apple</a></li>
+ <li id="sn-audio"><a href="/downloads/macosx/audio/">Audio</a></li>
+ <li id="sn-automator"><a href="/downloads/macosx/automator/">Automator Actions</a></li>
+ <li id="sn-businessfinance"><a href="/downloads/macosx/business_finance/">Business &amp; Finance</a></li>
+ <li id="sn-calendars"><a href="/downloads/macosx/calendars/">Calendars</a></li>
+ <li id="sn-developmenttools"><a href="/downloads/macosx/development_tools/">Development Tools</a></li>
+ <li id="sn-drivers"><a href="/downloads/macosx/drivers/">Drivers</a></li>
+ <li id="sn-emailchat"><a href="/downloads/macosx/email_chat/">Email &amp; Chat</a></li>
+ <li id="sn-finalcutstudio"><a href="/downloads/macosx/finalcutstudio/">Final Cut Studio</a></li>
+ <li id="sn-games"><a href="/downloads/macosx/games/">Games</a></li>
+ <li id="sn-homelearning"><a href="/downloads/macosx/home_learning/">Home &amp; Learning</a></li>
+ <li id="sn-iconsscreensavers"><a href="/downloads/macosx/icons_screensavers/">Icons, Screensavers, etc.</a></li>
+ <li id="sn-imaging3d"><a href="/downloads/macosx/imaging_3d/">Imaging &amp; 3D</a></li>
+ <li id="sn-internetutilities"><a href="/downloads/macosx/internet_utilities/">Internet Utilities</a></li>
+ <li id="sn-ipoditunes"><a href="/downloads/macosx/ipod_itunes/">iPod + iTunes</a></li>
+ <li id="sn-mathscience"><a href="/downloads/macosx/math_science/">Math &amp; Science</a></li>
+ <li id="sn-networkingsecurity"><a href="/downloads/macosx/networking_security/">Networking &amp; Security</a></li>
+ <li id="sn-productivitytools"><a href="/downloads/macosx/productivity_tools/">Productivity Tools</a></li>
+ <li id="sn-spotlight"><a href="/downloads/macosx/spotlight/">Spotlight Plugins</a></li>
+ <li id="sn-systemdiskutilities"><a href="/downloads/macosx/system_disk_utilities/">System/Disk Utilities</a></li>
+ <li id="sn-unixopensource"><a href="/downloads/macosx/unix_open_source/">UNIX &amp; Open Source</a></li>
+ <li id="sn-video"><a href="/downloads/macosx/video/">Video</a></li>
+ <li id="sn-dashboard"><a href="/downloads/dashboard/" class="bottom">Widgets</a></li>
+ </ul>
+ </li>
+ <li class="drawer">
+ <h2 class="drawer-handle">Top Downloads</h2>
+ <ul>
+ <li><a title="iTunes 7.5" href="http://www.apple.com/itunes/download/">1. iTunes 7.5</a></li>
+ <li><a title="QuickTime 7.3.1" href="http://www.apple.com/quicktime/download/">2. QuickTime 7.3.1</a></li>
+ <li><a title="Safari 3 Public Beta" href="http://www.apple.com/safari/download/">3. Safari 3 Public Beta</a></li>
+ <li><a title="MacPool" href="/downloads/macosx/games/simulation_and_sports/macpool.html">4. MacPool Realistic and easy to play computer simu…</a></li>
+ <li><a title="Guitar Hero III: Legends of Rock" href="/downloads/macosx/games/demos_updates/guitarheroiiilegendsofrock.html">5. Guitar Hero III: L…</a></li>
+ <li><a title="Messenger for Mac" href="/downloads/macosx/email_chat/messengerformac.html">6. Messenger for Mac</a></li>
+ <li><a title="Google Earth" href="/downloads/macosx/home_learning/googleearth.html">7. Google Earth</a></li>
+ <li><a title="Monopoly" href="/downloads/macosx/games/cards_puzzle/monopoly.html">8. Monopoly</a></li>
+ <li><a title="Litho System Icons" href="/downloads/macosx/icons_screensavers/lithosystemicons.html">9. Litho System Icons</a></li>
+ <li><a title="Battlefield 2142" href="/downloads/macosx/games/demos_updates/battlefield2142.html">10. Battlefield 2142</a></li>
+ <li><a title="More iChat Effects" href="/downloads/macosx/email_chat/moreichateffects.html">11. More iChat Effects</a></li>
+ <li><a title="Dragster" href="/downloads/macosx/internet_utilities/dragster.html">12. Dragster</a></li>
+ <li><a title="iSquint" href="/downloads/macosx/ipod_itunes/isquint.html">13. iSquint</a></li>
+ <li class="last"><a title="US Holiday Calendar" href="/downloads/macosx/calendars/usholidaycalendar.html">14. US Holiday Calendar</a></li>
+ </ul>
+ </li>
+ <li class="drawer last">
+ <h2 class="drawer-handle">Top Apple Downloads</h2>
+ <ul>
+ <li><a title="iTunes 7.5" href="http://www.apple.com/itunes/download/">1. iTunes 7.5</a></li>
+ <li><a title="QuickTime 7.3.1" href="http://www.apple.com/quicktime/download/">2. QuickTime 7.3.1</a></li>
+ <li><a title="Safari 3 Public Beta" href="http://www.apple.com/safari/download/">3. Safari 3 Public Beta</a></li>
+ <li><a title="Mac OS X 10.5.1 Update" href="/downloads/macosx/apple/macosx_updates/macosx1051update.html">4. Mac OS X 10.5.1 Up…</a></li>
+ <li><a title="Java for Mac OS X 10.4 Release 5" href="/downloads/macosx/apple/macosx_updates/javaformacosx104release5.html">5. Java for Mac OS X …</a></li>
+ <li><a title="iPod Reset Utility 1.0.2 for Windows" href="/downloads/macosx/apple/ipod_itunes/ipodresetutility102forwindows.html">6. iPod Reset Utility…</a></li>
+ <li><a title="iPhoto 7.1.1" href="/downloads/macosx/apple/application_updates/iphoto711.html">7. iPhoto 7.1.1</a></li>
+ <li><a title="Bonjour for Windows" href="/downloads/macosx/apple/windows/bonjourforwindows.html">8. Bonjour for Windows</a></li>
+ <li><a title="Mac OS X 10.4.11 Combo Update (PPC)" href="/downloads/macosx/apple/macosx_updates/macosx10411comboupdateppc.html">9. Mac OS X 10.4.11 C…<br/>The 10.4.11 Update is recommended for al…</a></li>
+ <li><a title="Java for Mac OS X 10.4, Release 6" href="/downloads/macosx/apple/macosx_updates/javaformacosx104release6.html">10. Java for Mac OS X …</a></li>
+ <li><a title="GarageBand 4.1.1" href="/downloads/macosx/apple/application_updates/garageband411.html">11. GarageBand 4.1.1</a></li>
+ <li><a title="iPod Updater 2006-06-28 for Windows" href="/downloads/macosx/apple/ipod_itunes/ipodupdater20060628forwindows.html">12. iPod Updater 2006-…</a></li>
+ <li><a title="Security Update 2007-009 1.1 (10.4.11 Universal)" href="/downloads/macosx/apple/security_updates/securityupdate20070091110411universal.html">13. Security Update 20…</a></li>
+ <li class="last"><a title="Security Update 2007-009 1.1 (10.5.1)" href="/downloads/macosx/apple/security_updates/securityupdate2007009111051.html">14. Security Update 20…</a></li>
+ </ul>
+ </li>
+ </ul>
+ <div class="capb"></div>
+ </div>
+</body>
+</html>
128 ui/demos/real-world/effects/demo.js
View
@@ -1,65 +1,65 @@
-$(document).ready(function() {
-
- $("div.effect")
- .hover(function() {
- $(this).addClass("hover");
- }, function() {
- $(this).removeClass("hover");
- })
- ;
-
-
- var effect = function(el, n, o) {
-
- $.extend(o, {
- easing: "easeOutQuint"
- });
-
- $(el).bind("click", function() {
-
- $(this).addClass("current").hide(n, o, 1000, function() {
- var self = this;
- window.setTimeout(function() {
- $(self).show(n, o, 1000, function() { $(this).removeClass("current"); });
- },500);
- });
- });
-
- };
-
-
- effect("#blindHorizontally", "blind", { direction: "horizontal" });
- effect("#blindVertically", "blind", { direction: "vertical" });
-
- effect("#bounce3times", "bounce", { times: 3 });
-
- effect("#clipHorizontally", "clip", { direction: "horizontal" });
- effect("#clipVertically", "clip", { direction: "vertical" });
-
- effect("#dropDown", "drop", { direction: "down" });
- effect("#dropUp", "drop", { direction: "up" });
- effect("#dropLeft", "drop", { direction: "left" });
- effect("#dropRight", "drop", { direction: "right" });
-
- effect("#explode9", "explode", { });
- effect("#explode36", "explode", { pieces: 36 });
-
- effect("#fold", "fold", { size: 50 });
-
- effect("#highlight", "highlight", { });
-
- effect("#pulsate", "pulsate", { times: 2 });
-
- effect("#puff", "puff", { times: 2 });
- effect("#scale", "scale", { });
-
- $("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
-
- effect("#slideDown", "slide", { direction: "down" });
- effect("#slideUp", "slide", { direction: "up" });
- effect("#slideLeft", "slide", { direction: "left" });
- effect("#slideRight", "slide", { direction: "right" });
-
- $("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
-
+$(document).ready(function() {
+
+ $("div.effect")
+ .hover(function() {
+ $(this).addClass("hover");
+ }, function() {
+ $(this).removeClass("hover");
+ })
+ ;
+
+
+ var effect = function(el, n, o) {
+
+ $.extend(o, {
+ easing: "easeOutQuint"
+ });
+
+ $(el).bind("click", function() {
+
+ $(this).addClass("current").hide(n, o, 1000, function() {
+ var self = this;
+ window.setTimeout(function() {
+ $(self).show(n, o, 1000, function() { $(this).removeClass("current"); });
+ },500);
+ });
+ });
+
+ };
+
+
+ effect("#blindHorizontally", "blind", { direction: "horizontal" });
+ effect("#blindVertically", "blind", { direction: "vertical" });
+
+ effect("#bounce3times", "bounce", { times: 3 });
+
+ effect("#clipHorizontally", "clip", { direction: "horizontal" });
+ effect("#clipVertically", "clip", { direction: "vertical" });
+
+ effect("#dropDown", "drop", { direction: "down" });
+ effect("#dropUp", "drop", { direction: "up" });
+ effect("#dropLeft", "drop", { direction: "left" });
+ effect("#dropRight", "drop", { direction: "right" });
+
+ effect("#explode9", "explode", { });
+ effect("#explode36", "explode", { pieces: 36 });
+
+ effect("#fold", "fold", { size: 50 });
+
+ effect("#highlight", "highlight", { });
+
+ effect("#pulsate", "pulsate", { times: 2 });
+
+ effect("#puff", "puff", { times: 2 });
+ effect("#scale", "scale", { });
+
+ $("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
+
+ effect("#slideDown", "slide", { direction: "down" });
+ effect("#slideUp", "slide", { direction: "up" });
+ effect("#slideLeft", "slide", { direction: "left" });
+ effect("#slideRight", "slide", { direction: "right" });
+
+ $("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
+
});
238 ui/demos/real-world/effects/index.html
View
@@ -1,120 +1,120 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html>
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <title>Effects Test Suite</title>
- <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8" />
-
- <script type="text/javascript" src="../../../../jquery/jquery-1.2.6.js"></script>
- <script type="text/javascript" src="../../../source/effects.core.js"></script>
-
- <script type="text/javascript" src="../../../source/effects.blind.js"></script>
- <script type="text/javascript" src="../../../source/effects.bounce.js"></script>
- <script type="text/javascript" src="../../../source/effects.clip.js"></script>
- <script type="text/javascript" src="../../../source/effects.drop.js"></script>
- <script type="text/javascript" src="../../../source/effects.explode.js"></script>
- <script type="text/javascript" src="../../../source/effects.fold.js"></script>
- <script type="text/javascript" src="../../../source/effects.highlight.js"></script>
- <script type="text/javascript" src="../../../source/effects.pulsate.js"></script>
- <script type="text/javascript" src="../../../source/effects.scale.js"></script>
- <script type="text/javascript" src="../../../source/effects.shake.js"></script>
- <script type="text/javascript" src="../../../source/effects.slide.js"></script>
- <script type="text/javascript" src="../../../source/effects.transfer.js"></script>
-
- <script type="text/javascript" src="demo.js"></script>
-
-
- </head>
- <body>
-
- <div class="effect" id="blindHorizontally">
- <p>Blind horizontally</p>
- </div>
-
- <div class="effect" id="blindVertically">
- <p>Blind vertically</p>
- </div>
-
- <div class="effect" id="bounce3times">
- <p>Bounce 3 times</p>
- </div>
-
- <div class="effect" id="clipHorizontally">
- <p>Clip horizontally</p>
- </div>
-
- <div class="effect" id="clipVertically">
- <p>Clip vertically</p>
- </div>
-
- <div class="effect" id="dropDown">
- <p>Drop down</p>
- </div>
-
- <div class="effect" id="dropUp">
- <p>Drop up</p>
- </div>
-
- <div class="effect" id="dropLeft">
- <p>Drop left</p>
- </div>
-
- <div class="effect" id="dropRight">
- <p>Drop right</p>
- </div>
-
- <div class="effect" id="explode9">
- <p>Explode in 9 pieces</p>
- </div>
-
- <div class="effect" id="explode36">
- <p>Explode in 36 pieces</p>
- </div>
-
- <div class="effect" id="fold">
- <p>Fold</p>
- </div>
-
- <div class="effect" id="highlight">
- <p>Highlight</p>
- </div>
-
- <div class="effect" id="pulsate">
- <p>Pulsate 2 times</p>
- </div>
-
- <div class="effect" id="puff">
- <p>Puff</p>
- </div>
-
- <div class="effect" id="scale">
- <p>Scale</p>
- </div>
-
- <div class="effect" id="shake">
- <p>Shake</p>
- </div>
-
- <div class="effect" id="slideDown">
- <p>Slide down</p>
- </div>
-
- <div class="effect" id="slideUp">
- <p>Slide up</p>
- </div>
-
- <div class="effect" id="slideLeft">
- <p>Slide left</p>
- </div>
-
- <div class="effect" id="slideRight">
- <p>Slide right</p>
- </div>
-
- <div class="effect" id="transfer">
- <p>Transfer to first element</p>
- </div>
-
- </body>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+ <title>Effects Test Suite</title>
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8" />
+
+ <script type="text/javascript" src="../../../../jquery/jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../../source/effects.core.js"></script>
+
+ <script type="text/javascript" src="../../../source/effects.blind.js"></script>
+ <script type="text/javascript" src="../../../source/effects.bounce.js"></script>
+ <script type="text/javascript" src="../../../source/effects.clip.js"></script>
+ <script type="text/javascript" src="../../../source/effects.drop.js"></script>
+ <script type="text/javascript" src="../../../source/effects.explode.js"></script>
+ <script type="text/javascript" src="../../../source/effects.fold.js"></script>
+ <script type="text/javascript" src="../../../source/effects.highlight.js"></script>
+ <script type="text/javascript" src="../../../source/effects.pulsate.js"></script>
+ <script type="text/javascript" src="../../../source/effects.scale.js"></script>
+ <script type="text/javascript" src="../../../source/effects.shake.js"></script>
+ <script type="text/javascript" src="../../../source/effects.slide.js"></script>
+ <script type="text/javascript" src="../../../source/effects.transfer.js"></script>
+
+ <script type="text/javascript" src="demo.js"></script>
+
+
+ </head>
+ <body>
+
+ <div class="effect" id="blindHorizontally">
+ <p>Blind horizontally</p>
+ </div>
+
+ <div class="effect" id="blindVertically">
+ <p>Blind vertically</p>
+ </div>
+
+ <div class="effect" id="bounce3times">
+ <p>Bounce 3 times</p>
+ </div>
+
+ <div class="effect" id="clipHorizontally">
+ <p>Clip horizontally</p>
+ </div>
+
+ <div class="effect" id="clipVertically">
+ <p>Clip vertically</p>
+ </div>
+
+ <div class="effect" id="dropDown">
+ <p>Drop down</p>
+ </div>
+
+ <div class="effect" id="dropUp">
+ <p>Drop up</p>
+ </div>
+
+ <div class="effect" id="dropLeft">
+ <p>Drop left</p>
+ </div>
+
+ <div class="effect" id="dropRight">
+ <p>Drop right</p>
+ </div>
+
+ <div class="effect" id="explode9">
+ <p>Explode in 9 pieces</p>
+ </div>
+
+ <div class="effect" id="explode36">
+ <p>Explode in 36 pieces</p>
+ </div>
+
+ <div class="effect" id="fold">
+ <p>Fold</p>
+ </div>
+
+ <div class="effect" id="highlight">
+ <p>Highlight</p>
+ </div>
+
+ <div class="effect" id="pulsate">
+ <p>Pulsate 2 times</p>
+ </div>
+
+ <div class="effect" id="puff">
+ <p>Puff</p>
+ </div>
+
+ <div class="effect" id="scale">
+ <p>Scale</p>
+ </div>
+
+ <div class="effect" id="shake">
+ <p>Shake</p>
+ </div>
+
+ <div class="effect" id="slideDown">
+ <p>Slide down</p>
+ </div>
+
+ <div class="effect" id="slideUp">
+ <p>Slide up</p>
+ </div>
+
+ <div class="effect" id="slideLeft">
+ <p>Slide left</p>
+ </div>
+
+ <div class="effect" id="slideRight">
+ <p>Slide right</p>
+ </div>
+
+ <div class="effect" id="transfer">
+ <p>Transfer to first element</p>
+ </div>
+
+ </body>
</html>
70 ui/demos/real-world/effects/style.css
View
@@ -1,36 +1,36 @@
-body,html {
- margin: 0;
- padding: 0;
- font-size: 12px;
- font-family: Arial;
- background: #000;
-}
-
-div.effect {
- width: 120px;
- height: 100px;
- background: #333;
- border: 5px outset #aaa;
- float: left;
- margin-top: 20px;
- margin-left: 20px;
- cursor: pointer;
- cursor: hand;
-}
-
-div.current {
- border: 5px outset #FF0000;
- background: #660000;
-}
-
-div.effect p {
- color: #eee;
- margin: 0px;
- padding: 10px;
-}
-
-.ui-effects-transfer {
- border: 1px dotted #fff;
- background: #666;
- opacity: 0.5;
+body,html {
+ margin: 0;
+ padding: 0;
+ font-size: 12px;
+ font-family: Arial;
+ background: #000;
+}
+
+div.effect {
+ width: 120px;
+ height: 100px;
+ background: #333;
+ border: 5px outset #aaa;
+ float: left;
+ margin-top: 20px;
+ margin-left: 20px;
+ cursor: pointer;
+ cursor: hand;
+}
+
+div.current {
+ border: 5px outset #FF0000;
+ background: #660000;
+}
+
+div.effect p {
+ color: #eee;
+ margin: 0px;
+ padding: 10px;
+}
+
+.ui-effects-transfer {
+ border: 1px dotted #fff;
+ background: #666;
+ opacity: 0.5;
}
462 ui/demos/real-world/image-cropper/index.html
View
@@ -1,231 +1,231 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta http-equiv="Content-Language" content="en" />
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title>Image Cropper: jQuery Real-world Demo</title>
-<script type="text/javascript" src="../../../../jquery/jquery-1.2.6.js"></script>
-<script type="text/javascript" src="../../../source/ui.core.js"></script>
-<script type="text/javascript" src="../../../source/ui.resizable.js"></script>
-<script type="text/javascript" src="../../../source/ui.draggable.js"></script>
-
-<script type="text/javascript" src="../../../source/effects.core.js"></script>
-<script type="text/javascript" src="../../../source/effects.bounce.js"></script>
-<script type="text/javascript" src="../../../source/effects.scale.js"></script>
-
-
-<style type="text/css">
-<!--
-/*************************************/
-/* Real-World CSS */
-
-@import "real-world.css";
-
-/*************************************/
-/* Demo CSS */
-
-#sidebar div {
- text-align:center;
-}
-.thumb ul {
- padding:10px 0 0 0;
-}
-.thumbs li {
- margin:4px 20px;
-}
-.thumbs li a,
-.thumbs li a img{
- height: 75px;
- width: 75px;
- display: block;
-}
-.thumbs li a:hover,
-.thumbs li a:hover img{
- height: 130px;
- width: 130px;
-}
-.thumbs li a:hover {
- border: 4px solid #E8EEF7;
-}
-
-#break strong {
- margin:0 0 4px 0;
-}
-#break ul {
- padding:6px;
-}
-#break ul li {
- padding:3px 0px;
- font-style: italic;
-}
-#break ul li span {
- font-style: normal;
-}
-
-.ui-resizable-knob {
- border: 1px #fff dashed;
-}
-
-/*************************************/
-/* Cropper CSS */
-
-#resizeme_containment_wrap_image {
- position: relative;
-}
-#resizeme_containment_div {
- position: absolute;
- top:0px;
- left:0px;
- width: 150px;
- height:150px;
-}
-
-#resizeme_containment_div_wrapper {
- position: relative;
-}
-
-
--->
-</style>
-<script type="text/javascript">
- var getSizeImg = function(src) {
- var timg = $('<img>').attr('src', src).css({ position: 'absolute', top: '-1000px', left: '-1000px' }).appendTo('body');
- var size = [ timg.get(0).offsetWidth, timg.get(0).offsetHeight ];
-
- try { document.body.removeChild(timg[0]); }
- catch(e) {};
-
- return size;
- };
-
- $().ready(function(){
-
- $('#resizeme_containment_div').resizable({
-
- containment: $('#resizeme_containment_div_wrapper'),
-
- //proxy: 'proxy',
-
- //ghost: true,
-
- //animate:true,
-
- handles: 'all',
-
- knobHandles: true,
-
- //transparent: true,
-
- //aspectRatio: true,
-
- autoHide: true,
-
- minWidth: 100,
-
- minHeight: 100,
-
- resize: function(e, ui) {
- var self = $(this).data("resizable");
-
- this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
-
-
- $("#log-top").html(self.position.top+"px");
-
- $("#log-left").html(self.position.left+"px");
-
- $("#log-height").html(self.size.height+"px");
-
- $("#log-width").html(self.size.width+"px");
-
- },
- stop: function(e, ui) {
- var self = $(this).data("resizable");
- this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
- }
- })
-
- .draggable({
-
- cursor: 'move',
-
- containment: $('#resizeme_containment_div_wrapper'),
-
- drag: function(e, ui) {
- var self = $(this).data("draggable");
- this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
-
- $("#log-top").html(self.position.top+"px");
-
- $("#log-left").html(self.position.left+"px");
-
- }
-
- });
-
- $('.thumbs').find("li a").click(function(e){
-
- $('#resizeme_containment_div').css('top', '0');
-
- $('#resizeme_containment_div').css('left', '0');
-
- var size = getSizeImg($(this).find("img").attr("src"));
-
- $('#resizeme_containment_wrap_image').css( { width: size[0], height: size[1], background: 'transparent url('+$(this).find("img").attr("src")+') no-repeat scroll 0%' } );
- $('#resizeme_containment_div_wrapper').css( { width: size[0], height: size[1] } );
- $('#resizeme_containment_div').css('background', 'transparent url('+$(this).find("img").attr("src")+') no-repeat scroll 0px 0px');
-
- return false;
-
- });
-
-
- $('#resizeme_containment_wrap_image').css({ opacity: 0.5 });
-
- $("#log-height").html($('#resizeme_containment_div').height()+"px");
-
- $("#log-width").html($('#resizeme_containment_div').width()+"px");
-
- });
-
- $(window).load(function(){
- var size = getSizeImg("img/img01.jpg");
- $('#resizeme_containment_div').css('background', 'transparent url(img/img01.jpg) no-repeat scroll 0px 0px');
- $('#resizeme_containment_div_wrapper').css( { width: size[0], height: size[1] } );
- $('#resizeme_containment_wrap_image').css( { width: size[0], height: size[1], background: 'transparent url(img/img01.jpg) no-repeat scroll 0%' } );
-
- });
-</script>
-</head>
-<body>
- <div id="sidebar">
- <ul class="thumbs">
- <li><a href="#" title="Open This Image"><img src="img/img01.jpg"/></a></li>
- <li><a href="#" title="Open This Image"><img src="img/img02.jpg"/></a></li>
- <li><a href="#" title="Open This Image"><img src="img/img03.jpg"/></a></li>
- <li><a href="#" title="Open This Image"><img src="img/img04.jpg"/></a></li>
- <li><a href="#" title="Open This Image"><img src="img/img05.jpg"/></a></li>
- </div>
- </div>
- <div id="main">
- <div id="header">
- <h2>jQuery Real-world Demo: Image Cropper</h2>
- </div>
- <div id="content">
- <div id="resizeme_containment_div_wrapper">
- <div id="resizeme_containment_wrap_image"></div>
- <div id="resizeme_containment_div"></div>
- </div>
- </div>
- <div id="break">
- <strong>Properties:</strong>
- <ul>
- <li>width: <span id="log-width">0px</span></li>
- <li>height: <span id="log-height">0px</span></li>
- <li>top: <span id="log-top">0px</span></li>
- <li>left: <span id="log-left">0px</span></li>
- </ul>
- </div>
- </div>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Language" content="en" />
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Image Cropper: jQuery Real-world Demo</title>
+<script type="text/javascript" src="../../../../jquery/jquery-1.2.6.js"></script>
+<script type="text/javascript" src="../../../source/ui.core.js"></script>
+<script type="text/javascript" src="../../../source/ui.resizable.js"></script>
+<script type="text/javascript" src="../../../source/ui.draggable.js"></script>
+
+<script type="text/javascript" src="../../../source/effects.core.js"></script>
+<script type="text/javascript" src="../../../source/effects.bounce.js"></script>
+<script type="text/javascript" src="../../../source/effects.scale.js"></script>
+
+
+<style type="text/css">
+<!--
+/*************************************/
+/* Real-World CSS */
+
+@import "real-world.css";
+
+/*************************************/
+/* Demo CSS */
+
+#sidebar div {
+ text-align:center;
+}
+.thumb ul {
+ padding:10px 0 0 0;
+}
+.thumbs li {
+ margin:4px 20px;
+}
+.thumbs li a,
+.thumbs li a img{
+ height: 75px;
+ width: 75px;
+ display: block;
+}
+.thumbs li a:hover,
+.thumbs li a:hover img{
+ height: 130px;
+ width: 130px;
+}
+.thumbs li a:hover {
+ border: 4px solid #E8EEF7;
+}
+
+#break strong {
+ margin:0 0 4px 0;
+}
+#break ul {
+ padding:6px;
+}
+#break ul li {
+ padding:3px 0px;
+ font-style: italic;
+}
+#break ul li span {
+ font-style: normal;
+}
+
+.ui-resizable-knob {
+ border: 1px #fff dashed;
+}
+
+/*************************************/
+/* Cropper CSS */
+
+#resizeme_containment_wrap_image {
+ position: relative;
+}
+#resizeme_containment_div {
+ position: absolute;
+ top:0px;
+ left:0px;
+ width: 150px;
+ height:150px;
+}
+
+#resizeme_containment_div_wrapper {
+ position: relative;
+}
+
+
+-->
+</style>
+<script type="text/javascript">
+ var getSizeImg = function(src) {
+ var timg = $('<img>').attr('src', src).css({ position: 'absolute', top: '-1000px', left: '-1000px' }).appendTo('body');
+ var size = [ timg.get(0).offsetWidth, timg.get(0).offsetHeight ];
+
+ try { document.body.removeChild(timg[0]); }
+ catch(e) {};
+
+ return size;
+ };
+
+ $().ready(function(){
+
+ $('#resizeme_containment_div').resizable({
+
+ containment: $('#resizeme_containment_div_wrapper'),
+
+ //proxy: 'proxy',
+
+ //ghost: true,
+
+ //animate:true,
+
+ handles: 'all',
+
+ knobHandles: true,
+
+ //transparent: true,
+
+ //aspectRatio: true,
+
+ autoHide: true,
+
+ minWidth: 100,
+
+ minHeight: 100,
+
+ resize: function(e, ui) {
+ var self = $(this).data("resizable");
+
+ this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
+
+
+ $("#log-top").html(self.position.top+"px");
+
+ $("#log-left").html(self.position.left+"px");
+
+ $("#log-height").html(self.size.height+"px");
+
+ $("#log-width").html(self.size.width+"px");
+
+ },
+ stop: function(e, ui) {
+ var self = $(this).data("resizable");
+ this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
+ }
+ })
+
+ .draggable({
+
+ cursor: 'move',
+
+ containment: $('#resizeme_containment_div_wrapper'),
+
+ drag: function(e, ui) {
+ var self = $(this).data("draggable");
+ this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
+
+ $("#log-top").html(self.position.top+"px");
+
+ $("#log-left").html(self.position.left+"px");
+
+ }
+
+ });
+
+ $('.thumbs').find("li a").click(function(e){
+
+ $('#resizeme_containment_div').css('top', '0');
+
+ $('#resizeme_containment_div').css('left', '0');
+
+ var size = getSizeImg($(this).find("img").attr("src"));
+
+ $('#resizeme_containment_wrap_image').css( { width: size[0], height: size[1], background: 'transparent url('+$(this).find("img").attr("src")+') no-repeat scroll 0%' } );
+ $('#resizeme_containment_div_wrapper').css( { width: size[0], height: size[1] } );
+ $('#resizeme_containment_div').css('background', 'transparent url('+$(this).find("img").attr("src")+') no-repeat scroll 0px 0px');
+
+ return false;
+
+ });
+
+
+ $('#resizeme_containment_wrap_image').css({ opacity: 0.5 });
+
+ $("#log-height").html($('#resizeme_containment_div').height()+"px");
+
+ $("#log-width").html($('#resizeme_containment_div').width()+"px");
+
+ });
+
+ $(window).load(function(){
+ var size = getSizeImg("img/img01.jpg");
+ $('#resizeme_containment_div').css('background', 'transparent url(img/img01.jpg) no-repeat scroll 0px 0px');
+ $('#resizeme_containment_div_wrapper').css( { width: size[0], height: size[1] } );
+ $('#resizeme_containment_wrap_image').css( { width: size[0], height: size[1], background: 'transparent url(img/img01.jpg) no-repeat scroll 0%' } );
+
+ });
+</script>
+</head>
+<body>
+ <div id="sidebar">
+ <ul class="thumbs">
+ <li><a href="#" title="Open This Image"><img src="img/img01.jpg"/></a></li>
+ <li><a href="#" title="Open This Image"><img src="img/img02.jpg"/></a></li>
+ <li><a href="#" title="Open This Image"><img src="img/img03.jpg"/></a></li>
+ <li><a href="#" title="Open This Image"><img src="img/img04.jpg"/></a></li>
+ <li><a href="#" title="Open This Image"><img src="img/img05.jpg"/></a></li>
+ </div>
+ </div>
+ <div id="main">
+ <div id="header">
+ <h2>jQuery Real-world Demo: Image Cropper</h2>
+ </div>
+ <div id="content">
+ <div id="resizeme_containment_div_wrapper">
+ <div id="resizeme_containment_wrap_image"></div>
+ <div id="resizeme_containment_div"></div>
+ </div>
+ </div>
+ <div id="break">
+ <strong>Properties:</strong>
+ <ul>
+ <li>width: <span id="log-width">0px</span></li>
+ <li>height: <span id="log-height">0px</span></li>
+ <li>top: <span id="log-top">0px</span></li>
+ <li>left: <span id="log-left">0px</span></li>
+ </ul>
+ </div>
+ </div>
+</body>
+</html>
208 ui/demos/real-world/image-cropper/real-world.css
View
@@ -1,104 +1,104 @@
-/*************************************/
-/* Blueprint: reset.css */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- font-family: inherit;
- vertical-align: baseline;
-}
-
-/* Remember to define focus styles! */
-:focus {
- outline: 0;
-}
-body {
- line-height: 1;
- color: black;
- background: white;
-}
-ol, ul {
- list-style: none;
-}
-
-/* Tables still need 'cellspacing="0"' in the markup. */
-table {
- border-collapse: separate;
- border-spacing: 0;
-}
-caption, th, td {
- text-align: left;
- font-weight: normal;
-}
-
-/* Remove possible quote marks (") from <q>, <blockquote>. */
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: "";
-}
-blockquote, q {
- quotes: "" "";
-}
-
-.clear {
- clear:both;
-}
-
-/*************************************/
-/* Layout */
-body, html {
- height: 100%;
- font-family:sans-serif;
- font-size:13px;
- margin:0px;
- padding:0px;
-}
-body, html {
- height: 100%;
- font-family:sans-serif;
- font-size:13px;
-
-}
-#main {
- height:auto;
- background: #E8EEF7;
- border-left:1px solid #ccc;
- border-bottom:1px solid #ccc;
- margin:0 0 0 200px;
-}
- #header {
- height:30px;
- padding:10px;
- font-size:2em;
- font-weight:bold;
- text-align: center;
- border-bottom:1px solid #ccc;
- background: #E8EEF7;
- }
- #main #content {
- padding:10px;
- background: #FFF;
- }
- #main #break {
- padding:10px;
- border-top:1px solid #ccc;
- }
-#sidebar {
- float:left;
- width:200px;
- height:100%;
- border-right:1px solid #ccc;
-}
- #sidebar div {
- padding:10px;
- }
+/*************************************/
+/* Blueprint: reset.css */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ font-family: inherit;
+ vertical-align: baseline;
+}
+
+/* Remember to define focus styles! */
+:focus {
+ outline: 0;
+}
+body {
+ line-height: 1;
+ color: black;
+ background: white;
+}
+ol, ul {
+ list-style: none;
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+}
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: "";
+}
+blockquote, q {
+ quotes: "" "";
+}
+
+.clear {
+ clear:both;
+}
+
+/*************************************/
+/* Layout */
+body, html {
+ height: 100%;
+ font-family:sans-serif;
+ font-size:13px;
+ margin:0px;
+ padding:0px;
+}
+body, html {
+ height: 100%;
+ font-family:sans-serif;
+ font-size:13px;
+
+}
+#main {
+ height:auto;
+ background: #E8EEF7;