├── test
├── overlay
│ ├── lazyload.htm
│ ├── img
│ │ ├── close.gif
│ │ ├── close.png
│ │ ├── next.gif
│ │ ├── image-1.jpg
│ │ ├── image-2.jpg
│ │ ├── image-3.jpg
│ │ ├── image-4.jpg
│ │ ├── overlay.png
│ │ └── overlay-white.png
│ ├── style.css
│ ├── 2overlays.html
│ ├── modal.html
│ ├── lightbox.html
│ ├── index.htm
│ └── test.js
├── tabs
│ ├── lazyload
│ │ ├── 3.htm
│ │ ├── 2.htm
│ │ ├── load1.htm
│ │ ├── 1.htm
│ │ ├── index.html
│ │ └── slideshow.html
│ ├── slideshow
│ │ └── slideshow.css
│ ├── horizontal.css
│ ├── horizontal.html
│ ├── tabs.css
│ ├── ajax.html
│ ├── history.html
│ └── index.html
├── dateinput
│ ├── next.gif
│ ├── prev.gif
│ ├── minimal.htm
│ ├── customized.htm
│ └── skin1.css
├── form
│ ├── img
│ │ ├── radio.png
│ │ ├── button.png
│ │ ├── checkbox.png
│ │ └── select.png
│ ├── dateinput.htm
│ ├── dateinput.css
│ ├── draggable.htm
│ ├── styleable.htm
│ └── dateinput-layout.htm
├── img
│ ├── arrow_next.gif
│ ├── arrow_prev.gif
│ ├── blue_next.gif
│ ├── blue_prev.gif
│ ├── 6481762_3d2c7e79f7.jpg
│ ├── 375832178_02b1b0e4b1.jpg
│ ├── 543642045_9aa7beb2c0.jpg
│ ├── 2132556613_ab0a4b8d2f_o.jpg
│ ├── 2220611397_73b6486fe9.jpg
│ ├── 3720930469_66ffe057f8.jpg
│ └── 3942153630_38e1a62b2d.jpg
├── tooltip
│ ├── click.html
│ ├── dynamic.html
│ ├── style.css
│ ├── scrollable.html
│ └── index.html
├── toolbox
│ └── mask
│ │ └── mask.htm
├── rangeinput
│ ├── img
│ │ ├── h30.png
│ │ ├── h300.png
│ │ ├── h80.png
│ │ ├── pattern.png
│ │ ├── apple
│ │ │ ├── bg.png
│ │ │ ├── iphone.png
│ │ │ ├── dragger.png
│ │ │ └── gradient.jpg
│ │ ├── small-vertical.png
│ │ ├── small-horizontal.png
│ │ └── IDEAS
│ ├── css
│ │ ├── multiple.css
│ │ ├── skin1.css
│ │ └── small.css
│ ├── vertical.htm
│ ├── multiple.htm
│ └── scrollbar.htm
├── validator
│ ├── validator.htm
│ ├── no-form.htm
│ └── minimal.htm
└── scrollable
│ ├── single.html
│ ├── size2.html
│ ├── style.css
│ ├── lazyload.htm
│ └── index.html
├── lib
├── rhino.jar
└── compiler.jar
├── .gitignore
├── README.md
└── src
├── toolbox
├── toolbox.mousewheel.js
├── toolbox.history.js
├── toolbox.expose.js
└── toolbox.flashembed.js
├── tooltip
├── tooltip.slide.js
├── tooltip.dynamic.js
└── tooltip.js
├── scrollable
├── scrollable.autoscroll.js
├── scrollable.navigator.js
└── scrollable.js
├── overlay
├── overlay.apple.js
└── overlay.js
├── tabs
├── tabs.slideshow.js
└── tabs.js
├── rangeinput
└── rangeinput.js
├── validator
└── validator.js
└── dateinput
└── dateinput.js
/test/overlay/lazyload.htm:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/test/tabs/lazyload/3.htm:
--------------------------------------------------------------------------------
1 | third
2 |
--------------------------------------------------------------------------------
/test/tabs/lazyload/2.htm:
--------------------------------------------------------------------------------
1 | second page
2 |
--------------------------------------------------------------------------------
/lib/rhino.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/lib/rhino.jar
--------------------------------------------------------------------------------
/lib/compiler.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/lib/compiler.jar
--------------------------------------------------------------------------------
/test/dateinput/next.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/dateinput/next.gif
--------------------------------------------------------------------------------
/test/dateinput/prev.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/dateinput/prev.gif
--------------------------------------------------------------------------------
/test/form/img/radio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/form/img/radio.png
--------------------------------------------------------------------------------
/test/img/arrow_next.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/arrow_next.gif
--------------------------------------------------------------------------------
/test/img/arrow_prev.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/arrow_prev.gif
--------------------------------------------------------------------------------
/test/img/blue_next.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/blue_next.gif
--------------------------------------------------------------------------------
/test/img/blue_prev.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/blue_prev.gif
--------------------------------------------------------------------------------
/test/tooltip/click.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/tooltip/click.html
--------------------------------------------------------------------------------
/test/form/img/button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/form/img/button.png
--------------------------------------------------------------------------------
/test/form/img/checkbox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/form/img/checkbox.png
--------------------------------------------------------------------------------
/test/form/img/select.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/form/img/select.png
--------------------------------------------------------------------------------
/test/overlay/img/close.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/close.gif
--------------------------------------------------------------------------------
/test/overlay/img/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/close.png
--------------------------------------------------------------------------------
/test/overlay/img/next.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/next.gif
--------------------------------------------------------------------------------
/test/toolbox/mask/mask.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/toolbox/mask/mask.htm
--------------------------------------------------------------------------------
/test/tooltip/dynamic.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/tooltip/dynamic.html
--------------------------------------------------------------------------------
/test/overlay/img/image-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/image-1.jpg
--------------------------------------------------------------------------------
/test/overlay/img/image-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/image-2.jpg
--------------------------------------------------------------------------------
/test/overlay/img/image-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/image-3.jpg
--------------------------------------------------------------------------------
/test/overlay/img/image-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/image-4.jpg
--------------------------------------------------------------------------------
/test/overlay/img/overlay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/overlay.png
--------------------------------------------------------------------------------
/test/rangeinput/img/h30.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/h30.png
--------------------------------------------------------------------------------
/test/rangeinput/img/h300.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/h300.png
--------------------------------------------------------------------------------
/test/rangeinput/img/h80.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/h80.png
--------------------------------------------------------------------------------
/test/validator/validator.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/validator/validator.htm
--------------------------------------------------------------------------------
/test/img/6481762_3d2c7e79f7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/6481762_3d2c7e79f7.jpg
--------------------------------------------------------------------------------
/test/rangeinput/img/pattern.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/pattern.png
--------------------------------------------------------------------------------
/test/img/375832178_02b1b0e4b1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/375832178_02b1b0e4b1.jpg
--------------------------------------------------------------------------------
/test/img/543642045_9aa7beb2c0.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/543642045_9aa7beb2c0.jpg
--------------------------------------------------------------------------------
/test/rangeinput/img/apple/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/apple/bg.png
--------------------------------------------------------------------------------
/test/img/2132556613_ab0a4b8d2f_o.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/2132556613_ab0a4b8d2f_o.jpg
--------------------------------------------------------------------------------
/test/img/2220611397_73b6486fe9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/2220611397_73b6486fe9.jpg
--------------------------------------------------------------------------------
/test/img/3720930469_66ffe057f8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/3720930469_66ffe057f8.jpg
--------------------------------------------------------------------------------
/test/img/3942153630_38e1a62b2d.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/img/3942153630_38e1a62b2d.jpg
--------------------------------------------------------------------------------
/test/overlay/img/overlay-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/overlay/img/overlay-white.png
--------------------------------------------------------------------------------
/test/rangeinput/img/apple/iphone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/apple/iphone.png
--------------------------------------------------------------------------------
/test/rangeinput/img/apple/dragger.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/apple/dragger.png
--------------------------------------------------------------------------------
/test/rangeinput/img/apple/gradient.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/apple/gradient.jpg
--------------------------------------------------------------------------------
/test/rangeinput/img/small-vertical.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/small-vertical.png
--------------------------------------------------------------------------------
/test/rangeinput/img/small-horizontal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codegram/jquerytools/HEAD/test/rangeinput/img/small-horizontal.png
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | build
2 |
3 | # patch
4 | *.rej
5 | *.orig
6 |
7 | # vim
8 | *~
9 |
10 | # emacs
11 | \#*\#
12 | \.\#*
13 |
14 | # MacOS directory store
15 | .DS_Store
16 |
--------------------------------------------------------------------------------
/test/tabs/lazyload/load1.htm:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
Some title here
5 |
6 |
7 | lskdjf alskdfj asldfkj aslkf jasdlfk j
8 |
9 |
10 |
11 |
12 |
16 |
17 |
prev
18 |
19 |
20 |
21 |
34 |
35 |
next
36 |
37 |
JOjoijoiji
3 |
4 |
5 | ut enim diam, at iaculis purus. Nunc porta imperdiet iaculis . Phasellus purus dui, aliquam nec iaculis ut, dignissim et velit. Sed viverra vulputate purus ut vestibulum. Cras nec purus ac lectus varius suscipit in et orci. Vestibulum ac erat felis, sodales laoreet lectus. Ut consectetur iaculis elit, in varius diam feugiat non.
6 |
7 |
8 |
9 | Donec turpis urna, elementum eget ultricies sed, semper a massa. Vivamus euismod lacus nec arcu aliquam sollicitudin. Donec nec ante eu tortor ullamcorper molestie. Donec tempus dictum neque, pellentesque semper lorem elementum quis. Maecenas aliquet magna in purus elementum a vestibulum massa gravida. Duis sit amet tortor porttitor nulla interdum sagittis ac eget quam. Suspe
10 |
11 |
--------------------------------------------------------------------------------
/test/rangeinput/vertical.htm:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
18 |
19 |
20 |
21 |
22 |
23 |
29 |
--------------------------------------------------------------------------------
/test/scrollable/size2.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | issue 8/31650
36 |
37 |
38 | Scrollable error when size = 2
39 |
40 |
41 |
42 | test click
43 |
44 |
--------------------------------------------------------------------------------
/test/scrollable/style.css:
--------------------------------------------------------------------------------
1 |
2 | /* minimal settings */
3 | .scrollable {
4 |
5 | /* required settings for the root element */
6 | position:relative;
7 | overflow:hidden;
8 | width: 660px;
9 |
10 | /* configurable styling */
11 | border:1px solid #ccc;
12 | padding:20px 0;
13 | height:130px;
14 | }
15 |
16 | .scrollable .items {
17 | margin-left:10px;
18 | position:relative;
19 | width:20000em;
20 | }
21 |
22 | .scrollable .items div {
23 | text-align:center;
24 | width:110px;
25 | padding:25px 0px;
26 | font-size:30px;
27 | font-family: 'bitstream vera sans';
28 | border:1px outset #ccc;
29 | background-color: #efefef;
30 | margin-right: 20px;
31 | float:left;
32 | -moz-border-radius:5px;
33 | }
34 |
35 | .navi {
36 | height:30px;
37 | margin-bottom:20px;
38 | }
39 |
40 | .navi a {
41 | width:20px;
42 | height: 20px;
43 | background-color:blue;
44 | display:block;
45 | float:left;
46 | margin-right:10px;
47 | }
48 |
49 | .navi a.active {
50 | background-color:yellow;
51 | }
52 |
53 | /* custom style */
54 | body {
55 | padding:50px 100px;
56 | }
57 |
--------------------------------------------------------------------------------
/test/overlay/style.css:
--------------------------------------------------------------------------------
1 | /* automatically absolutely positioned */
2 | div.overlay {
3 | width:400px;
4 | display:none;
5 | color:#fff;
6 | padding:10px;
7 | }
8 |
9 | div.overlay a.close {
10 | background-image:url(img/close.png);
11 | position:absolute;
12 | right:5px;
13 | top:7px;
14 | cursor:pointer;
15 | height:27px;
16 | width:27px;
17 | }
18 |
19 | #overlay {
20 | height:200px;
21 | background-color:#666;
22 | -moz-border-radius:15px;
23 | }
24 |
25 | #overlay2 {
26 | background-image:url(img/overlay.png)
27 | }
28 |
29 | #img {
30 | position:absolute;
31 | }
32 |
33 | .next, .prev {
34 | position:absolute;
35 | cursor:pointer;
36 | display:block;
37 | width:100px;
38 | height:200px;
39 | background:url(img/next.gif) no-repeat;
40 | }
41 |
42 | .prev {
43 | left:10px;
44 | }
45 |
46 | .next {
47 | right:10px;
48 | }
49 |
50 | .info {
51 | position:absolute;
52 | bottom:10px;
53 | background-color:#333;
54 | opacity:0.7;
55 | padding:4px 15px;
56 | }
57 |
58 | .info strong {
59 | display:block;
60 | }
61 |
62 | .disabled {
63 | visibility:hidden;
64 | }
65 |
--------------------------------------------------------------------------------
/test/rangeinput/css/skin1.css:
--------------------------------------------------------------------------------
1 |
2 | #wrapper {
3 | background:#666 url(../img/h300.png) repeat-x;
4 | padding:10px 20px;
5 | width:510px;
6 | height:130px;
7 | }
8 |
9 | .slider {
10 | background:#333 url(../img/h30.png) repeat-x 0 0;
11 | height:30px;
12 | position:relative;
13 | cursor:pointer;
14 | margin:15px 0;
15 | -moz-border-radius:5px;
16 | border:1px inset #333;
17 | width:400px;
18 | float:left;
19 | clear:right;
20 | }
21 |
22 | .progress {
23 | height:30px;
24 | background-color:#34405F;
25 | display:none;
26 | opacity:0.5;
27 | }
28 |
29 | .handle {
30 | background:#3CB2FB url(../img/h30.png) repeat-x 0 0;
31 | height:28px;
32 | width:28px;
33 | top:0;
34 | position:absolute;
35 | display:block;
36 | margin-top:1px;
37 | -moz-border-radius:14px;
38 | }
39 |
40 | .range {
41 | float:left;
42 | margin-left:15px;
43 | border:0;
44 | background:transparent;
45 | font-size:30px;
46 | color:#fff;
47 | width:90px;
48 | margin:12px 0 0 15px;
49 | }
50 |
51 | .handle:hover {
52 | background-color:#72B0D6;
53 | }
54 |
55 | .handle:focus {
56 | background-color:#4E75FF;
57 | }
58 |
--------------------------------------------------------------------------------
/test/overlay/2overlays.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
25 | show
26 |
27 |
28 |
29 | show b
30 |
31 |
32 |
33 |
34 |
35 | asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj
36 |
37 |
show 2
38 |
39 |
40 |
29 |
30 |
31 | requred text
32 |
34 |
35 |
36 | pattern
37 |
39 |
40 |
41 | date
42 |
44 |
45 |
46 | email
47 |
49 |
50 | Submit
51 |
52 |
53 |
54 |
59 |
--------------------------------------------------------------------------------
/test/rangeinput/css/small.css:
--------------------------------------------------------------------------------
1 |
2 | .slider {
3 | background:url(../img/small-horizontal.png) no-repeat 0 -5px;
4 | width:94px;
5 | height:5px;
6 | cursor:pointer;
7 | position: relative;
8 | float:left;
9 | }
10 |
11 | .handle {
12 | background:transparent url(../img/small-horizontal.png) no-repeat scroll -97px 0;
13 | height:13px;
14 | position:absolute;
15 | top:-5px;
16 | width:12px;
17 | cursor:move;
18 | }
19 |
20 | .range {
21 | font-size:10px;
22 | border:0;
23 | background:none;
24 | width: 30px;
25 | margin:-5px 0 10px 0;
26 | float:left;
27 | color:#fff;
28 | -moz-border-radius:2px;
29 | -webkit-border-radius:2px;
30 | }
31 |
32 | .range:focus {
33 | background-color:#fff;
34 | }
35 |
36 |
37 | /* vertical ranges */
38 | .vertical .slider {
39 | background:url(../img/small-vertical.png) no-repeat -4px -17px;
40 | height:94px;
41 | width: 5px;
42 | margin:5px 13px 0 0;
43 | }
44 |
45 | .vertical .handle {
46 | background:transparent url(../img/small-vertical.png) no-repeat scroll -1px -2px;
47 | left:-3px;
48 | margin-bottom:5px;
49 | }
50 |
51 | .vertical .range {
52 | margin:-13px 13px 0 -27px;
53 | }
54 |
55 |
--------------------------------------------------------------------------------
/test/tooltip/scrollable.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
21 |
22 |
23 |
24 |
25 |
26 |
First pane
27 |
28 | Consectetur adipiscing elit. Praesent bibendum eros ac nulla. Integer vel lacus ac neque viverra.
29 |
30 |
31 |
32 |
33 |
34 |
35 |
Second pane
36 |
37 | Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat.
38 |
39 |
40 |
41 |
42 |
43 |
44 |
Third pane
45 |
46 | Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna.
47 |
48 |
49 |
50 |
32 |
33 |
This is a modal dialog
34 |
35 |
36 | You can only interact with elements that are inside this dialog. To close press the OK button or ESC key.
37 |
38 |
39 |
40 | OK
41 |
42 |
43 |
Modal dialog
46 |
47 |
55 |
--------------------------------------------------------------------------------
/test/tabs/tabs.css:
--------------------------------------------------------------------------------
1 |
2 | /* root element for tabs */
3 | ul.css-tabs {
4 | margin:0 !important;
5 | padding:0;
6 | height:30px;
7 | border-bottom:1px solid #666;
8 | }
9 |
10 | /* single tab */
11 | ul.css-tabs li {
12 | float:left;
13 | padding:0;
14 | margin:0;
15 | list-style-type:none;
16 | }
17 |
18 | /* link inside the tab. uses a background image */
19 | ul.css-tabs a {
20 | float:left;
21 | font-size:13px;
22 | display:block;
23 | padding:5px 30px;
24 | text-decoration:none;
25 | border:1px solid #666;
26 | border-bottom:0px;
27 | height:18px;
28 | background-color:#efefef;
29 | color:#777;
30 | margin-right:2px;
31 | -moz-border-radius-topleft: 4px;
32 | -moz-border-radius-topright:4px;
33 | position:relative;
34 | top:1px;
35 | }
36 |
37 | ul.css-tabs a:hover {
38 | background-color:#F7F7F7;
39 | color:#333;
40 | }
41 |
42 | /* selected tab */
43 | ul.css-tabs a.current {
44 | background-color:#ddd;
45 | border-bottom:2px solid #ddd;
46 | color:#000;
47 | cursor:default;
48 | }
49 |
50 |
51 | /* tab pane */
52 | div.css-panes div {
53 | display:none;
54 | border:1px solid #666;
55 | border-width:0 1px 1px 1px;
56 | min-height:150px;
57 | padding:15px 20px;
58 | background-color:#ddd;
59 | }
60 |
61 |
62 |
63 |
--------------------------------------------------------------------------------
/test/rangeinput/multiple.htm:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | image 1
13 | image 2
14 | image 3
15 | image 4
16 |
17 |
22 |
23 |
24 |
43 |
44 |
--------------------------------------------------------------------------------
/test/validator/minimal.htm:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
28 |
29 |
67 |
68 |
71 |
--------------------------------------------------------------------------------
/test/tabs/ajax.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
25 |
26 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
Riipaisua
36 |
37 |
38 |
39 |
40 |
41 | Jostainva sdlkfj a
42 |
43 |
32 |
33 |
34 | prev
35 |
36 |
45 |
46 | next
47 |
48 | Core methods
51 |
52 |
53 | begin
54 | prevPage
55 | prev
56 | next
57 | nextPage
58 | end
59 |
60 |
61 | Add / remove items
62 |
63 |
64 | add item
65 | remove item
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
--------------------------------------------------------------------------------
/src/tooltip/tooltip.slide.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION / Tooltip Slide Effect
4 | *
5 | * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
6 | *
7 | * http://flowplayer.org/tools/tooltip/slide.html
8 | *
9 | * Since: September 2009
10 | * Date: @DATE
11 | */
12 | (function($) {
13 |
14 | // version number
15 | var t = $.tools.tooltip;
16 |
17 | // extend global configuragion with effect specific defaults
18 | $.extend(t.conf, {
19 | direction: 'up', // down, left, right
20 | bounce: false,
21 | slideOffset: 10,
22 | slideInSpeed: 200,
23 | slideOutSpeed: 200,
24 | slideFade: !$.browser.msie
25 | });
26 |
27 | // directions for slide effect
28 | var dirs = {
29 | up: ['-', 'top'],
30 | down: ['+', 'top'],
31 | left: ['-', 'left'],
32 | right: ['+', 'left']
33 | };
34 |
35 | /* default effect: "slide" */
36 | t.addEffect("slide",
37 |
38 | // show effect
39 | function(done) {
40 |
41 | // variables
42 | var conf = this.getConf(),
43 | tip = this.getTip(),
44 | params = conf.slideFade ? {opacity: conf.opacity} : {},
45 | dir = dirs[conf.direction] || dirs.up;
46 |
47 | // direction
48 | params[dir[1]] = dir[0] +'='+ conf.slideOffset;
49 |
50 | // perform animation
51 | if (conf.slideFade) { tip.css({opacity:0}); }
52 | tip.show().animate(params, conf.slideInSpeed, done);
53 | },
54 |
55 | // hide effect
56 | function(done) {
57 |
58 | // variables
59 | var conf = this.getConf(),
60 | offset = conf.slideOffset,
61 | params = conf.slideFade ? {opacity: 0} : {},
62 | dir = dirs[conf.direction] || dirs.up;
63 |
64 | // direction
65 | var sign = "" + dir[0];
66 | if (conf.bounce) { sign = sign == '+' ? '-' : '+'; }
67 | params[dir[1]] = sign +'='+ offset;
68 |
69 | // perform animation
70 | this.getTip().animate(params, conf.slideOutSpeed, function() {
71 | $(this).hide();
72 | done.call();
73 | });
74 | }
75 | );
76 |
77 | })(jQuery);
78 |
79 |
--------------------------------------------------------------------------------
/src/scrollable/scrollable.autoscroll.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION / Scrollable Autoscroll
4 | *
5 | * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
6 | *
7 | * http://flowplayer.org/tools/scrollable/autoscroll.html
8 | *
9 | * Since: September 2009
10 | * Date: @DATE
11 | */
12 | (function($) {
13 |
14 | var t = $.tools.scrollable;
15 |
16 | t.autoscroll = {
17 |
18 | conf: {
19 | autoplay: true,
20 | interval: 3000,
21 | autopause: true
22 | }
23 | };
24 |
25 | // jQuery plugin implementation
26 | $.fn.autoscroll = function(conf) {
27 |
28 | if (typeof conf == 'number') {
29 | conf = {interval: conf};
30 | }
31 |
32 | var opts = $.extend({}, t.autoscroll.conf, conf), ret;
33 |
34 | this.each(function() {
35 |
36 | var api = $(this).data("scrollable");
37 | if (api) { ret = api; }
38 |
39 | // interval stuff
40 | var timer, hoverTimer, stopped = true;
41 |
42 | api.play = function() {
43 |
44 | // do not start additional timer if already exists
45 | if (timer) { return; }
46 |
47 | stopped = false;
48 |
49 | // construct new timer
50 | timer = setInterval(function() {
51 | api.next();
52 | }, opts.interval);
53 |
54 | api.next();
55 | };
56 |
57 | api.pause = function() {
58 | timer = clearInterval(timer);
59 | };
60 |
61 | // when stopped - mouseover won't restart
62 | api.stop = function() {
63 | api.pause();
64 | stopped = true;
65 | };
66 |
67 | /* when mouse enters, autoscroll stops */
68 | if (opts.autopause) {
69 | api.getRoot().add(api.getNaviButtons()).hover(function() {
70 | api.pause();
71 | clearInterval(hoverTimer);
72 |
73 | }, function() {
74 | if (!stopped) {
75 | hoverTimer = setTimeout(api.play, opts.interval);
76 | }
77 | });
78 | }
79 |
80 | if (opts.autoplay) {
81 | setTimeout(api.play, opts.interval);
82 | }
83 |
84 | });
85 |
86 | return opts.api ? ret : this;
87 |
88 | };
89 |
90 | })(jQuery);
91 |
--------------------------------------------------------------------------------
/test/form/dateinput.htm:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
20 |
21 | Dateinput test page
25 |
26 |
27 |
28 |
35 |
36 |
81 |
82 |
--------------------------------------------------------------------------------
/test/tabs/history.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
16 |
17 |
18 |
19 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra, leo sit amet auctor fermentum, risus lorem posuere tortor, in accumsan purus magna imperdiet sem.
20 |
21 |
22 |
23 | Suspendisse enim. Pellentesque facilisis aliquam enim. Maecenas facilisis molestie lectus. Sed ornare ultricies tortor. Vivamus nibh metus, faucibus quis, semper ut, dignissim id, diam.
24 |
25 |
26 |
27 |
28 |
29 | Mauris ultricies. Nam feugiat egestas nulla. Donec augue dui, molestie sed, tristique sit amet, blandit eu, turpis. Mauris hendrerit, nisi et sodales tempor, orci tellus laoreet elit, sed molestie dui quam vitae dui.
30 |
31 |
32 | Pellentesque nisl. Ut adipiscing vehicula risus. Nam eget tortor. Maecenas id augue. Vivamus interdum nulla ac dolor. Fusce metus. Suspendisse eu purus. Maecenas quis lacus eget dui volutpat molestie.
33 |
34 |
35 |
36 |
37 |
38 | Maecenas at odio. Nunc laoreet lectus vel ante. Nullam imperdiet. Sed justo dolor, mattis eu, euismod sed, tempus a, nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
39 |
40 |
41 |
42 | In sed dolor. Etiam eget quam ac nibh pharetra adipiscing. Nullam vitae ligula. Sed sit amet leo sit amet arcu mollis ultrices. Vivamus rhoncus sapien nec lorem. In mattis nisi. Vivamus at enim. Integer semper imperdiet massa. Vestibulum nulla massa, pretium quis, porta id, vestibulum vitae, velit.
43 |
44 |
45 |
15 |
16 |
17 |
18 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra, leo sit amet auctor fermentum, risus lorem posuere tortor, in accumsan purus magna imperdiet sem.
19 |
20 |
21 |
22 | Suspendisse enim. Pellentesque facilisis aliquam enim. Maecenas facilisis molestie lectus. Sed ornare ultricies tortor. Vivamus nibh metus, faucibus quis, semper ut, dignissim id, diam.
23 |
24 |
25 |
26 |
27 |
28 | Mauris ultricies. Nam feugiat egestas nulla. Donec augue dui, molestie sed, tristique sit amet, blandit eu, turpis. Mauris hendrerit, nisi et sodales tempor, orci tellus laoreet elit, sed molestie dui quam vitae dui.
29 |
30 |
31 | Pellentesque nisl. Ut adipiscing vehicula risus. Nam eget tortor. Maecenas id augue. Vivamus interdum nulla ac dolor. Fusce metus. Suspendisse eu purus. Maecenas quis lacus eget dui volutpat molestie.
32 |
33 |
34 |
35 |
36 |
37 | Maecenas at odio. Nunc laoreet lectus vel ante. Nullam imperdiet. Sed justo dolor, mattis eu, euismod sed, tempus a, nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
38 |
39 |
40 |
41 | In sed dolor. Etiam eget quam ac nibh pharetra adipiscing. Nullam vitae ligula. Sed sit amet leo sit amet arcu mollis ultrices. Vivamus rhoncus sapien nec lorem. In mattis nisi. Vivamus at enim. Integer semper imperdiet massa. Vestibulum nulla massa, pretium quis, porta id, vestibulum vitae, velit.
42 |
43 |
44 |
17 |
18 |
26 |
27 |
105 |
--------------------------------------------------------------------------------
/test/overlay/index.htm:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
71 | show
72 | show b
73 |
74 | show 2
75 | show 2b
76 |
77 |
78 |
79 |
80 |
81 |
82 | asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj
83 |
84 |
85 |
86 |
87 |
90 |
91 |
92 | asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj
93 |
94 |
95 |
77 |
1
78 |
2
79 |
3
80 |
4
81 |
85 |
86 |
87 |
First pane
88 |
89 | Consectetur adipiscing elit. Praesent bibendum eros ac nulla. Integer vel lacus ac neque viverra.
90 |
91 |
92 |
93 |
94 |
Second pane
95 |
96 | Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat.
97 |
98 |
99 |
100 |
101 |
102 |
Third pane
103 |
104 | Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna.
105 |
106 |
107 |
108 |
109 |
Third pane
110 |
111 | Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna.
112 |
113 |
114 |
115 |
119 | play
120 | pause
121 | stop
122 |
123 |
124 |
--------------------------------------------------------------------------------
/test/tooltip/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
42 |
43 |
44 |
45 |
46 |
63 |
64 |
65 |
66 |
Manual tooltip
67 |
68 |
trigger 1
69 |
Manual #1
70 |
71 |
trigger 2
72 |
Manual #2
73 |
74 |
trigger 3
75 |
Manual #3
76 |
77 |
84 |
85 |
88 |
89 |
Same tip element
90 |
91 |
trigger 1
92 |
trigger 2
93 |
trigger 3
94 |
95 |
96 | The same tooltip for multiple triggers
97 |
98 |
99 |
107 |
108 |
42 |
43 |
44 |
45 |
46 | February
47 | March
48 | April
49 | May
50 | June
51 | July
52 | August
53 | September
54 | October
55 | November
56 | December
57 |
58 |
59 | 2004
60 | 2005
61 | 2006
62 |
63 |
64 |
65 |
66 |
67 | Sun
68 | Mon
69 | Tue
70 | Wed
71 | Thu
72 | Fri
73 | Sat
74 |
75 |
76 |
77 |
29
78 |
1
79 |
2
80 |
3
81 |
4
82 |
5
83 |
6
84 |
85 |
86 |
7
87 |
8
88 |
9
89 |
10
90 |
11
91 |
12
92 |
13
93 |
94 |
103 |
112 |
113 |
28
114 |
29
115 |
30
116 |
31
117 |
1
118 |
2
119 |
3
120 |
121 |
122 |
91 |
92 |
93 |
First pane
94 |
95 | Consectetur adipiscing elit. Praesent bibendum eros ac nulla. Integer vel lacus ac neque viverra.
96 |
97 |
98 |
99 |
100 |
Second pane
101 |
102 | Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat.
103 |
104 |
105 |
106 |
107 |
108 |
Third pane
109 |
110 | Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna.
111 |
112 |
113 |
114 |
115 |
Fourth pane
116 |
117 | Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna.
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
128 |
129 |
133 | play
134 | pause
135 | stop
136 |
137 |
138 |
--------------------------------------------------------------------------------
/src/scrollable/scrollable.navigator.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION / Scrollable Navigator
4 | *
5 | * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
6 | *
7 | * http://flowplayer.org/tools/scrollable/navigator.html
8 | *
9 | * Since: September 2009
10 | * Date: @DATE
11 | */
12 | (function($) {
13 |
14 | var t = $.tools.scrollable;
15 |
16 | t.navigator = {
17 |
18 | conf: {
19 | navi: '.navi',
20 | naviItem: null,
21 | activeClass: 'active',
22 | indexed: false,
23 | idPrefix: null,
24 |
25 | // 1.2
26 | history: false
27 | }
28 | };
29 |
30 | function find(root, query) {
31 | var el = $(query);
32 | return el.length < 2 ? el : root.parent().find(query);
33 | }
34 |
35 | // jQuery plugin implementation
36 | $.fn.navigator = function(conf) {
37 |
38 | // configuration
39 | if (typeof conf == 'string') { conf = {navi: conf}; }
40 | conf = $.extend({}, t.navigator.conf, conf);
41 |
42 | var ret;
43 |
44 | this.each(function() {
45 |
46 | var api = $(this).data("scrollable"),
47 | navi = find(api.getRoot(), conf.navi),
48 | buttons = api.getNaviButtons(),
49 | cls = conf.activeClass,
50 | history = conf.history && $.fn.history;
51 |
52 | // @deprecated stuff
53 | if (api) { ret = api; }
54 |
55 | api.getNaviButtons = function() {
56 | return buttons.add(navi);
57 | };
58 |
59 |
60 | function doClick(el, i, e) {
61 | api.seekTo(i);
62 | if (history) {
63 | if (location.hash) {
64 | location.hash = el.attr("href").replace("#", "");
65 | }
66 | } else {
67 | return e.preventDefault();
68 | }
69 | }
70 |
71 | function els() {
72 | return navi.find(conf.naviItem || '> *');
73 | }
74 |
75 | function addItem(i) {
76 |
77 | var item = $("<" + (conf.naviItem || 'a') + "/>").click(function(e) {
78 | doClick($(this), i, e);
79 |
80 | }).attr("href", "#" + i);
81 |
82 | // index number / id attribute
83 | if (i === 0) { item.addClass(cls); }
84 | if (conf.indexed) { item.text(i + 1); }
85 | if (conf.idPrefix) { item.attr("id", conf.idPrefix + i); }
86 |
87 | return item.appendTo(navi);
88 | }
89 |
90 |
91 | // generate navigator
92 | if (els().length) {
93 | els().each(function(i) {
94 | $(this).click(function(e) {
95 | doClick($(this), i, e);
96 | });
97 | });
98 |
99 | } else {
100 | $.each(api.getItems(), function(i) {
101 | addItem(i);
102 | });
103 | }
104 |
105 | // activate correct entry
106 | api.onBeforeSeek(function(e, index) {
107 | setTimeout(function() {
108 | if (!e.isDefaultPrevented()) {
109 | var el = els().eq(index);
110 | if (!e.isDefaultPrevented() && el.length) {
111 | els().removeClass(cls).eq(index).addClass(cls);
112 | }
113 | }
114 | }, 1);
115 | });
116 |
117 | function doHistory(evt, hash) {
118 | var el = els().eq(hash.replace("#", ""));
119 | if (!el.length) {
120 | el = els().filter("[href=" + hash + "]");
121 | }
122 | el.click();
123 | }
124 |
125 | // new item being added
126 | api.onAddItem(function(e, item) {
127 | item = addItem(api.getItems().index(item));
128 | if (history) { item.history(doHistory); }
129 | });
130 |
131 | if (history) { els().history(doHistory); }
132 |
133 | });
134 |
135 | return conf.api ? ret : this;
136 |
137 | };
138 |
139 | })(jQuery);
140 |
--------------------------------------------------------------------------------
/src/overlay/overlay.apple.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION / Overlay Apple effect.
4 | *
5 | * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
6 | *
7 | * http://flowplayer.org/tools/overlay/apple.html
8 | *
9 | * Since: July 2009
10 | * Date: @DATE
11 | */
12 | (function($) {
13 |
14 | // version number
15 | var t = $.tools.overlay,
16 | w = $(window);
17 |
18 | // extend global configuragion with effect specific defaults
19 | $.extend(t.conf, {
20 | start: {
21 | top: null,
22 | left: null
23 | },
24 |
25 | fadeInSpeed: 'fast',
26 | zIndex: 9999
27 | });
28 |
29 | // utility function
30 | function getPosition(el) {
31 | var p = el.offset();
32 | return {
33 | top: p.top + el.height() / 2,
34 | left: p.left + el.width() / 2
35 | };
36 | }
37 |
38 | //{{{ load
39 |
40 | var loadEffect = function(pos, onLoad) {
41 |
42 | var overlay = this.getOverlay(),
43 | conf = this.getConf(),
44 | trigger = this.getTrigger(),
45 | self = this,
46 | oWidth = overlay.outerWidth({margin:true}),
47 | img = overlay.data("img");
48 |
49 |
50 | // growing image is required.
51 | if (!img) {
52 | var bg = overlay.css("backgroundImage");
53 |
54 | if (!bg) {
55 | throw "background-image CSS property not set for overlay";
56 | }
57 |
58 | // url("bg.jpg") --> bg.jpg
59 | bg = bg.slice(bg.indexOf("(") + 1, bg.indexOf(")")).replace(/\"/g, "");
60 | overlay.css("backgroundImage", "none");
61 |
62 | img = $('
').attr("id", conf.maskId);
91 | $("body").append(mask);
92 | }
93 |
94 | // set position and dimensions
95 | var size = viewport();
96 |
97 | mask.css({
98 | position:'absolute',
99 | top: 0,
100 | left: 0,
101 | width: size[0],
102 | height: size[1],
103 | display: 'none',
104 | opacity: conf.startOpacity,
105 | zIndex: conf.zIndex
106 | });
107 |
108 | if (conf.color) {
109 | mask.css("backgroundColor", conf.color);
110 | }
111 |
112 | // onBeforeLoad
113 | if (call(conf.onBeforeLoad) === false) {
114 | return this;
115 | }
116 |
117 | // esc button
118 | if (conf.closeOnEsc) {
119 | $(document).bind("keydown.mask", function(e) {
120 | if (e.keyCode == 27) {
121 | $.mask.close(e);
122 | }
123 | });
124 | }
125 |
126 | // mask click closes
127 | if (conf.closeOnClick) {
128 | mask.bind("click.mask", function(e) {
129 | $.mask.close(e);
130 | });
131 | }
132 |
133 | // resize mask when window is resized
134 | $(window).bind("resize.mask", function() {
135 | $.mask.fit();
136 | });
137 |
138 | // exposed elements
139 | if (els && els.length) {
140 |
141 | overlayIndex = els.eq(0).css("zIndex");
142 |
143 | // make sure element is positioned absolutely or relatively
144 | $.each(els, function() {
145 | var el = $(this);
146 | if (!/relative|absolute|fixed/i.test(el.css("position"))) {
147 | el.css("position", "relative");
148 | }
149 | });
150 |
151 | // make elements sit on top of the mask
152 | exposed = els.css({ zIndex: Math.max(conf.zIndex + 1, overlayIndex == 'auto' ? 0 : overlayIndex)});
153 | }
154 |
155 | // reveal mask
156 | mask.css({display: 'block'}).fadeTo(conf.loadSpeed, conf.opacity, function() {
157 | $.mask.fit();
158 | call(conf.onLoad);
159 | });
160 |
161 | loaded = true;
162 | return this;
163 | },
164 |
165 | close: function() {
166 | if (loaded) {
167 |
168 | // onBeforeClose
169 | if (call(config.onBeforeClose) === false) { return this; }
170 |
171 | mask.fadeOut(config.closeSpeed, function() {
172 | call(config.onClose);
173 | if (exposed) {
174 | exposed.css({zIndex: overlayIndex});
175 | }
176 | });
177 |
178 | // unbind various event listeners
179 | $(document).unbind("keydown.mask");
180 | mask.unbind("click.mask");
181 | $(window).unbind("resize.mask");
182 |
183 | loaded = false;
184 | }
185 |
186 | return this;
187 | },
188 |
189 | fit: function() {
190 | if (loaded) {
191 | var size = viewport();
192 | mask.css({width: size[0], height: size[1]});
193 | }
194 | },
195 |
196 | getMask: function() {
197 | return mask;
198 | },
199 |
200 | isLoaded: function() {
201 | return loaded;
202 | },
203 |
204 | getConf: function() {
205 | return config;
206 | },
207 |
208 | getExposed: function() {
209 | return exposed;
210 | }
211 | };
212 |
213 | $.fn.mask = function(conf) {
214 | $.mask.load(conf);
215 | return this;
216 | };
217 |
218 | $.fn.expose = function(conf) {
219 | $.mask.load(conf, this);
220 | return this;
221 | };
222 |
223 |
224 | })(jQuery);
225 |
--------------------------------------------------------------------------------
/test/overlay/test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jquery.tools 1.1.1 - The missing UI library for the Web
3 | *
4 | * [tools.overlay-1.1.1, tools.expose-1.0.5]
5 | *
6 | * Copyright (c) 2009 Tero Piirainen
7 | * http://flowplayer.org/tools/
8 | *
9 | * Dual licensed under MIT and GPL 2+ licenses
10 | * http://www.opensource.org/licenses
11 | *
12 | * -----
13 | *
14 | * File generated: Sat Oct 03 12:34:10 GMT+02:00 2009
15 | */
16 | (function(c){c.tools=c.tools||{};c.tools.overlay={version:"1.1.1",addEffect:function(e,f,g){b[e]=[f,g]},conf:{top:"10%",left:"center",absolute:false,speed:"normal",closeSpeed:"fast",effect:"default",close:null,oneInstance:true,closeOnClick:true,closeOnEsc:true,api:false,expose:null,target:null}};var b={};c.tools.overlay.addEffect("default",function(e){this.getOverlay().fadeIn(this.getConf().speed,e)},function(e){this.getOverlay().fadeOut(this.getConf().closeSpeed,e)});var d=[];function a(h,m){var p=this,n=c(this),o=c(window),k,j,i,f=m.expose&&c.tools.expose.version;var g=m.target||h.attr("rel");j=g?c(g):null||h;if(h&&h.index(j)==-1){h.click(function(q){p.load();return q.preventDefault()})}c.each(m,function(e,q){if(c.isFunction(q)){n.bind(e,q)}});c.extend(p,{load:function(){if(p.isOpened()){return p}if(m.oneInstance){c.each(d,function(){this.close()})}var u=c.Event("onBeforeLoad");n.trigger(u);if(u.isDefaultPrevented()){return p}i=true;if(f){j.expose().load()}var t=m.top;var s=m.left;var q=j.outerWidth({margin:true});var r=j.outerHeight({margin:true});if(typeof t=="string"){t=t=="center"?Math.max((o.height()-r)/2,0):parseInt(t,10)/100*o.height()}if(s=="center"){s=Math.max((o.width()-q)/2,0)}if(!m.absolute){t+=o.scrollTop();s+=o.scrollLeft()}j.css({top:t,left:s,position:"absolute"});b[m.effect][0].call(p,function(){if(i){n.trigger("onLoad")}});if(m.closeOnClick){c(document).bind("click.overlay",function(e){if(!p.isOpened()){return}var v=c(e.target);if(v.parents(j).length>1){return}c.each(d,function(){this.close()})})}if(m.closeOnEsc){c(document).unbind("keydown.overlay").bind("keydown.overlay",function(e){if(e.keyCode==27){c.each(d,function(){this.close()})}})}return p},close:function(){if(!p.isOpened()){return p}var r=c.Event("onBeforeClose");n.trigger(r);if(r.isDefaultPrevented()){return}i=false;b[m.effect][1].call(p,function(){n.trigger("onClose")});var q=true;c.each(d,function(){if(this.isOpened()){q=false}});if(q){c(document).unbind("click.overlay").unbind("keydown.overlay")}return p},getContent:function(){return j},getOverlay:function(){return j},getTrigger:function(){return h},getClosers:function(){return k},isOpened:function(){return i},getConf:function(){return m},bind:function(e,q){n.bind(e,q);return p},onBeforeLoad:function(e){return this.bind("onBeforeLoad",e)},onLoad:function(e){return this.bind("onLoad",e)},onBeforeClose:function(e){return this.bind("onBeforeClose",e)},onClose:function(e){return this.bind("onClose",e)},unbind:function(e){n.unbind(e);return p}});if(f){if(typeof m.expose=="string"){m.expose={color:m.expose}}c.extend(m.expose,{api:true,closeOnClick:m.closeOnClick,closeOnEsc:false});var l=j.expose(m.expose);l.onBeforeClose(function(){p.close()});p.onClose(function(){l.close()})}k=j.find(m.close||".close");if(!k.length&&!m.close){k=c('
');j.prepend(k)}k.click(function(){p.close()})}c.fn.overlay=function(e){var f=this.eq(typeof e=="number"?e:0).data("overlay");if(f){return f}if(c.isFunction(e)){e={onBeforeLoad:e}}var g=c.extend({},c.tools.overlay.conf);e=c.extend(true,g,e);this.each(function(){f=new a(c(this),e);d.push(f);c(this).data("overlay",f)});return e.api?f:this}})(jQuery);
17 | (function(b){b.tools=b.tools||{};b.tools.expose={version:"1.0.5",conf:{maskId:null,loadSpeed:"slow",closeSpeed:"fast",closeOnClick:true,closeOnEsc:true,zIndex:9998,opacity:0.8,color:"#456",api:false}};function a(){if(b.browser.msie){var f=b(document).height(),e=b(window).height();return[window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,f-e<20?e:f]}return[b(window).width(),b(document).height()]}function c(h,g){var e=this,j=b(this),d=null,f=false,i=0;b.each(g,function(k,l){if(b.isFunction(l)){j.bind(k,l)}});b(window).resize(function(){e.fit()});b.extend(this,{getMask:function(){return d},getExposed:function(){return h},getConf:function(){return g},isLoaded:function(){return f},load:function(){if(f){return e}i=h.eq(0).css("zIndex");if(g.maskId){d=b("#"+g.maskId)}if(!d||!d.length){var l=a();d=b("
").css({position:"absolute",top:0,left:0,width:l[0],height:l[1],display:"none",opacity:0,zIndex:g.zIndex});if(g.maskId){d.attr("id",g.maskId)}b("body").append(d);var k=d.css("backgroundColor");if(!k||k=="transparent"||k=="rgba(0, 0, 0, 0)"){d.css("backgroundColor",g.color)}if(g.closeOnEsc){b(document).bind("keydown.unexpose",function(o){if(o.keyCode==27){e.close()}})}if(g.closeOnClick){d.bind("click.unexpose",function(){e.close()})}}var n=b.Event("onBeforeLoad");j.trigger(n);if(n.isDefaultPrevented()){return e}b.each(h,function(){var o=b(this);if(!/relative|absolute|fixed/i.test(o.css("position"))){o.css("position","relative")}});h.css({zIndex:Math.max(g.zIndex+1,i=="auto"?0:i)});var m=d.height();if(!this.isLoaded()){d.css({opacity:0,display:"block"}).fadeTo(g.loadSpeed,g.opacity,function(){if(d.height()!=m){d.css("height",m)}j.trigger("onLoad")})}f=true;return e},close:function(){if(!f){return e}var k=b.Event("onBeforeClose");j.trigger(k);if(k.isDefaultPrevented()){return e}d.fadeOut(g.closeSpeed,function(){j.trigger("onClose");h.css({zIndex:b.browser.msie?i:null})});f=false;return e},fit:function(){if(d){var k=a();d.css({width:k[0],height:k[1]})}},bind:function(k,l){j.bind(k,l);return e},onBeforeLoad:function(k){return this.bind("onBeforeLoad",k)},onLoad:function(k){return this.bind("onLoad",k)},onBeforeClose:function(k){return this.bind("onBeforeClose",k)},onClose:function(k){return this.bind("onClose",k)},unbind:function(k){j.unbind(k);return e}})}b.fn.expose=function(d){var e=this.eq(typeof d=="number"?d:0).data("expose");if(e){return e}if(typeof d=="string"){d={color:d}}var f=b.extend({},b.tools.expose.conf);d=b.extend(f,d);this.each(function(){e=new c(b(this),d);b(this).data("expose",e)});return d.api?e:this}})(jQuery);
18 |
--------------------------------------------------------------------------------
/src/tabs/tabs.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION Tabs- The basics of UI design.
4 | *
5 | * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
6 | *
7 | * http://flowplayer.org/tools/tabs/
8 | *
9 | * Since: November 2008
10 | * Date: @DATE
11 | */
12 | (function($) {
13 |
14 | // static constructs
15 | $.tools = $.tools || {version: '@VERSION'};
16 |
17 | $.tools.tabs = {
18 |
19 | conf: {
20 | tabs: 'a',
21 | current: 'current',
22 | onBeforeClick: null,
23 | onClick: null,
24 | effect: 'default',
25 | initialIndex: 0,
26 | event: 'click',
27 | rotate: false,
28 |
29 | // 1.2
30 | history: false
31 | },
32 |
33 | addEffect: function(name, fn) {
34 | effects[name] = fn;
35 | }
36 |
37 | };
38 |
39 | var effects = {
40 |
41 | // simple "toggle" effect
42 | 'default': function(i, done) {
43 | this.getPanes().hide().eq(i).show();
44 | done.call();
45 | },
46 |
47 | /*
48 | configuration:
49 | - fadeOutSpeed (positive value does "crossfading")
50 | - fadeInSpeed
51 | */
52 | fade: function(i, done) {
53 |
54 | var conf = this.getConf(),
55 | speed = conf.fadeOutSpeed,
56 | panes = this.getPanes();
57 |
58 | if (speed) {
59 | panes.fadeOut(speed);
60 | } else {
61 | panes.hide();
62 | }
63 |
64 | panes.eq(i).fadeIn(conf.fadeInSpeed, done);
65 | },
66 |
67 | // for basic accordions
68 | slide: function(i, done) {
69 | this.getPanes().slideUp(200);
70 | this.getPanes().eq(i).slideDown(400, done);
71 | },
72 |
73 | /**
74 | * AJAX effect
75 | */
76 | ajax: function(i, done) {
77 | this.getPanes().eq(0).load(this.getTabs().eq(i).attr("href"), done);
78 | }
79 | };
80 |
81 | var w;
82 |
83 | /**
84 | * Horizontal accordion
85 | *
86 | * @deprecated will be replaced with a more robust implementation
87 | */
88 | $.tools.tabs.addEffect("horizontal", function(i, done) {
89 |
90 | // store original width of a pane into memory
91 | if (!w) { w = this.getPanes().eq(0).width(); }
92 |
93 | // set current pane's width to zero
94 | this.getCurrentPane().animate({width: 0}, function() { $(this).hide(); });
95 |
96 | // grow opened pane to it's original width
97 | this.getPanes().eq(i).animate({width: w}, function() {
98 | $(this).show();
99 | done.call();
100 | });
101 |
102 | });
103 |
104 |
105 | function Tabs(root, paneSelector, conf) {
106 |
107 | var self = this,
108 | trigger = root.add(this),
109 | tabs = root.find(conf.tabs),
110 | panes = paneSelector.jquery ? paneSelector : root.children(paneSelector),
111 | current;
112 |
113 |
114 | // make sure tabs and panes are found
115 | if (!tabs.length) { tabs = root.children(); }
116 | if (!panes.length) { panes = root.parent().find(paneSelector); }
117 | if (!panes.length) { panes = $(paneSelector); }
118 |
119 |
120 | // public methods
121 | $.extend(this, {
122 | click: function(i, e) {
123 |
124 | var tab = tabs.eq(i);
125 |
126 | if (typeof i == 'string' && i.replace("#", "")) {
127 | tab = tabs.filter("[href*=" + i.replace("#", "") + "]");
128 | i = Math.max(tabs.index(tab), 0);
129 | }
130 |
131 | if (conf.rotate) {
132 | var last = tabs.length -1;
133 | if (i < 0) { return self.click(last, e); }
134 | if (i > last) { return self.click(0, e); }
135 | }
136 |
137 | if (!tab.length) {
138 | if (current >= 0) { return self; }
139 | i = conf.initialIndex;
140 | tab = tabs.eq(i);
141 | }
142 |
143 | // current tab is being clicked
144 | if (i === current) { return self; }
145 |
146 | // possibility to cancel click action
147 | e = e || $.Event();
148 | e.type = "onBeforeClick";
149 | trigger.trigger(e, [i]);
150 | if (e.isDefaultPrevented()) { return; }
151 |
152 | // call the effect
153 | effects[conf.effect].call(self, i, function() {
154 |
155 | // onClick callback
156 | e.type = "onClick";
157 | trigger.trigger(e, [i]);
158 | });
159 |
160 | // default behaviour
161 | current = i;
162 | tabs.removeClass(conf.current);
163 | tab.addClass(conf.current);
164 |
165 | return self;
166 | },
167 |
168 | getConf: function() {
169 | return conf;
170 | },
171 |
172 | getTabs: function() {
173 | return tabs;
174 | },
175 |
176 | getPanes: function() {
177 | return panes;
178 | },
179 |
180 | getCurrentPane: function() {
181 | return panes.eq(current);
182 | },
183 |
184 | getCurrentTab: function() {
185 | return tabs.eq(current);
186 | },
187 |
188 | getIndex: function() {
189 | return current;
190 | },
191 |
192 | next: function() {
193 | return self.click(current + 1);
194 | },
195 |
196 | prev: function() {
197 | return self.click(current - 1);
198 | },
199 |
200 | destroy: function() {
201 | tabs.unbind(conf.event).removeClass(conf.current);
202 | panes.find("a[href^=#]").unbind("click.T");
203 | return self;
204 | }
205 |
206 | });
207 |
208 | // callbacks
209 | $.each("onBeforeClick,onClick".split(","), function(i, name) {
210 |
211 | // configuration
212 | if ($.isFunction(conf[name])) {
213 | $(self).bind(name, conf[name]);
214 | }
215 |
216 | // API
217 | self[name] = function(fn) {
218 | $(self).bind(name, fn);
219 | return self;
220 | };
221 | });
222 |
223 |
224 | if (conf.history && $.fn.history) {
225 | $.tools.history.init(tabs);
226 | conf.event = 'history';
227 | }
228 |
229 | // setup click actions for each tab
230 | tabs.each(function(i) {
231 | $(this).bind(conf.event, function(e) {
232 | self.click(i, e);
233 | return e.preventDefault();
234 | });
235 | });
236 |
237 | // cross tab anchor link
238 | panes.find("a[href^=#]").bind("click.T", function(e) {
239 | self.click($(this).attr("href"), e);
240 | });
241 |
242 | // open initial tab
243 | if (location.hash) {
244 | self.click(location.hash);
245 | } else {
246 | if (conf.initialIndex === 0 || conf.initialIndex > 0) {
247 | self.click(conf.initialIndex);
248 | }
249 | }
250 |
251 | }
252 |
253 |
254 | // jQuery plugin implementation
255 | $.fn.tabs = function(paneSelector, conf) {
256 |
257 | // return existing instance
258 | var el = this.data("tabs");
259 | if (el) {
260 | el.destroy();
261 | this.removeData("tabs");
262 | }
263 |
264 | if ($.isFunction(conf)) {
265 | conf = {onBeforeClick: conf};
266 | }
267 |
268 | // setup conf
269 | conf = $.extend({}, $.tools.tabs.conf, conf);
270 |
271 | this.each(function() {
272 | el = new Tabs($(this), paneSelector, conf);
273 | $(this).data("tabs", el);
274 | });
275 |
276 | return conf.api ? el: this;
277 | };
278 |
279 | }) (jQuery);
280 |
281 |
282 |
--------------------------------------------------------------------------------
/src/overlay/overlay.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION Overlay - Overlay base. Extend it.
4 | *
5 | * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
6 | *
7 | * http://flowplayer.org/tools/overlay/
8 | *
9 | * Since: March 2008
10 | * Date: @DATE
11 | */
12 | (function($) {
13 |
14 | // static constructs
15 | $.tools = $.tools || {version: '@VERSION'};
16 |
17 | $.tools.overlay = {
18 |
19 | addEffect: function(name, loadFn, closeFn) {
20 | effects[name] = [loadFn, closeFn];
21 | },
22 |
23 | conf: {
24 | close: null,
25 | closeOnClick: true,
26 | closeOnEsc: true,
27 | closeSpeed: 'fast',
28 | effect: 'default',
29 |
30 | // since 1.2. fixed positioning not supported by IE6
31 | fixed: !$.browser.msie || $.browser.version > 6,
32 |
33 | left: 'center',
34 | load: false, // 1.2
35 | mask: null,
36 | oneInstance: true,
37 | speed: 'normal',
38 | target: null, // target element to be overlayed. by default taken from [rel]
39 | trigger_attr: 'rel',
40 | top: '10%'
41 | }
42 | };
43 |
44 |
45 | var instances = [], effects = {};
46 |
47 | // the default effect. nice and easy!
48 | $.tools.overlay.addEffect('default',
49 |
50 | /*
51 | onLoad/onClose functions must be called otherwise none of the
52 | user supplied callback methods won't be called
53 | */
54 | function(pos, onLoad) {
55 |
56 | var conf = this.getConf(),
57 | w = $(window);
58 |
59 | if (!conf.fixed) {
60 | pos.top += w.scrollTop();
61 | pos.left += w.scrollLeft();
62 | }
63 |
64 | pos.position = conf.fixed ? 'fixed' : 'absolute';
65 | this.getOverlay().css(pos).fadeIn(conf.speed, onLoad);
66 |
67 | }, function(onClose) {
68 | this.getOverlay().fadeOut(this.getConf().closeSpeed, onClose);
69 | }
70 | );
71 |
72 |
73 | function Overlay(trigger, conf) {
74 |
75 | // private variables
76 | var self = this,
77 | fire = trigger.add(self),
78 | w = $(window),
79 | closers,
80 | overlay,
81 | opened,
82 | maskConf = $.tools.expose && (conf.mask || conf.expose),
83 | uid = Math.random().toString().slice(10);
84 |
85 |
86 | // mask configuration
87 | if (maskConf) {
88 | if (typeof maskConf == 'string') { maskConf = {color: maskConf}; }
89 | maskConf.closeOnClick = maskConf.closeOnEsc = false;
90 | }
91 |
92 | // get overlay and triggerr
93 | var jq = conf.target || trigger.attr(conf.trigger_attr);
94 | overlay = jq ? $(jq) : null || trigger;
95 |
96 | // overlay not found. cannot continue
97 | if (!overlay.length) { throw "Could not find Overlay: " + jq; }
98 |
99 | // trigger's click event
100 | if (trigger && trigger.index(overlay) == -1) {
101 | trigger.click(function(e) {
102 | self.load(e);
103 | return e.preventDefault();
104 | });
105 | }
106 |
107 | // API methods
108 | $.extend(self, {
109 |
110 | load: function(e) {
111 |
112 | // can be opened only once
113 | if (self.isOpened()) { return self; }
114 |
115 | // find the effect
116 | var eff = effects[conf.effect];
117 | if (!eff) { throw "Overlay: cannot find effect : \"" + conf.effect + "\""; }
118 |
119 | // close other instances?
120 | if (conf.oneInstance) {
121 | $.each(instances, function() {
122 | this.close(e);
123 | });
124 | }
125 |
126 | // onBeforeLoad
127 | e = e || $.Event();
128 | e.type = "onBeforeLoad";
129 | fire.trigger(e);
130 | if (e.isDefaultPrevented()) { return self; }
131 |
132 | // opened
133 | opened = true;
134 |
135 | // possible mask effect
136 | if (maskConf) { $(overlay).expose(maskConf); }
137 |
138 | // position & dimensions
139 | var top = conf.top,
140 | left = conf.left,
141 | oWidth = overlay.outerWidth({margin:true}),
142 | oHeight = overlay.outerHeight({margin:true});
143 |
144 | if (typeof top == 'string') {
145 | top = top == 'center' ? Math.max((w.height() - oHeight) / 2, 0) :
146 | parseInt(top, 10) / 100 * w.height();
147 | }
148 |
149 | if (left == 'center') { left = Math.max((w.width() - oWidth) / 2, 0); }
150 |
151 |
152 | // load effect
153 | eff[0].call(self, {top: top, left: left}, function() {
154 | if (opened) {
155 | e.type = "onLoad";
156 | fire.trigger(e);
157 | }
158 | });
159 |
160 | // mask.click closes overlay
161 | if (maskConf && conf.closeOnClick) {
162 | $.mask.getMask().one("click", self.close);
163 | }
164 |
165 | // when window is clicked outside overlay, we close
166 | if (conf.closeOnClick) {
167 | $(document).bind("click." + uid, function(e) {
168 | if (!$(e.target).parents(overlay).length) {
169 | self.close(e);
170 | }
171 | });
172 | }
173 |
174 | // keyboard::escape
175 | if (conf.closeOnEsc) {
176 |
177 | // one callback is enough if multiple instances are loaded simultaneously
178 | $(document).bind("keydown." + uid, function(e) {
179 | if (e.keyCode == 27) {
180 | self.close(e);
181 | }
182 | });
183 | }
184 |
185 |
186 | return self;
187 | },
188 |
189 | close: function(e) {
190 |
191 | if (!self.isOpened()) { return self; }
192 |
193 | e = e || $.Event();
194 | e.type = "onBeforeClose";
195 | fire.trigger(e);
196 | if (e.isDefaultPrevented()) { return; }
197 |
198 | opened = false;
199 |
200 | // close effect
201 | effects[conf.effect][1].call(self, function() {
202 | e.type = "onClose";
203 | fire.trigger(e);
204 | });
205 |
206 | // unbind the keyboard / clicking actions
207 | $(document).unbind("click." + uid).unbind("keydown." + uid);
208 |
209 | if (maskConf) {
210 | $.mask.close();
211 | }
212 |
213 | return self;
214 | },
215 |
216 | getOverlay: function() {
217 | return overlay;
218 | },
219 |
220 | getTrigger: function() {
221 | return trigger;
222 | },
223 |
224 | getClosers: function() {
225 | return closers;
226 | },
227 |
228 | isOpened: function() {
229 | return opened;
230 | },
231 |
232 | // manipulate start, finish and speeds
233 | getConf: function() {
234 | return conf;
235 | }
236 |
237 | });
238 |
239 | // callbacks
240 | $.each("onBeforeLoad,onStart,onLoad,onBeforeClose,onClose".split(","), function(i, name) {
241 |
242 | // configuration
243 | if ($.isFunction(conf[name])) {
244 | $(self).bind(name, conf[name]);
245 | }
246 |
247 | // API
248 | self[name] = function(fn) {
249 | $(self).bind(name, fn);
250 | return self;
251 | };
252 | });
253 |
254 | // close button
255 | closers = overlay.find(conf.close || ".close");
256 |
257 | if (!closers.length && !conf.close) {
258 | closers = $('Flash version " + opts.version + " or greater is required " +
230 | "" +
231 | (VERSION[0] > 0 ? "Your version is " + VERSION : "You have no flash plugin installed") +
232 | " " +
233 |
234 | (root.tagName == 'A' ? "Click here to download latest version
" :
235 | "Download latest version from here
");
236 |
237 | if (root.tagName == 'A') {
238 | root.onclick = function() {
239 | location.href = URL;
240 | };
241 | }
242 | }
243 |
244 | // onFail
245 | if (opts.onFail) {
246 | var ret = opts.onFail.call(this);
247 | if (typeof ret == 'string') { root.innerHTML = ret; }
248 | }
249 | }
250 |
251 | // http://flowplayer.org/forum/8/18186#post-18593
252 | if (IE) {
253 | window[opts.id] = document.getElementById(opts.id);
254 | }
255 |
256 | // API methods for callback
257 | extend(this, {
258 |
259 | getRoot: function() {
260 | return root;
261 | },
262 |
263 | getOptions: function() {
264 | return opts;
265 | },
266 |
267 |
268 | getConf: function() {
269 | return conf;
270 | },
271 |
272 | getApi: function() {
273 | return root.firstChild;
274 | }
275 |
276 | });
277 | }
278 |
279 | // setup jquery support
280 | if (JQUERY) {
281 |
282 | // tools version number
283 | jQuery.tools = jQuery.tools || {version: '@VERSION'};
284 |
285 | jQuery.tools.flashembed = {
286 | conf: GLOBAL_OPTS
287 | };
288 |
289 | jQuery.fn.flashembed = function(opts, conf) {
290 | return this.each(function() {
291 | $(this).data("flashembed", flashembed(this, opts, conf));
292 | });
293 | };
294 | }
295 |
296 | })();
297 |
298 |
--------------------------------------------------------------------------------
/src/tooltip/tooltip.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION Tooltip - UI essentials
4 | *
5 | * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
6 | *
7 | * http://flowplayer.org/tools/tooltip/
8 | *
9 | * Since: November 2008
10 | * Date: @DATE
11 | */
12 | (function($) {
13 |
14 | /*
15 | removed: oneInstance, lazy,
16 | tip must next to the trigger
17 | isShown(fully), layout, tipClass, layout
18 | */
19 |
20 | // static constructs
21 | $.tools = $.tools || {version: '@VERSION'};
22 |
23 | $.tools.tooltip = {
24 |
25 | conf: {
26 |
27 | // default effect variables
28 | effect: 'toggle',
29 | fadeOutSpeed: "fast",
30 | predelay: 0,
31 | delay: 30,
32 | opacity: 1,
33 | tip: 0,
34 |
35 | // 'top', 'bottom', 'right', 'left', 'center'
36 | position: ['top', 'center'],
37 | offset: [0, 0],
38 | relative: false,
39 | cancelDefault: true,
40 |
41 | // type to event mapping
42 | events: {
43 | def: "mouseenter,mouseleave",
44 | input: "focus,blur",
45 | widget: "focus mouseenter,blur mouseleave",
46 | tooltip: "mouseenter,mouseleave"
47 | },
48 |
49 | // 1.2
50 | layout: '
',
51 | tipClass: 'tooltip'
52 | },
53 |
54 | addEffect: function(name, loadFn, hideFn) {
55 | effects[name] = [loadFn, hideFn];
56 | }
57 | };
58 |
59 |
60 | var effects = {
61 | toggle: [
62 | function(done) {
63 | var conf = this.getConf(), tip = this.getTip(), o = conf.opacity;
64 | if (o < 1) { tip.css({opacity: o}); }
65 | tip.show();
66 | done.call();
67 | },
68 |
69 | function(done) {
70 | this.getTip().hide();
71 | done.call();
72 | }
73 | ],
74 |
75 | fade: [
76 | function(done) {
77 | var conf = this.getConf();
78 | this.getTip().fadeTo(conf.fadeInSpeed, conf.opacity, done);
79 | },
80 | function(done) {
81 | this.getTip().fadeOut(this.getConf().fadeOutSpeed, done);
82 | }
83 | ]
84 | };
85 |
86 |
87 | /* calculate tip position relative to the trigger */
88 | function getPosition(trigger, tip, conf) {
89 |
90 |
91 | // get origin top/left position
92 | var top = conf.relative ? trigger.position().top : trigger.offset().top,
93 | left = conf.relative ? trigger.position().left : trigger.offset().left,
94 | pos = conf.position[0];
95 |
96 | top -= tip.outerHeight() - conf.offset[0];
97 | left += trigger.outerWidth() + conf.offset[1];
98 |
99 | // adjust Y
100 | var height = tip.outerHeight() + trigger.outerHeight();
101 | if (pos == 'center') { top += height / 2; }
102 | if (pos == 'bottom') { top += height; }
103 |
104 | // adjust X
105 | pos = conf.position[1];
106 | var width = tip.outerWidth() + trigger.outerWidth();
107 | if (pos == 'center') { left -= width / 2; }
108 | if (pos == 'left') { left -= width; }
109 |
110 | return {top: top, left: left};
111 | }
112 |
113 |
114 |
115 | function Tooltip(trigger, conf) {
116 |
117 | var self = this,
118 | fire = trigger.add(self),
119 | tip,
120 | timer = 0,
121 | pretimer = 0,
122 | title = trigger.attr("title"),
123 | effect = effects[conf.effect],
124 | shown,
125 |
126 | // get show/hide configuration
127 | isInput = trigger.is(":input"),
128 | isWidget = isInput && trigger.is(":checkbox, :radio, select, :button, :submit"),
129 | type = trigger.attr("type"),
130 | evt = conf.events[type] || conf.events[isInput ? (isWidget ? 'widget' : 'input') : 'def'];
131 |
132 |
133 | // check that configuration is sane
134 | if (!effect) { throw "Nonexistent effect \"" + conf.effect + "\""; }
135 |
136 | evt = evt.split(/,\s*/);
137 | if (evt.length != 2) { throw "Tooltip: bad events configuration for " + type; }
138 |
139 |
140 | // trigger --> show
141 | trigger.bind(evt[0], function(e) {
142 | clearTimeout(timer);
143 | if (conf.predelay) {
144 | pretimer = setTimeout(function() { self.show(e); }, conf.predelay);
145 |
146 | } else {
147 | self.show(e);
148 | }
149 |
150 | // trigger --> hide
151 | }).bind(evt[1], function(e) {
152 | clearTimeout(pretimer);
153 | if (conf.delay) {
154 | timer = setTimeout(function() { self.hide(e); }, conf.delay);
155 |
156 | } else {
157 | self.hide(e);
158 | }
159 |
160 | });
161 |
162 |
163 | // remove default title
164 | if (title && conf.cancelDefault) {
165 | trigger.removeAttr("title");
166 | trigger.data("title", title);
167 | }
168 |
169 | $.extend(self, {
170 |
171 | show: function(e) {
172 |
173 | // tip not initialized yet
174 | if (!tip) {
175 |
176 | // autogenerated tooltip
177 | if (title) {
178 | tip = $(conf.layout).addClass(conf.tipClass).appendTo(document.body)
179 | .hide().append(title);
180 |
181 | // single tip element for all
182 | } else if (conf.tip) {
183 | tip = $(conf.tip).eq(0);
184 |
185 | // manual tooltip
186 | } else {
187 | tip = trigger.next();
188 | if (!tip.length) { tip = trigger.parent().next(); }
189 | }
190 |
191 | if (!tip.length) { throw "Cannot find tooltip for " + trigger; }
192 | }
193 |
194 | if (self.isShown()) { return self; }
195 |
196 | // stop previous animation
197 | tip.stop(true, true);
198 |
199 | // get position
200 | var pos = getPosition(trigger, tip, conf);
201 |
202 |
203 | // onBeforeShow
204 | e = e || $.Event();
205 | e.type = "onBeforeShow";
206 | fire.trigger(e, [pos]);
207 | if (e.isDefaultPrevented()) { return self; }
208 |
209 |
210 | // onBeforeShow may have altered the configuration
211 | pos = getPosition(trigger, tip, conf);
212 |
213 | // set position
214 | tip.css({position:'absolute', top: pos.top, left: pos.left});
215 |
216 | shown = true;
217 |
218 | // invoke effect
219 | effect[0].call(self, function() {
220 | e.type = "onShow";
221 | shown = 'full';
222 | fire.trigger(e);
223 | });
224 |
225 |
226 | // tooltip events
227 | var event = conf.events.tooltip.split(/,\s*/);
228 |
229 | tip.bind(event[0], function() {
230 | clearTimeout(timer);
231 | clearTimeout(pretimer);
232 | });
233 |
234 | if (event[1] && !trigger.is("input:not(:checkbox, :radio), textarea")) {
235 | tip.bind(event[1], function(e) {
236 |
237 | // being moved to the trigger element
238 | if (e.relatedTarget != trigger[0]) {
239 | trigger.trigger(evt[1].split(" ")[0]);
240 | }
241 | });
242 | }
243 |
244 | return self;
245 | },
246 |
247 | hide: function(e) {
248 |
249 | if (!tip || !self.isShown()) { return self; }
250 |
251 | // onBeforeHide
252 | e = e || $.Event();
253 | e.type = "onBeforeHide";
254 | fire.trigger(e);
255 | if (e.isDefaultPrevented()) { return; }
256 |
257 | shown = false;
258 |
259 | effects[conf.effect][1].call(self, function() {
260 | e.type = "onHide";
261 | shown = false;
262 | fire.trigger(e);
263 | });
264 |
265 | return self;
266 | },
267 |
268 | isShown: function(fully) {
269 | return fully ? shown == 'full' : shown;
270 | },
271 |
272 | getConf: function() {
273 | return conf;
274 | },
275 |
276 | getTip: function() {
277 | return tip;
278 | },
279 |
280 | getTrigger: function() {
281 | return trigger;
282 | }
283 |
284 | });
285 |
286 | // callbacks
287 | $.each("onHide,onBeforeShow,onShow,onBeforeHide".split(","), function(i, name) {
288 |
289 | // configuration
290 | if ($.isFunction(conf[name])) {
291 | $(self).bind(name, conf[name]);
292 | }
293 |
294 | // API
295 | self[name] = function(fn) {
296 | $(self).bind(name, fn);
297 | return self;
298 | };
299 | });
300 |
301 | }
302 |
303 |
304 | // jQuery plugin implementation
305 | $.fn.tooltip = function(conf) {
306 |
307 | // return existing instance
308 | var api = this.data("tooltip");
309 | if (api) { return api; }
310 |
311 | conf = $.extend(true, {}, $.tools.tooltip.conf, conf);
312 |
313 | // position can also be given as string
314 | if (typeof conf.position == 'string') {
315 | conf.position = conf.position.split(/,?\s/);
316 | }
317 |
318 | // install tooltip for each entry in jQuery object
319 | this.each(function() {
320 | api = new Tooltip($(this), conf);
321 | $(this).data("tooltip", api);
322 | });
323 |
324 | return conf.api ? api: this;
325 | };
326 |
327 | }) (jQuery);
328 |
329 |
330 |
331 |
--------------------------------------------------------------------------------
/src/rangeinput/rangeinput.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license
3 | * jQuery Tools @VERSION Rangeinput - HTML5
',
40 | messageAttr: 'data-message', // name of the attribute for overridden error message
41 | messageClass: 'error', // error message element's class name
42 | offset: [0, 0],
43 | position: 'center right',
44 | singleError: false, // validate all inputs at once
45 | speed: 'normal' // message's fade-in speed
46 | },
47 |
48 |
49 | /* The Error Messages */
50 | messages: {
51 | "*": { en: "Please correct this value" }
52 | },
53 |
54 | localize: function(lang, messages) {
55 | $.each(messages, function(key, msg) {
56 | v.messages[key] = v.messages[key] || {};
57 | v.messages[key][lang] = msg;
58 | });
59 | },
60 |
61 | localizeFn: function(key, messages) {
62 | v.messages[key] = v.messages[key] || {};
63 | $.extend(v.messages[key], messages);
64 | },
65 |
66 | /**
67 | * Adds a new validator
68 | */
69 | fn: function(matcher, msg, fn) {
70 |
71 | // no message supplied
72 | if ($.isFunction(msg)) {
73 | fn = msg;
74 |
75 | // message(s) on second argument
76 | } else {
77 | if (typeof msg == 'string') { msg = {en: msg}; }
78 | this.messages[matcher.key || matcher] = msg;
79 | }
80 |
81 | // check for "[type=xxx]" (not supported by jQuery)
82 | var test = typeRe.exec(matcher);
83 | if (test) { matcher = isType(test[1]); }
84 |
85 | // add validator to the arsenal
86 | fns.push([matcher, fn]);
87 | },
88 |
89 | /* Add new show/hide effect */
90 | addEffect: function(name, showFn, closeFn) {
91 | effects[name] = [showFn, closeFn];
92 | }
93 |
94 | };
95 |
96 | /* calculate error message position relative to the input */
97 | function getPosition(trigger, el, conf) {
98 |
99 | // get origin top/left position
100 | var top = trigger.offset().top,
101 | left = trigger.offset().left,
102 | pos = conf.position.split(/,?\s+/),
103 | y = pos[0],
104 | x = pos[1];
105 |
106 | top -= el.outerHeight() - conf.offset[0];
107 | left += trigger.outerWidth() + conf.offset[1];
108 |
109 | // adjust Y
110 | var height = el.outerHeight() + trigger.outerHeight();
111 | if (y == 'center') { top += height / 2; }
112 | if (y == 'bottom') { top += height; }
113 |
114 | // adjust X
115 | var width = trigger.outerWidth();
116 | if (x == 'center') { left -= (width + el.outerWidth()) / 2; }
117 | if (x == 'left') { left -= width; }
118 |
119 | return {top: top, left: left};
120 | }
121 |
122 |
123 |
124 | // $.is("[type=xxx]") or $.filter("[type=xxx]") not working in jQuery 1.3.2 or 1.4.2
125 | function isType(type) {
126 | function fn() {
127 | return this.getAttribute("type") == type;
128 | }
129 | fn.key = "[type=" + type + "]";
130 | return fn;
131 | }
132 |
133 |
134 | var fns = [], effects = {
135 |
136 | 'default' : [
137 |
138 | // show errors function
139 | function(errs) {
140 |
141 | var conf = this.getConf();
142 |
143 | // loop errors
144 | $.each(errs, function(i, err) {
145 |
146 | // add error class
147 | var input = err.input;
148 | input.addClass(conf.errorClass);
149 |
150 | // get handle to the error container
151 | var msg = input.data("msg.el");
152 |
153 | // create it if not present
154 | if (!msg) {
155 | msg = $(conf.message).addClass(conf.messageClass).appendTo(document.body);
156 | input.data("msg.el", msg);
157 | }
158 |
159 | // clear the container
160 | msg.css({visibility: 'hidden'}).find("span").remove();
161 |
162 | // populate messages
163 | $.each(err.messages, function(i, m) {
164 | $("
").addClass(css.week);
529 | weeks.append(week);
530 | }
531 |
532 | if (j < begin) {
533 | a.addClass(css.off);
534 | num = prevDays - begin + j + 1;
535 | date = new Date(year, month-1, num);
536 |
537 | } else if (j >= begin + days) {
538 | a.addClass(css.off);
539 | num = j - days - begin + 1;
540 | date = new Date(year, month+1, num);
541 |
542 | } else {
543 | num = j - begin + 1;
544 | date = new Date(year, month, num);
545 |
546 | // current date
547 | if (isSameDay(value, date)) {
548 | a.attr("id", css.current).addClass(css.focus);
549 |
550 | // today
551 | } else if (isSameDay(now, date)) {
552 | a.attr("id", css.today);
553 | }
554 | }
555 |
556 | // disabled
557 | if (min && date < min) {
558 | a.add(pm).addClass(css.disabled);
559 | }
560 |
561 | if (max && date > max) {
562 | a.add(nm).addClass(css.disabled);
563 | }
564 |
565 | a.attr("href", "#" + num).text(num).data("date", date);
566 |
567 | week.append(a);
568 |
569 | // date picking
570 | a.click(function(e) {
571 | var el = $(this);
572 | if (!el.hasClass(css.disabled)) {
573 | $("#" + css.current).removeAttr("id");
574 | el.attr("id", css.current);
575 | select(el.data("date"), conf, e);
576 | }
577 | return false;
578 | });
579 | }
580 |
581 | // sunday
582 | if (css.sunday) {
583 | weeks.find(css.week).each(function() {
584 | var beg = conf.firstDay ? 7 - conf.firstDay : 0;
585 | $(this).children().slice(beg, beg + 1).addClass(css.sunday);
586 | });
587 | }
588 |
589 | return self;
590 | },
591 | //}}}
592 |
593 | setMin: function(val, fit) {
594 | min = parseDate(val);
595 | if (fit && value < min) { self.setValue(min); }
596 | return self;
597 | },
598 |
599 | setMax: function(val, fit) {
600 | max = parseDate(val);
601 | if (fit && value > max) { self.setValue(max); }
602 | return self;
603 | },
604 |
605 | today: function() {
606 | return self.setValue(now);
607 | },
608 |
609 | addDay: function(amount) {
610 | return this.setValue(currYear, currMonth, currDay + (amount || 1));
611 | },
612 |
613 | addMonth: function(amount) {
614 | return this.setValue(currYear, currMonth + (amount || 1), currDay);
615 | },
616 |
617 | addYear: function(amount) {
618 | return this.setValue(currYear + (amount || 1), currMonth, currDay);
619 | },
620 |
621 | hide: function(e) {
622 |
623 | if (opened) {
624 |
625 | // onHide
626 | e = e || $.Event();
627 | e.type = "onHide";
628 | fire.trigger(e);
629 |
630 | $(document).unbind("click.d").unbind("keydown.d");
631 |
632 | // cancelled ?
633 | if (e.isDefaultPrevented()) { return; }
634 |
635 | // do the hide
636 | root.hide();
637 | opened = false;
638 | }
639 |
640 | return self;
641 | },
642 |
643 | getConf: function() {
644 | return conf;
645 | },
646 |
647 | getInput: function() {
648 | return input;
649 | },
650 |
651 | getCalendar: function() {
652 | return root;
653 | },
654 |
655 | getValue: function(dateFormat) {
656 | return dateFormat ? format(value, dateFormat, conf.lang) : value;
657 | },
658 |
659 | isOpen: function() {
660 | return opened;
661 | }
662 |
663 | });
664 |
665 | // callbacks
666 | $.each(['onBeforeShow','onShow','change','onHide'], function(i, name) {
667 |
668 | // configuration
669 | if ($.isFunction(conf[name])) {
670 | $(self).bind(name, conf[name]);
671 | }
672 |
673 | // API methods
674 | self[name] = function(fn) {
675 | $(self).bind(name, fn);
676 | return self;
677 | };
678 | });
679 |
680 |
681 | // show dateinput & assign keyboard shortcuts
682 | input.bind("focus click", self.show).keydown(function(e) {
683 |
684 | var key = e.keyCode;
685 |
686 | // open dateinput with navigation keyw
687 | if (!opened && $(KEYS).index(key) >= 0) {
688 | self.show(e);
689 | return e.preventDefault();
690 | }
691 |
692 | // allow tab
693 | return e.shiftKey || e.ctrlKey || e.altKey || key == 9 ? true : e.preventDefault();
694 |
695 | });
696 |
697 | // initial value
698 |
699 | if (parseDate(input.val())) {
700 | select(value, conf);
701 | }
702 |
703 | }
704 |
705 | $.expr[':'].date = function(el) {
706 | var type = el.getAttribute("type");
707 | return type && type == 'date' || !!$(el).data("dateinput");
708 | };
709 |
710 |
711 | $.fn.dateinput = function(conf) {
712 |
713 | // already instantiated
714 | if (this.data("dateinput")) { return this; }
715 |
716 | // configuration
717 | conf = $.extend(true, {}, tool.conf, conf);
718 |
719 | // CSS prefix
720 | $.each(conf.css, function(key, val) {
721 | if (!val && key != 'prefix') {
722 | conf.css[key] = (conf.css.prefix || '') + (val || key);
723 | }
724 | });
725 |
726 | var els;
727 |
728 | this.each(function() {
729 | var el = new Dateinput($(this), conf);
730 | instances.push(el);
731 | var input = el.getInput().data("dateinput", el);
732 | els = els ? els.add(input) : input;
733 | });
734 |
735 | return els ? els : this;
736 | };
737 |
738 |
739 | }) (jQuery);
740 |
741 |
742 |
--------------------------------------------------------------------------------
11 |
12 | 
24 |
25 | 
33 |
34 | 
42 |
43 | 
32 | 
38 | 
56 | 
123 | 
