├── .gitignore
├── LICENSE.txt
├── README.md
├── bookmarklet.html
├── css
    └── style.css
├── dev1.html
├── dev2.html
├── dev3.html
├── dist
    ├── fixto.js
    └── fixto.min.js
├── grunt.js
├── index.html
├── libs
    ├── jasmine-2.0.0
    │   ├── boot.js
    │   ├── console.js
    │   ├── jasmine-html.js
    │   ├── jasmine.css
    │   ├── jasmine.js
    │   └── jasmine_favicon.png
    ├── jquery-loader.js
    ├── jquery
    │   └── jquery.js
    └── qunit
    │   ├── qunit.css
    │   └── qunit.js
├── modernizr-2.5.3.min.js
├── package.json
├── robots.txt
├── src
    └── fixto.js
├── test
    ├── fixto.html
    ├── fixto_test.js
    ├── mimic-node.html
    └── mimic-node_test.js
└── tests
    └── SpecRunner.html


/.gitignore:
--------------------------------------------------------------------------------
1 | *.DS_STORE
2 | node_modules
3 | 


--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2016 Burak Barakaci
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # fixto
  2 | 
  3 | A jQuery plugin for sticky positioning. Fix containers to the viewport relative to an ancestor. To see it in action you can see the [demo page][demo] or development pages [development page 1][dev1], [development page 2][dev2], [development page 3][dev3].
  4 | 
  5 | [demo]: http://bbarakaci.github.com/fixto
  6 | [dev1]: http://bbarakaci.github.com/fixto/dev1.html
  7 | [dev2]: http://bbarakaci.github.com/fixto/dev2.html
  8 | [dev3]: http://bbarakaci.github.com/fixto/dev3.html
  9 | 
 10 | - [Features](#features)
 11 | - [Browser support](#browser-support)
 12 | - [Getting Started](#getting-started)
 13 | - [Usage](#usage)
 14 | - [Styling](#styling)
 15 | - [Options](#options)
 16 | - [Public Methods](#public-methods)
 17 | - [Known issues](#known-issues)
 18 | - [Release notes](#release-notes)
 19 | - [Position sticky caveats](#position-sticky-caveats)
 20 | 
 21 | ## Features
 22 | - Responsive
 23 | - Handles multiple instances
 24 | - Start, stop, destroy
 25 | - Sensitive to viewport height
 26 | - Handles positioning context created by transformed ancestors.
 27 | - Uses native position sticky when available
 28 | 
 29 | ## Browser support
 30 | 
 31 | Modern browsers, ie8+ are supported.
 32 | 
 33 | ## Getting Started
 34 | Download the [production version][min] or the [development version][max].
 35 | 
 36 | [min]: https://raw.github.com/bbarakaci/fixto/master/dist/fixto.min.js
 37 | [max]: https://raw.github.com/bbarakaci/fixto/master/dist/fixto.js
 38 | 
 39 | Add jQuery
 40 | 
 41 |     <script src="jquery.js"></script>
 42 |     
 43 | Add fixTo
 44 | 
 45 |     <script src="fixto.min.js"></script>
 46 | 
 47 | ## Usage
 48 | 
 49 | Use it with jQuery
 50 | 
 51 |     $('#nav').fixTo('body');
 52 |     
 53 | You can fix multiple containers to multiple ancestors. Make sure your selectors match exactly.
 54 | 
 55 |     $('.sticky').fixTo('.sticky-holder');
 56 |     
 57 | Passing options
 58 | 
 59 |     $('#left-banner').fixTo('#left-column', {
 60 |         className : 'my-class-name',
 61 |         zIndex: 10,
 62 |         mind: '#header',
 63 |         top: 20
 64 |     });
 65 |     
 66 | Instantiate without jQuery:
 67 |     
 68 |     var sticky = fixto.fixTo(domElementToFix, domElementToBeFixed, options);
 69 | 
 70 | ## Styling
 71 | 
 72 | When the container is fixed, it will receive the class name `fixto-fixed`. You may use this class or you may pass any other class name as an option. This feature will not work when native postion sticky is used. See [known issues](#known-issues)
 73 | 
 74 | ## Options
 75 | 
 76 | ### className (String)
 77 | 
 78 | See above example.
 79 | 
 80 | ### zIndex (Number)
 81 | 
 82 | Although you can set z-index with css, it is possible to pass a `zIndex` option. See above example.
 83 | 
 84 | ### mind (selector)
 85 | 
 86 | When you have other fixed containers on a page, pass those containers as mind option to prevent overlapping.
 87 | 
 88 | Example
 89 | 
 90 |     $('#header').fixTo('body');
 91 | 
 92 |     $('#left-banner').fixTo('#left-column', {
 93 |         mind: '#header'
 94 |     });
 95 |     
 96 | Selector can be in any form that jQuery can handle. You can pass multiple elements.
 97 | 
 98 | ### top (Number)
 99 | 
100 | In pixels. Fixed element will preserve a gap on its top.
101 | 
102 | ### useNativeSticky (Boolean)
103 | Fixto will use native position sticky when supported by the browser. Set this option to `false` to disable.
104 | 
105 | This option can not be overwritten after initialization. If you need to do so, you can destroy the instance and create a new one.
106 | 
107 | While fixto can fix a container to any of its ancestors, native sticky will fix it to the nearest containing block, which is generally its parent. 
108 | 
109 | There is no native way to know if the container is sticked, so it will not receive the css class name. 
110 | 
111 | Native sticky will perform very well as all the work is done by the browser. Without native sticky you will notice delayed response and undesired effects on IOS as all the javascript execuion is halted on scroll. Setting `-webkit-transform: translate(0)` to parent container will eliminate undesired effect, delayed response will remain.
112 | 
113 | ### mindBottomPadding (Boolean)
114 | Allows for scrolling through the parent's bottom padding. Defaults to `true`, making fixed element stop when parent's bottom padding is reached. Won't work with native "sticky" implementation. 
115 | 
116 | ### mindViewport (Boolean)
117 | If set to true, the viewport height will be taken into consideration. If viewport height is shorter than the sticky element, it will not stick not to render any content inaccesible. This option won't work with native position sticky.
118 | 
119 | ## Public Methods
120 | 
121 | Following methods can be called directly on the instance or with jQuery.
122 | 
123 | ### refresh
124 | 
125 | Fixto tries to adapt to the layout during scroll and window resize. In case the layout changes dynamically at any time, use refresh to force fixto to adapt. 
126 | 
127 |     instance.refresh();
128 |     
129 | jQuery:
130 |     
131 |     $('#nav').fixTo('refresh');
132 | 
133 | ### setOptions(options)
134 | 
135 | Resets the options. Fixto will refresh itself automatically after this method is used.
136 | 
137 |     instance.setOptions({
138 |         top: 10
139 |     });
140 |     
141 | jQuery:
142 |     
143 |     $('#nav').fixTo('setOptions', {
144 |         top: 10
145 |     });
146 | 
147 | ### destroy
148 | 
149 | Destroys the instance:
150 | 
151 |     instance.destroy();
152 |     
153 | jQuery:
154 |     
155 |     $('#nav').fixTo('destroy');
156 |     
157 | ### stop
158 | 
159 | Stops the instances behavior without destroying the instance.
160 | 
161 |     instance.stop();
162 | 
163 | jQuery:
164 | 
165 |     $('#nav').fixTo('stop');
166 |     
167 | ### start
168 | 
169 | Starts the instances behavior.
170 | 
171 |     instance.start();
172 | 
173 | jQuery:
174 | 
175 |     $('#nav').fixTo('start');
176 | 
177 | ## Known issues
178 | 
179 | - Doesn't work on elements having `margin:auto`. You will need an additional wrapper around the element. This is because webkit differs from other browsers about reporting the computed margin values.
180 | - There is flickering on Safari when there is a transformed parent and if native sticky positioning is not used. Still couldn't resolve that. Safari already supports native sticky positioning so you will observe this issue only if you disable native sticky support.
181 | - Some features are not implemented for the native position sticky version. Fixto normally does a lot of calculations during scroll. These calculations are not done when using native position sticky. Although it is possible to implement these features by doing same calculations, for now it is decided not to do so, for performance reasons and for the sake of obeying to the natural development of position sticky. Finally, one day, we will not need to use fixto anymore. 
182 | 
183 |     Or we will choose the other path. We will decide to implement the features we need to have fixto as a plugin that does its own magic. Please open an issue if you would like to see additional features when running on native sticky mode. If there is an issue, just participate with your +1. It will help us to decide for the future.
184 | 
185 | ## Release notes
186 | ### 0.5.0
187 | - Sensitivity to the viewport is now an optional feature.
188 | - Added MIT license. 
189 | 
190 | ### 0.4.0
191 | - Added "mindBottomPadding" option, to make including parent's bottom padding optional when calculating max bottom position of the fixed element 
192 | 
193 | ### 0.3.1
194 | - Bugfix #15
195 | 
196 | ### 0.3.0
197 | - Use native position sticky when supported.
198 | - Enabled for touch devices
199 | - Margin top of the fixed element will be ignored at fixed state, to be consistent with native sticky. This might break your existing layout if you used margin top on the target container with previous versions of fixto.
200 | - Top option added
201 | - useNativeSticky option added
202 | - setOptions method added
203 | - refresh method added
204 | - No need to use it on document ready. Feature detection will be done during first instantiation.
205 | 
206 | ### 0.2.0
207 | - Ancestors with css transform rules does not break the functionality anymore.
208 | - Needs to be used only during or after document ready
209 | 
210 | ## Position sticky caveats
211 | You might be wondering why position sticky does not work for your layout.
212 | 
213 | Position sticky won’t work when:
214 | 
215 | - the positioned element has an ancestor with an unintended overflow value of “auto”, “hidden” or “scroll”.
216 | - the positioned element has an ancestor with a computed height of zero, means, all the elements inside the container ran out of flow (floated or absolutely positioned) thus its height is 0. Clear properly if you have floated elements, but you can’t use overflow on the parent to clear, because of the rule above.
217 | 


--------------------------------------------------------------------------------
/bookmarklet.html:
--------------------------------------------------------------------------------
 1 | <!-- 
 2 | This is a bookmarklet to use for development. 
 3 | Lets you try the plugin on any website.
 4 | It simply inserts the necessary js files to the document.
 5 | Then i apply fixto to the document using a javascript console.
 6 | You will have to change the base variable to use it.
 7 |  -->
 8 | <a href="javascript:
 9 | (function(){
10 |     
11 |     var base = 'http://localhost/bb/fixto/';
12 |     
13 |     function insertToHead(source){
14 |         var script=document.createElement('script');
15 |         script.setAttribute('type','text/javascript');
16 |         script.setAttribute('src', base + source + '?' + Math.random());
17 |         document.body.appendChild(script);
18 |     }
19 |     insertToHead('libs/jquery/jquery.js');
20 |     insertToHead('src/fixto.js');
21 | })()
22 | ">fixTo</a>


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | /* HTML5 Boilerplate  */
  2 | 
  3 | article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  4 | audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
  5 | audio:not([controls]) { display: none; }
  6 | [hidden] { display: none; }
  7 | 
  8 | html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  9 | html, button, input, select, textarea { font-family: sans-serif; color: #222; }
 10 | body { margin: 0; font-size: 1em; line-height: 1.4; }
 11 | 
 12 | ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 13 | ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 14 | 
 15 | a { color: #00e; }
 16 | a:visited { color: #551a8b; }
 17 | a:hover { color: #06e; }
 18 | a:focus { outline: thin dotted; }
 19 | a:hover, a:active { outline: 0; }
 20 | abbr[title] { border-bottom: 1px dotted; }
 21 | b, strong { font-weight: bold; }
 22 | blockquote { margin: 1em 40px; }
 23 | dfn { font-style: italic; }
 24 | hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 25 | ins { background: #ff9; color: #000; text-decoration: none; }
 26 | mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
 27 | pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
 28 | pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
 29 | 
 30 | q { quotes: none; }
 31 | q:before, q:after { content: ""; content: none; }
 32 | small { font-size: 85%; }
 33 | sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
 34 | sup { top: -0.5em; }
 35 | sub { bottom: -0.25em; }
 36 | 
 37 | ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
 38 | dd { margin: 0 0 0 40px; }
 39 | nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
 40 | 
 41 | img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
 42 | svg:not(:root) { overflow: hidden; }
 43 | figure { margin: 0; }
 44 | 
 45 | form { margin: 0; }
 46 | fieldset { border: 0; margin: 0; padding: 0; }
 47 | 
 48 | label { cursor: pointer; }
 49 | legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
 50 | button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
 51 | button, input { line-height: normal; }
 52 | button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
 53 | button[disabled], input[disabled] { cursor: default; }
 54 | input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
 55 | input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 56 | input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
 57 | button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
 58 | textarea { overflow: auto; vertical-align: top; resize: vertical; }
 59 | input:valid, textarea:valid {  }
 60 | input:invalid, textarea:invalid { background-color: #f0dddd; }
 61 | 
 62 | table { border-collapse: collapse; border-spacing: 0; }
 63 | td { vertical-align: top; }
 64 | 
 65 | .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
 66 | 
 67 | 
 68 | 
 69 | 
 70 | 
 71 | 
 72 | 
 73 | 
 74 | 
 75 | @media only screen and (min-width: 35em) {
 76 |   
 77 | 
 78 | }
 79 | 
 80 | .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
 81 | .ir br { display: none; }
 82 | .hidden { display: none !important; visibility: hidden; }
 83 | .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 84 | .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
 85 | .invisible { visibility: hidden; }
 86 | .clearfix:before, .clearfix:after { content: ""; display: table; }
 87 | .clearfix:after { clear: both; }
 88 | .clearfix { *zoom: 1; }
 89 | 
 90 | @media print {
 91 |   * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
 92 |   a, a:visited { text-decoration: underline; }
 93 |   a[href]:after { content: " (" attr(href) ")"; }
 94 |   abbr[title]:after { content: " (" attr(title) ")"; }
 95 |   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
 96 |   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
 97 |   thead { display: table-header-group; } 
 98 |   tr, img { page-break-inside: avoid; }
 99 |   img { max-width: 100% !important; }
100 |   @page { margin: 0.5cm; }
101 |   p, h2, h3 { orphans: 3; widows: 3; }
102 |   h2, h3 { page-break-after: avoid; }
103 | }
104 | 


--------------------------------------------------------------------------------
/dev1.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <title>fixto, a jQuery plugin for sticky positioning</title>
 5 | <style>
 6 |   .box {
 7 |     height:300px; width:300px; background: red;
 8 |   }
 9 |   .child{
10 |     height:50px;width:50px;background:yellow;
11 |   }
12 |   #list li{
13 |     margin-bottom:20px;
14 |   }
15 |   #pinky {
16 |       padding:10px;
17 |   }
18 | </style>
19 | 
20 | </head>
21 | <body style="">
22 |   
23 |   <div style="background:pink;clear:both" id="pinky">
24 |   #pinky
25 |   </div>
26 |   
27 |   
28 |   <div id="left" style="margin-left:30px;float:left">
29 |     
30 |     <div style="width:300px;height:300px;background:black"></div>
31 |     <div id="father" class="box">
32 |       <div id="child" class="child">#child</div>
33 |     </div>
34 |     <div style="width:300px;height:300px;background:black"></div>    
35 |   </div>
36 |   
37 |   <div style="float:left">
38 |     
39 |     <ul id="list">
40 |       <li class="box"><div class="child"></div></li>
41 |       <li class="box"><div style="width:70px;height:70px;background:gray"></div><div class="child"></div><div style="width:70px;height:70px;background:gray"></div></li>
42 |       <li class="box"><div class="child"></div></li>
43 |     </ul>
44 |   </div>
45 |   
46 |   <div style="float:left;position:relative;top:200px">
47 |     
48 |     <ul id="list2">
49 |       <li class="box"><div class="child"></div></li>
50 |       <li class="box"><div class="child"></div></li>
51 |       <li class="box"><div class="child"></div></li>
52 |       <li class="box"><div class="child"></div></li>
53 |       <li class="box"><div class="child"></div></li>
54 |       <li class="box"><div class="child"></div></li>
55 |       <li class="box"><div class="child"></div></li>
56 |       <li class="box"><div class="child"></div></li>
57 |       <li class="box"><div class="child"></div></li>
58 |       <li class="box"><div class="child"></div></li>
59 |       <li class="box"><div class="child"></div></li>
60 |       <li class="box"><div class="child"></div></li>
61 |       <li class="box"><div class="child"></div></li>
62 |       <li class="box"><div class="child"></div></li>
63 |       <li class="box"><div class="child"></div></li>
64 |       <li class="box"><div class="child"></div></li>
65 |       <li class="box"><div class="child"></div></li>
66 |       <li class="box"><div class="child"></div></li>
67 |       <li class="box"><div class="child"></div></li>
68 |       <li class="box"><div class="child"></div></li>
69 |       <li class="box"><div class="child"></div></li>
70 |     </ul>
71 |   </div>
72 | 
73 |   <div id="blue" style="width:200px;height:200px;background:blue;float:right;"></div>
74 |   
75 |   <div style="clear:both"></div>
76 |   
77 | 
78 | 
79 | 
80 |   <script src="libs/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
81 |   <script src="src/fixto.js" type="text/javascript" charset="utf-8"></script>
82 |   
83 | 
84 |   
85 |   <script>  
86 | 
87 |         $('#pinky').fixTo('body', {zIndex:10})
88 |         $('#child').fixTo('#father', {mind:'#pinky'});
89 |         $('#list .child').fixTo('#list>li', {mind:'#pinky'});
90 |         $('#list2 .child').fixTo('#list2>li', {mind:'#pinky'});
91 |         $('#blue').fixTo('body', {mind:'#pinky'});
92 | 
93 | 
94 |   </script>  
95 |   
96 | </body>
97 | </html>


--------------------------------------------------------------------------------
/dev2.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 | 	<title>fixto, a jQuery plugin for sticky positioning</title>
  5 |     <meta name="viewport" content="width=device-width">
  6 | 	<script src="libs/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
  7 |     <script src="src/fixto.js" type="text/javascript" charset="utf-8"></script>
  8 | 	<style>
  9 |         body {
 10 |             padding: 20px;
 11 |             font: 14px/21px "Trebuchet MS", Helvetica, Verdana, sans-serif;
 12 | 
 13 |         }
 14 | 
 15 |         .csticky-holder {
 16 |             /*            transform: translate(0);
 17 |                         -webkit-transform: translate(0);*/
 18 |         }
 19 | 
 20 |         .csticky,
 21 |         .csticky-do-not-mind-bottom-padding,
 22 |         .csticky-viewport {
 23 |             background: #97CE68;
 24 |             padding: 20px 30px;
 25 |         }
 26 | 
 27 |         .fl {
 28 |             float: left;
 29 |         }
 30 | 
 31 |         ul {
 32 |             list-style-type: none;
 33 |             margin: 0 auto;
 34 |             max-width: 800px;
 35 |             padding: 0;
 36 |         }
 37 | 
 38 |         li {
 39 |             background: #EFEFEF;
 40 |             padding: 20px 30px;
 41 |             margin-bottom: 20px;
 42 |         }
 43 |     </style>
 44 | </head>
 45 | <body>
 46 |         <ul class="cstickies" >
 47 |             <li class="csticky-holder">
 48 |                 <div class="csticky">
 49 |                     Sticky
 50 |                 </div>
 51 |                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 52 | 
 53 |             </li>
 54 |             <li class="csticky-holder">
 55 |                 <div class="csticky" style="margin:40px 30px 20px 10px">
 56 |                     Sticky has margins
 57 |                 </div>
 58 |                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 59 |             </li>
 60 |             <li class="csticky-holder">
 61 |                 <div class="csticky" style="border:20px solid black">
 62 |                     Sticky has borders
 63 |                 </div>
 64 |                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 65 |             </li>
 66 |             <li class="csticky-holder">
 67 | 
 68 |                     <div class="csticky" style="float:left;margin:0 10px 10px 0">
 69 |                         Sticky floats left.
 70 |                     </div>
 71 | 
 72 | 
 73 | 
 74 |                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 75 | 
 76 |             </li>
 77 |             <li class="csticky-holder">
 78 | 
 79 |                     <div class="csticky" style="float:right">
 80 |                         Sticky floats right
 81 |                     </div>
 82 | 
 83 |                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 84 | 
 85 |             </li>
 86 |             <li class="csticky-viewport-holder">
 87 | 
 88 |                     <div class="csticky-viewport" style="height:400px">
 89 |                         Sticky is tall. It will not be fixed if viewport is shorter, when mindViewport option set to true. (Only if native position sticky is disabled.)
 90 |                     </div>
 91 | 
 92 |                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 93 |             </li>
 94 |             <li class="csticky-holder-do-not-mind-bottom-padding">
 95 | 
 96 |                     <div class="csticky-do-not-mind-bottom-padding">
 97 |                         Parent's bottom padding is not respected due to disabled "mindBottomPadding" option. (Only if native position sticky is disabled.)
 98 |                     </div>
 99 | 
100 |                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
101 |             </li>
102 |         </ul>
103 | 
104 |     <div style="height:1000px"></div>
105 | 
106 | <script>
107 |     $('.csticky').fixTo('.csticky-holder', {top: 0, useNativeSticky:true});
108 | 
109 |     $('.csticky-viewport').fixTo('.csticky-viewport-holder', {
110 |         mindViewport: true,
111 |         useNativeSticky: false
112 |     });
113 | 
114 |     $('.csticky-do-not-mind-bottom-padding').fixTo('.csticky-holder-do-not-mind-bottom-padding', {
115 |         top: 0,
116 |         mindBottomPadding: false,
117 |         useNativeSticky: false
118 |     });
119 | 
120 | </script>
121 | </body>
122 | </html>
123 | 


--------------------------------------------------------------------------------
/dev3.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | 	<title>fixto, a jQuery plugin for sticky positioning</title>
 5 | 	<script src="libs/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
 6 |     <script src="src/fixto.js" type="text/javascript" charset="utf-8"></script>
 7 |     
 8 |     <style>
 9 |     
10 |         body {
11 |             height: 2000px;
12 |         }
13 |     
14 |         .sticky {
15 |             background-color: red;
16 |         }
17 |     
18 |     </style>
19 |     
20 |     
21 | </head>
22 | <body>
23 | 
24 | <div class="sticky">
25 |     sticky
26 |     
27 |     <button class="stop">Stop</button>
28 |     <button class="start">Start</button>
29 |     <button class="destroy">Destroy</button>
30 |     
31 | </div>
32 | 
33 | 
34 | 
35 | 
36 | 
37 | 
38 | <script>
39 |     $(function() {
40 |         var child = $('.sticky')[0];
41 |         var parent = $('body')[0];
42 |         var instance = window.fixto.fixTo(child, parent);
43 |         $('.stop').click(function () {
44 |             instance.stop();
45 |         });
46 |         $('.start').click(function () {
47 |             instance.start();
48 |         });
49 |         $('.destroy').click(function () {
50 |             instance.destroy();
51 |         });
52 |     });
53 | </script>
54 | </body>
55 | </html>
56 | 


--------------------------------------------------------------------------------
/dist/fixto.js:
--------------------------------------------------------------------------------
  1 | /*! fixto - v0.5.0 - 2016-06-16
  2 | * http://github.com/bbarakaci/fixto/*/
  3 | 
  4 | 
  5 | var fixto = (function ($, window, document) {
  6 | 
  7 |     // Start Computed Style. Please do not modify this module here. Modify it from its own repo. See address below.
  8 | 
  9 |     /*! Computed Style - v0.1.0 - 2012-07-19
 10 |     * https://github.com/bbarakaci/computed-style
 11 |     * Copyright (c) 2012 Burak Barakaci; Licensed MIT */
 12 |     var computedStyle = (function() {
 13 |         var computedStyle = {
 14 |             getAll : function(element){
 15 |                 return document.defaultView.getComputedStyle(element);
 16 |             },
 17 |             get : function(element, name){
 18 |                 return this.getAll(element)[name];
 19 |             },
 20 |             toFloat : function(value){
 21 |                 return parseFloat(value, 10) || 0;
 22 |             },
 23 |             getFloat : function(element,name){
 24 |                 return this.toFloat(this.get(element, name));
 25 |             },
 26 |             _getAllCurrentStyle : function(element) {
 27 |                 return element.currentStyle;
 28 |             }
 29 |         };
 30 | 
 31 |         if (document.documentElement.currentStyle) {
 32 |             computedStyle.getAll = computedStyle._getAllCurrentStyle;
 33 |         }
 34 | 
 35 |         return computedStyle;
 36 | 
 37 |     }());
 38 | 
 39 |     // End Computed Style. Modify whatever you want to.
 40 | 
 41 |     var mimicNode = (function(){
 42 |         /*
 43 |         Class Mimic Node
 44 |         Dependency : Computed Style
 45 |         Tries to mimick a dom node taking his styles, dimensions. May go to his repo if gets mature.
 46 |         */
 47 | 
 48 |         function MimicNode(element) {
 49 |             this.element = element;
 50 |             this.replacer = document.createElement('div');
 51 |             this.replacer.style.visibility = 'hidden';
 52 |             this.hide();
 53 |             element.parentNode.insertBefore(this.replacer, element);
 54 |         }
 55 | 
 56 |         MimicNode.prototype = {
 57 |             replace : function(){
 58 |                 var rst = this.replacer.style;
 59 |                 var styles = computedStyle.getAll(this.element);
 60 | 
 61 |                  // rst.width = computedStyle.width(this.element) + 'px';
 62 |                  // rst.height = this.element.offsetHeight + 'px';
 63 | 
 64 |                  // Setting offsetWidth
 65 |                  rst.width = this._width();
 66 |                  rst.height = this._height();
 67 | 
 68 |                  // Adopt margins
 69 |                  rst.marginTop = styles.marginTop;
 70 |                  rst.marginBottom = styles.marginBottom;
 71 |                  rst.marginLeft = styles.marginLeft;
 72 |                  rst.marginRight = styles.marginRight;
 73 | 
 74 |                  // Adopt positioning
 75 |                  rst.cssFloat = styles.cssFloat;
 76 |                  rst.styleFloat = styles.styleFloat; //ie8;
 77 |                  rst.position = styles.position;
 78 |                  rst.top = styles.top;
 79 |                  rst.right = styles.right;
 80 |                  rst.bottom = styles.bottom;
 81 |                  rst.left = styles.left;
 82 |                  // rst.borderStyle = styles.borderStyle;
 83 | 
 84 |                  rst.display = styles.display;
 85 | 
 86 |             },
 87 | 
 88 |             hide: function () {
 89 |                 this.replacer.style.display = 'none';
 90 |             },
 91 | 
 92 |             _width : function(){
 93 |                 return this.element.getBoundingClientRect().width + 'px';
 94 |             },
 95 | 
 96 |             _widthOffset : function(){
 97 |                 return this.element.offsetWidth + 'px';
 98 |             },
 99 | 
100 |             _height : function(){
101 |                 return this.element.getBoundingClientRect().height + 'px';
102 |             },
103 | 
104 |             _heightOffset : function(){
105 |                 return this.element.offsetHeight + 'px';
106 |             },
107 | 
108 |             destroy: function () {
109 |                 $(this.replacer).remove();
110 | 
111 |                 // set properties to null to break references
112 |                 for (var prop in this) {
113 |                     if (this.hasOwnProperty(prop)) {
114 |                       this[prop] = null;
115 |                     }
116 |                 }
117 |             }
118 |         };
119 | 
120 |         var bcr = document.documentElement.getBoundingClientRect();
121 |         if(!bcr.width){
122 |             MimicNode.prototype._width = MimicNode.prototype._widthOffset;
123 |             MimicNode.prototype._height = MimicNode.prototype._heightOffset;
124 |         }
125 | 
126 |         return {
127 |             MimicNode:MimicNode,
128 |             computedStyle:computedStyle
129 |         };
130 |     }());
131 | 
132 |     // Class handles vendor prefixes
133 |     function Prefix() {
134 |         // Cached vendor will be stored when it is detected
135 |         this._vendor = null;
136 | 
137 |         //this._dummy = document.createElement('div');
138 |     }
139 | 
140 |     Prefix.prototype = {
141 | 
142 |         _vendors: {
143 |           webkit: { cssPrefix: '-webkit-', jsPrefix: 'Webkit'},
144 |           moz: { cssPrefix: '-moz-', jsPrefix: 'Moz'},
145 |           ms: { cssPrefix: '-ms-', jsPrefix: 'ms'},
146 |           opera: { cssPrefix: '-o-', jsPrefix: 'O'}
147 |         },
148 | 
149 |         _prefixJsProperty: function(vendor, prop) {
150 |             return vendor.jsPrefix + prop[0].toUpperCase() + prop.substr(1);
151 |         },
152 | 
153 |         _prefixValue: function(vendor, value) {
154 |             return vendor.cssPrefix + value;
155 |         },
156 | 
157 |         _valueSupported: function(prop, value, dummy) {
158 |             // IE8 will throw Illegal Argument when you attempt to set a not supported value.
159 |             try {
160 |                 dummy.style[prop] = value;
161 |                 return dummy.style[prop] === value;
162 |             }
163 |             catch(er) {
164 |                 return false;
165 |             }
166 |         },
167 | 
168 |         /**
169 |          * Returns true if the property is supported
170 |          * @param {string} prop Property name
171 |          * @returns {boolean}
172 |          */
173 |         propertySupported: function(prop) {
174 |             // Supported property will return either inine style value or an empty string.
175 |             // Undefined means property is not supported.
176 |             return document.documentElement.style[prop] !== undefined;
177 |         },
178 | 
179 |         /**
180 |          * Returns prefixed property name for js usage
181 |          * @param {string} prop Property name
182 |          * @returns {string|null}
183 |          */
184 |         getJsProperty: function(prop) {
185 |             // Try native property name first.
186 |             if(this.propertySupported(prop)) {
187 |                 return prop;
188 |             }
189 | 
190 |             // Prefix it if we know the vendor already
191 |             if(this._vendor) {
192 |                 return this._prefixJsProperty(this._vendor, prop);
193 |             }
194 | 
195 |             // We don't know the vendor, try all the possibilities
196 |             var prefixed;
197 |             for(var vendor in this._vendors) {
198 |                 prefixed = this._prefixJsProperty(this._vendors[vendor], prop);
199 |                 if(this.propertySupported(prefixed)) {
200 |                     // Vendor detected. Cache it.
201 |                     this._vendor = this._vendors[vendor];
202 |                     return prefixed;
203 |                 }
204 |             }
205 | 
206 |             // Nothing worked
207 |             return null;
208 |         },
209 | 
210 |         /**
211 |          * Returns supported css value for css property. Could be used to check support or get prefixed value string.
212 |          * @param {string} prop Property
213 |          * @param {string} value Value name
214 |          * @returns {string|null}
215 |          */
216 |         getCssValue: function(prop, value) {
217 |             // Create dummy element to test value
218 |             var dummy = document.createElement('div');
219 | 
220 |             // Get supported property name
221 |             var jsProperty = this.getJsProperty(prop);
222 | 
223 |             // Try unprefixed value
224 |             if(this._valueSupported(jsProperty, value, dummy)) {
225 |                 return value;
226 |             }
227 | 
228 |             var prefixedValue;
229 | 
230 |             // If we know the vendor already try prefixed value
231 |             if(this._vendor) {
232 |                 prefixedValue = this._prefixValue(this._vendor, value);
233 |                 if(this._valueSupported(jsProperty, prefixedValue, dummy)) {
234 |                     return prefixedValue;
235 |                 }
236 |             }
237 | 
238 |             // Try all vendors
239 |             for(var vendor in this._vendors) {
240 |                 prefixedValue = this._prefixValue(this._vendors[vendor], value);
241 |                 if(this._valueSupported(jsProperty, prefixedValue, dummy)) {
242 |                     // Vendor detected. Cache it.
243 |                     this._vendor = this._vendors[vendor];
244 |                     return prefixedValue;
245 |                 }
246 |             }
247 |             // No support for value
248 |             return null;
249 |         }
250 |     };
251 | 
252 |     var prefix = new Prefix();
253 | 
254 |     // We will need this frequently. Lets have it as a global until we encapsulate properly.
255 |     var transformJsProperty = prefix.getJsProperty('transform');
256 | 
257 |     // Will hold if browser creates a positioning context for fixed elements.
258 |     var fixedPositioningContext;
259 | 
260 |     // Checks if browser creates a positioning context for fixed elements.
261 |     // Transform rule will create a positioning context on browsers who follow the spec.
262 |     // Ie for example will fix it according to documentElement
263 |     // TODO: Other css rules also effects. perspective creates at chrome but not in firefox. transform-style preserve3d effects.
264 |     function checkFixedPositioningContextSupport() {
265 |         var support = false;
266 |         var parent = document.createElement('div');
267 |         var child = document.createElement('div');
268 |         parent.appendChild(child);
269 |         parent.style[transformJsProperty] = 'translate(0)';
270 |         // Make sure there is space on top of parent
271 |         parent.style.marginTop = '10px';
272 |         parent.style.visibility = 'hidden';
273 |         child.style.position = 'fixed';
274 |         child.style.top = 0;
275 |         document.body.appendChild(parent);
276 |         var rect = child.getBoundingClientRect();
277 |         // If offset top is greater than 0 meand transformed element created a positioning context.
278 |         if(rect.top > 0) {
279 |             support = true;
280 |         }
281 |         // Remove dummy content
282 |         document.body.removeChild(parent);
283 |         return support;
284 |     }
285 | 
286 |     // It will return null if position sticky is not supported
287 |     var nativeStickyValue = prefix.getCssValue('position', 'sticky');
288 | 
289 |     // It will return null if position fixed is not supported
290 |     var fixedPositionValue = prefix.getCssValue('position', 'fixed');
291 | 
292 |     // Dirty business
293 |     var ie = navigator.appName === 'Microsoft Internet Explorer';
294 |     var ieversion;
295 | 
296 |     if(ie){
297 |         ieversion = parseFloat(navigator.appVersion.split("MSIE")[1]);
298 |     }
299 | 
300 |     function FixTo(child, parent, options) {
301 |         this.child = child;
302 |         this._$child = $(child);
303 |         this.parent = parent;
304 |         this.options = {
305 |             className: 'fixto-fixed',
306 |             top: 0,
307 |             mindViewport: false
308 |         };
309 |         this._setOptions(options);
310 |     }
311 | 
312 |     FixTo.prototype = {
313 |         // Returns the total outerHeight of the elements passed to mind option. Will return 0 if none.
314 |         _mindtop: function () {
315 |             var top = 0;
316 |             if(this._$mind) {
317 |                 var el;
318 |                 var rect;
319 |                 var height;
320 |                 for(var i=0, l=this._$mind.length; i<l; i++) {
321 |                     el = this._$mind[i];
322 |                     rect = el.getBoundingClientRect();
323 |                     if(rect.height) {
324 |                         top += rect.height;
325 |                     }
326 |                     else {
327 |                         var styles = computedStyle.getAll(el);
328 |                         top += el.offsetHeight + computedStyle.toFloat(styles.marginTop) + computedStyle.toFloat(styles.marginBottom);
329 |                     }
330 |                 }
331 |             }
332 |             return top;
333 |         },
334 | 
335 |         // Public method to stop the behaviour of this instance.
336 |         stop: function () {
337 |             this._stop();
338 |             this._running = false;
339 |         },
340 | 
341 |         // Public method starts the behaviour of this instance.
342 |         start: function () {
343 | 
344 |             // Start only if it is not running not to attach event listeners multiple times.
345 |             if(!this._running) {
346 |                 this._start();
347 |                 this._running = true;
348 |             }
349 |         },
350 | 
351 |         //Public method to destroy fixto behaviour
352 |         destroy: function () {
353 |             this.stop();
354 | 
355 |             this._destroy();
356 | 
357 |             // Remove jquery data from the element
358 |             this._$child.removeData('fixto-instance');
359 | 
360 |             // set properties to null to break references
361 |             for (var prop in this) {
362 |                 if (this.hasOwnProperty(prop)) {
363 |                   this[prop] = null;
364 |                 }
365 |             }
366 |         },
367 | 
368 |         _setOptions: function(options) {
369 |             $.extend(this.options, options);
370 |             if(this.options.mind) {
371 |                 this._$mind = $(this.options.mind);
372 |             }
373 |             if(this.options.zIndex) {
374 |                 this.child.style.zIndex = this.options.zIndex;
375 |             }
376 |         },
377 | 
378 |         setOptions: function(options) {
379 |             this._setOptions(options);
380 |             this.refresh();
381 |         },
382 | 
383 |         // Methods could be implemented by subclasses
384 | 
385 |         _stop: function() {
386 | 
387 |         },
388 | 
389 |         _start: function() {
390 | 
391 |         },
392 | 
393 |         _destroy: function() {
394 | 
395 |         },
396 | 
397 |         refresh: function() {
398 | 
399 |         }
400 |     };
401 | 
402 |     // Class FixToContainer
403 |     function FixToContainer(child, parent, options) {
404 |         FixTo.call(this, child, parent, options);
405 |         this._replacer = new mimicNode.MimicNode(child);
406 |         this._ghostNode = this._replacer.replacer;
407 | 
408 |         this._saveStyles();
409 | 
410 |         this._saveViewportHeight();
411 | 
412 |         // Create anonymous functions and keep references to register and unregister events.
413 |         this._proxied_onscroll = this._bind(this._onscroll, this);
414 |         this._proxied_onresize = this._bind(this._onresize, this);
415 | 
416 |         this.start();
417 |     }
418 | 
419 |     FixToContainer.prototype = new FixTo();
420 | 
421 |     $.extend(FixToContainer.prototype, {
422 | 
423 |         // Returns an anonymous function that will call the given function in the given context
424 |         _bind : function (fn, context) {
425 |             return function () {
426 |                 return fn.call(context);
427 |             };
428 |         },
429 | 
430 |         // at ie8 maybe only in vm window resize event fires everytime an element is resized.
431 |         _toresize : ieversion===8 ? document.documentElement : window,
432 | 
433 |         _onscroll: function _onscroll() {
434 |             this._scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
435 |             this._parentBottom = (this.parent.offsetHeight + this._fullOffset('offsetTop', this.parent));
436 | 
437 |             if (this.options.mindBottomPadding !== false) {
438 |                 this._parentBottom -= computedStyle.getFloat(this.parent, 'paddingBottom');
439 |             }
440 | 
441 |             if (!this.fixed && this._shouldFix()) {
442 |                 this._fix();
443 |                 this._adjust();
444 |             } else {
445 |                 if (this._scrollTop > this._parentBottom || this._scrollTop < (this._fullOffset('offsetTop', this._ghostNode) - this.options.top - this._mindtop())) {
446 |                     this._unfix();
447 |                     return;
448 |                 }
449 |                 this._adjust();
450 |             }
451 |         },
452 | 
453 |         _shouldFix: function() {
454 |             if (this._scrollTop < this._parentBottom && this._scrollTop > (this._fullOffset('offsetTop', this.child) - this.options.top - this._mindtop())) {
455 |                 if (this.options.mindViewport && !this._isViewportAvailable()) {
456 |                     return false;
457 |                 }
458 |                 return true;
459 |             }
460 |         },
461 | 
462 |         _isViewportAvailable: function() {
463 |             var childStyles = computedStyle.getAll(this.child);
464 |             return this._viewportHeight > (this.child.offsetHeight + computedStyle.toFloat(childStyles.marginTop) + computedStyle.toFloat(childStyles.marginBottom));
465 |         },
466 | 
467 |         _adjust: function _adjust() {
468 |             var top = 0;
469 |             var mindTop = this._mindtop();
470 |             var diff = 0;
471 |             var childStyles = computedStyle.getAll(this.child);
472 |             var context = null;
473 | 
474 |             if(fixedPositioningContext) {
475 |                 // Get positioning context.
476 |                 context = this._getContext();
477 |                 if(context) {
478 |                     // There is a positioning context. Top should be according to the context.
479 |                     top = Math.abs(context.getBoundingClientRect().top);
480 |                 }
481 |             }
482 | 
483 |             diff = (this._parentBottom - this._scrollTop) - (this.child.offsetHeight + computedStyle.toFloat(childStyles.marginBottom) + mindTop + this.options.top);
484 | 
485 |             if(diff>0) {
486 |                 diff = 0;
487 |             }
488 | 
489 |             this.child.style.top = (diff + mindTop + top + this.options.top) - computedStyle.toFloat(childStyles.marginTop) + 'px';
490 |         },
491 | 
492 |         // Calculate cumulative offset of the element.
493 |         // Optionally according to context
494 |         _fullOffset: function _fullOffset(offsetName, elm, context) {
495 |             var offset = elm[offsetName];
496 |             var offsetParent = elm.offsetParent;
497 | 
498 |             // Add offset of the ascendent tree until we reach to the document root or to the given context
499 |             while (offsetParent !== null && offsetParent !== context) {
500 |                 offset = offset + offsetParent[offsetName];
501 |                 offsetParent = offsetParent.offsetParent;
502 |             }
503 | 
504 |             return offset;
505 |         },
506 | 
507 |         // Get positioning context of the element.
508 |         // We know that the closest parent that a transform rule applied will create a positioning context.
509 |         _getContext: function() {
510 |             var parent;
511 |             var element = this.child;
512 |             var context = null;
513 |             var styles;
514 | 
515 |             // Climb up the treee until reaching the context
516 |             while(!context) {
517 |                 parent = element.parentNode;
518 |                 if(parent === document.documentElement) {
519 |                     return null;
520 |                 }
521 | 
522 |                 styles = computedStyle.getAll(parent);
523 |                 // Element has a transform rule
524 |                 if(styles[transformJsProperty] !== 'none') {
525 |                     context = parent;
526 |                     break;
527 |                 }
528 |                 element = parent;
529 |             }
530 |             return context;
531 |         },
532 | 
533 |         _fix: function _fix() {
534 |             var child = this.child;
535 |             var childStyle = child.style;
536 |             var childStyles = computedStyle.getAll(child);
537 |             var left = child.getBoundingClientRect().left;
538 |             var width = childStyles.width;
539 | 
540 |             this._saveStyles();
541 | 
542 |             if(document.documentElement.currentStyle){
543 |                 // Function for ie<9. When hasLayout is not triggered in ie7, he will report currentStyle as auto, clientWidth as 0. Thus using offsetWidth.
544 |                 // Opera also falls here
545 |                 width = (child.offsetWidth) - (computedStyle.toFloat(childStyles.paddingLeft) + computedStyle.toFloat(childStyles.paddingRight) + computedStyle.toFloat(childStyles.borderLeftWidth) + computedStyle.toFloat(childStyles.borderRightWidth)) + 'px';
546 |             }
547 | 
548 |             // Ie still fixes the container according to the viewport.
549 |             if(fixedPositioningContext) {
550 |                 var context = this._getContext();
551 |                 if(context) {
552 |                     // There is a positioning context. Left should be according to the context.
553 |                     left = child.getBoundingClientRect().left - context.getBoundingClientRect().left;
554 |                 }
555 |             }
556 | 
557 |             this._replacer.replace();
558 | 
559 |             childStyle.left = (left - computedStyle.toFloat(childStyles.marginLeft)) + 'px';
560 |             childStyle.width = width;
561 | 
562 |             childStyle.position = 'fixed';
563 |             childStyle.top = this._mindtop() + this.options.top - computedStyle.toFloat(childStyles.marginTop) + 'px';
564 |             this._$child.addClass(this.options.className);
565 |             this.fixed = true;
566 |         },
567 | 
568 |         _unfix: function _unfix() {
569 |             var childStyle = this.child.style;
570 |             this._replacer.hide();
571 |             childStyle.position = this._childOriginalPosition;
572 |             childStyle.top = this._childOriginalTop;
573 |             childStyle.width = this._childOriginalWidth;
574 |             childStyle.left = this._childOriginalLeft;
575 |             this._$child.removeClass(this.options.className);
576 |             this.fixed = false;
577 |         },
578 | 
579 |         _saveStyles: function(){
580 |             var childStyle = this.child.style;
581 |             this._childOriginalPosition = childStyle.position;
582 |             this._childOriginalTop = childStyle.top;
583 |             this._childOriginalWidth = childStyle.width;
584 |             this._childOriginalLeft = childStyle.left;
585 |         },
586 | 
587 |         _onresize: function () {
588 |             this.refresh();
589 |         },
590 | 
591 |         _saveViewportHeight: function () {
592 |             // ie8 doesn't support innerHeight
593 |             this._viewportHeight = window.innerHeight || document.documentElement.clientHeight;
594 |         },
595 | 
596 |         _stop: function() {
597 |             // Unfix the container immediately.
598 |             this._unfix();
599 |             // remove event listeners
600 |             $(window).unbind('scroll', this._proxied_onscroll);
601 |             $(this._toresize).unbind('resize', this._proxied_onresize);
602 |         },
603 | 
604 |         _start: function() {
605 |             // Trigger onscroll to have the effect immediately.
606 |             this._onscroll();
607 | 
608 |             // Attach event listeners
609 |             $(window).bind('scroll', this._proxied_onscroll);
610 |             $(this._toresize).bind('resize', this._proxied_onresize);
611 |         },
612 | 
613 |         _destroy: function() {
614 |             // Destroy mimic node instance
615 |             this._replacer.destroy();
616 |         },
617 | 
618 |         refresh: function() {
619 |             this._saveViewportHeight();
620 |             this._unfix();
621 |             this._onscroll();
622 |         }
623 |     });
624 | 
625 |     function NativeSticky(child, parent, options) {
626 |         FixTo.call(this, child, parent, options);
627 |         this.start();
628 |     }
629 | 
630 |     NativeSticky.prototype = new FixTo();
631 | 
632 |     $.extend(NativeSticky.prototype, {
633 |         _start: function() {
634 | 
635 |             var childStyles = computedStyle.getAll(this.child);
636 | 
637 |             this._childOriginalPosition = childStyles.position;
638 |             this._childOriginalTop = childStyles.top;
639 | 
640 |             this.child.style.position = nativeStickyValue;
641 |             this.refresh();
642 |         },
643 | 
644 |         _stop: function() {
645 |             this.child.style.position = this._childOriginalPosition;
646 |             this.child.style.top = this._childOriginalTop;
647 |         },
648 | 
649 |         refresh: function() {
650 |             this.child.style.top = this._mindtop() + this.options.top + 'px';
651 |         }
652 |     });
653 | 
654 | 
655 | 
656 |     var fixTo = function fixTo(childElement, parentElement, options) {
657 |         if((nativeStickyValue && !options) || (nativeStickyValue && options && options.useNativeSticky !== false)) {
658 |             // Position sticky supported and user did not disabled the usage of it.
659 |             return new NativeSticky(childElement, parentElement, options);
660 |         }
661 |         else if(fixedPositionValue) {
662 |              // Position fixed supported
663 | 
664 |              if(fixedPositioningContext===undefined) {
665 |                 // We don't know yet if browser creates fixed positioning contexts. Check it.
666 |                 fixedPositioningContext = checkFixedPositioningContextSupport();
667 |              }
668 | 
669 |             return new FixToContainer(childElement, parentElement, options);
670 |         }
671 |         else {
672 |             return 'Neither fixed nor sticky positioning supported';
673 |         }
674 |     };
675 | 
676 |     /*
677 |     No support for ie lt 8
678 |     */
679 | 
680 |     if(ieversion<8){
681 |         fixTo = function(){
682 |             return 'not supported';
683 |         };
684 |     }
685 | 
686 |     // Let it be a jQuery Plugin
687 |     $.fn.fixTo = function (targetSelector, options) {
688 | 
689 |          var $targets = $(targetSelector);
690 | 
691 |          var i = 0;
692 |          return this.each(function () {
693 | 
694 |              // Check the data of the element.
695 |              var instance = $(this).data('fixto-instance');
696 | 
697 |              // If the element is not bound to an instance, create the instance and save it to elements data.
698 |              if(!instance) {
699 |                  $(this).data('fixto-instance', fixTo(this, $targets[i], options));
700 |              }
701 |              else {
702 |                  // If we already have the instance here, expect that targetSelector parameter will be a string
703 |                  // equal to a public methods name. Run the method on the instance without checking if
704 |                  // it exists or it is a public method or not. Cause nasty errors when necessary.
705 |                  var method = targetSelector;
706 |                  instance[method].call(instance, options);
707 |              }
708 |              i++;
709 |           });
710 |     };
711 | 
712 |     /*
713 |         Expose
714 |     */
715 | 
716 |     return {
717 |         FixToContainer: FixToContainer,
718 |         fixTo: fixTo,
719 |         computedStyle:computedStyle,
720 |         mimicNode:mimicNode
721 |     };
722 | 
723 | 
724 | }(window.jQuery, window, document));


--------------------------------------------------------------------------------
/dist/fixto.min.js:
--------------------------------------------------------------------------------
1 | /*! fixto - v0.5.0 - 2016-06-16
2 | * http://github.com/bbarakaci/fixto/*/
3 | var fixto=function(e,t,n){function s(){this._vendor=null}function f(){var e=!1,t=n.createElement("div"),r=n.createElement("div");t.appendChild(r),t.style[u]="translate(0)",t.style.marginTop="10px",t.style.visibility="hidden",r.style.position="fixed",r.style.top=0,n.body.appendChild(t);var i=r.getBoundingClientRect();return i.top>0&&(e=!0),n.body.removeChild(t),e}function d(t,n,r){this.child=t,this._$child=e(t),this.parent=n,this.options={className:"fixto-fixed",top:0,mindViewport:!1},this._setOptions(r)}function v(e,t,n){d.call(this,e,t,n),this._replacer=new i.MimicNode(e),this._ghostNode=this._replacer.replacer,this._saveStyles(),this._saveViewportHeight(),this._proxied_onscroll=this._bind(this._onscroll,this),this._proxied_onresize=this._bind(this._onresize,this),this.start()}function m(e,t,n){d.call(this,e,t,n),this.start()}var r=function(){var e={getAll:function(e){return n.defaultView.getComputedStyle(e)},get:function(e,t){return this.getAll(e)[t]},toFloat:function(e){return parseFloat(e,10)||0},getFloat:function(e,t){return this.toFloat(this.get(e,t))},_getAllCurrentStyle:function(e){return e.currentStyle}};return n.documentElement.currentStyle&&(e.getAll=e._getAllCurrentStyle),e}(),i=function(){function t(e){this.element=e,this.replacer=n.createElement("div"),this.replacer.style.visibility="hidden",this.hide(),e.parentNode.insertBefore(this.replacer,e)}t.prototype={replace:function(){var e=this.replacer.style,t=r.getAll(this.element);e.width=this._width(),e.height=this._height(),e.marginTop=t.marginTop,e.marginBottom=t.marginBottom,e.marginLeft=t.marginLeft,e.marginRight=t.marginRight,e.cssFloat=t.cssFloat,e.styleFloat=t.styleFloat,e.position=t.position,e.top=t.top,e.right=t.right,e.bottom=t.bottom,e.left=t.left,e.display=t.display},hide:function(){this.replacer.style.display="none"},_width:function(){return this.element.getBoundingClientRect().width+"px"},_widthOffset:function(){return this.element.offsetWidth+"px"},_height:function(){return this.element.getBoundingClientRect().height+"px"},_heightOffset:function(){return this.element.offsetHeight+"px"},destroy:function(){e(this.replacer).remove();for(var t in this)this.hasOwnProperty(t)&&(this[t]=null)}};var i=n.documentElement.getBoundingClientRect();return i.width||(t.prototype._width=t.prototype._widthOffset,t.prototype._height=t.prototype._heightOffset),{MimicNode:t,computedStyle:r}}();s.prototype={_vendors:{webkit:{cssPrefix:"-webkit-",jsPrefix:"Webkit"},moz:{cssPrefix:"-moz-",jsPrefix:"Moz"},ms:{cssPrefix:"-ms-",jsPrefix:"ms"},opera:{cssPrefix:"-o-",jsPrefix:"O"}},_prefixJsProperty:function(e,t){return e.jsPrefix+t[0].toUpperCase()+t.substr(1)},_prefixValue:function(e,t){return e.cssPrefix+t},_valueSupported:function(e,t,n){try{return n.style[e]=t,n.style[e]===t}catch(r){return!1}},propertySupported:function(e){return n.documentElement.style[e]!==undefined},getJsProperty:function(e){if(this.propertySupported(e))return e;if(this._vendor)return this._prefixJsProperty(this._vendor,e);var t;for(var n in this._vendors){t=this._prefixJsProperty(this._vendors[n],e);if(this.propertySupported(t))return this._vendor=this._vendors[n],t}return null},getCssValue:function(e,t){var r=n.createElement("div"),i=this.getJsProperty(e);if(this._valueSupported(i,t,r))return t;var s;if(this._vendor){s=this._prefixValue(this._vendor,t);if(this._valueSupported(i,s,r))return s}for(var o in this._vendors){s=this._prefixValue(this._vendors[o],t);if(this._valueSupported(i,s,r))return this._vendor=this._vendors[o],s}return null}};var o=new s,u=o.getJsProperty("transform"),a,l=o.getCssValue("position","sticky"),c=o.getCssValue("position","fixed"),h=navigator.appName==="Microsoft Internet Explorer",p;h&&(p=parseFloat(navigator.appVersion.split("MSIE")[1])),d.prototype={_mindtop:function(){var e=0;if(this._$mind){var t,n,i;for(var s=0,o=this._$mind.length;s<o;s++){t=this._$mind[s],n=t.getBoundingClientRect();if(n.height)e+=n.height;else{var u=r.getAll(t);e+=t.offsetHeight+r.toFloat(u.marginTop)+r.toFloat(u.marginBottom)}}}return e},stop:function(){this._stop(),this._running=!1},start:function(){this._running||(this._start(),this._running=!0)},destroy:function(){this.stop(),this._destroy(),this._$child.removeData("fixto-instance");for(var e in this)this.hasOwnProperty(e)&&(this[e]=null)},_setOptions:function(t){e.extend(this.options,t),this.options.mind&&(this._$mind=e(this.options.mind)),this.options.zIndex&&(this.child.style.zIndex=this.options.zIndex)},setOptions:function(e){this._setOptions(e),this.refresh()},_stop:function(){},_start:function(){},_destroy:function(){},refresh:function(){}},v.prototype=new d,e.extend(v.prototype,{_bind:function(e,t){return function(){return e.call(t)}},_toresize:p===8?n.documentElement:t,_onscroll:function(){this._scrollTop=n.documentElement.scrollTop||n.body.scrollTop,this._parentBottom=this.parent.offsetHeight+this._fullOffset("offsetTop",this.parent),this.options.mindBottomPadding!==!1&&(this._parentBottom-=r.getFloat(this.parent,"paddingBottom"));if(!this.fixed&&this._shouldFix())this._fix(),this._adjust();else{if(this._scrollTop>this._parentBottom||this._scrollTop<this._fullOffset("offsetTop",this._ghostNode)-this.options.top-this._mindtop()){this._unfix();return}this._adjust()}},_shouldFix:function(){if(this._scrollTop<this._parentBottom&&this._scrollTop>this._fullOffset("offsetTop",this.child)-this.options.top-this._mindtop())return this.options.mindViewport&&!this._isViewportAvailable()?!1:!0},_isViewportAvailable:function(){var e=r.getAll(this.child);return this._viewportHeight>this.child.offsetHeight+r.toFloat(e.marginTop)+r.toFloat(e.marginBottom)},_adjust:function(){var t=0,n=this._mindtop(),i=0,s=r.getAll(this.child),o=null;a&&(o=this._getContext(),o&&(t=Math.abs(o.getBoundingClientRect().top))),i=this._parentBottom-this._scrollTop-(this.child.offsetHeight+r.toFloat(s.marginBottom)+n+this.options.top),i>0&&(i=0),this.child.style.top=i+n+t+this.options.top-r.toFloat(s.marginTop)+"px"},_fullOffset:function(t,n,r){var i=n[t],s=n.offsetParent;while(s!==null&&s!==r)i+=s[t],s=s.offsetParent;return i},_getContext:function(){var e,t=this.child,i=null,s;while(!i){e=t.parentNode;if(e===n.documentElement)return null;s=r.getAll(e);if(s[u]!=="none"){i=e;break}t=e}return i},_fix:function(){var t=this.child,i=t.style,s=r.getAll(t),o=t.getBoundingClientRect().left,u=s.width;this._saveStyles(),n.documentElement.currentStyle&&(u=t.offsetWidth-(r.toFloat(s.paddingLeft)+r.toFloat(s.paddingRight)+r.toFloat(s.borderLeftWidth)+r.toFloat(s.borderRightWidth))+"px");if(a){var f=this._getContext();f&&(o=t.getBoundingClientRect().left-f.getBoundingClientRect().left)}this._replacer.replace(),i.left=o-r.toFloat(s.marginLeft)+"px",i.width=u,i.position="fixed",i.top=this._mindtop()+this.options.top-r.toFloat(s.marginTop)+"px",this._$child.addClass(this.options.className),this.fixed=!0},_unfix:function(){var t=this.child.style;this._replacer.hide(),t.position=this._childOriginalPosition,t.top=this._childOriginalTop,t.width=this._childOriginalWidth,t.left=this._childOriginalLeft,this._$child.removeClass(this.options.className),this.fixed=!1},_saveStyles:function(){var e=this.child.style;this._childOriginalPosition=e.position,this._childOriginalTop=e.top,this._childOriginalWidth=e.width,this._childOriginalLeft=e.left},_onresize:function(){this.refresh()},_saveViewportHeight:function(){this._viewportHeight=t.innerHeight||n.documentElement.clientHeight},_stop:function(){this._unfix(),e(t).unbind("scroll",this._proxied_onscroll),e(this._toresize).unbind("resize",this._proxied_onresize)},_start:function(){this._onscroll(),e(t).bind("scroll",this._proxied_onscroll),e(this._toresize).bind("resize",this._proxied_onresize)},_destroy:function(){this._replacer.destroy()},refresh:function(){this._saveViewportHeight(),this._unfix(),this._onscroll()}}),m.prototype=new d,e.extend(m.prototype,{_start:function(){var e=r.getAll(this.child);this._childOriginalPosition=e.position,this._childOriginalTop=e.top,this.child.style.position=l,this.refresh()},_stop:function(){this.child.style.position=this._childOriginalPosition,this.child.style.top=this._childOriginalTop},refresh:function(){this.child.style.top=this._mindtop()+this.options.top+"px"}});var g=function(t,n,r){return l&&!r||l&&r&&r.useNativeSticky!==!1?new m(t,n,r):c?(a===undefined&&(a=f()),new v(t,n,r)):"Neither fixed nor sticky positioning supported"};return p<8&&(g=function(){return"not supported"}),e.fn.fixTo=function(t,n){var r=e(t),i=0;return this.each(function(){var s=e(this).data("fixto-instance");if(!s)e(this).data("fixto-instance",g(this,r[i],n));else{var o=t;s[o].call(s,n)}i++})},{FixToContainer:v,fixTo:g,computedStyle:r,mimicNode:i}}(window.jQuery,window,document);


--------------------------------------------------------------------------------
/grunt.js:
--------------------------------------------------------------------------------
 1 | /*global module:false*/
 2 | module.exports = function(grunt) {
 3 | 
 4 |   // Project configuration.
 5 |   grunt.initConfig({
 6 |     meta: {
 7 |       version: grunt.file.readJSON('package.json').version,
 8 |       banner: '/*! fixto - v<%= meta.version %> - ' +
 9 |         '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
10 |         '* http://github.com/bbarakaci/fixto/' +
11 |         '*/'
12 |     },
13 |     lint: {
14 |       files: ['grunt.js', 'src/**/*.js', 'test/**/*.js']
15 |     },
16 |     qunit: {
17 |       files: ['test/**/*.html']
18 |     },
19 |     concat: {
20 |       dist: {
21 |         src: ['<banner:meta.banner>', '<file_strip_banner:src/fixto.js>'],
22 |         dest: 'dist/fixto.js'
23 |       }
24 |     },
25 |     min: {
26 |       dist: {
27 |         src: ['<banner:meta.banner>', '<config:concat.dist.dest>'],
28 |         dest: 'dist/fixto.min.js'
29 |       }
30 |     },
31 |     watch: {
32 |       files: '<config:lint.files>',
33 |       tasks: 'lint qunit'
34 |     },
35 |     jshint: {
36 |       options: {
37 |         curly: true,
38 |         eqeqeq: true,
39 |         immed: true,
40 |         latedef: true,
41 |         newcap: true,
42 |         noarg: true,
43 |         sub: true,
44 |         undef: true,
45 |         boss: true,
46 |         eqnull: true,
47 |         browser: true
48 |       },
49 |       globals: {}
50 |     },
51 |     uglify: {}
52 |   });
53 | 
54 |   // Default task.
55 |   grunt.registerTask('default', 'lint qunit');
56 |   grunt.registerTask('make', 'lint qunit concat min');
57 | 
58 | };
59 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  3 | <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  4 | <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  5 | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  6 | <head>
  7 |   <meta charset="utf-8">
  8 |   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9 |   <title>fixto, a jQuery plugin for sticky positioning</title>
 10 |   <meta name="description" content="">
 11 | 
 12 |   <meta name="viewport" content="width=device-width">
 13 |   <link rel="stylesheet" href="css/style.css">
 14 | 
 15 |   <style>
 16 |   body {
 17 |     background: rgb(235,241,246); /* Old browsers */
 18 |     background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 100%); /* FF3.6+ */
 19 |     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(100%,rgba(137,195,235,1))); /* Chrome,Safari4+ */
 20 |     background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 100%); /* Chrome10+,Safari5.1+ */
 21 |     background: -o-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 100%); /* Opera 11.10+ */
 22 |     background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 100%); /* IE10+ */
 23 |     background: linear-gradient(to bottom, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 100%); /* W3C */
 24 |     color: #999;
 25 |     font-family: "Calibri", "Trebuchet MS", Helvetica, Verdana, sans-serif;
 26 |   }
 27 |   p {
 28 |     margin: 0 0 1em 0;
 29 |   }
 30 |   ul {
 31 |     padding: 0;
 32 |   }
 33 |   li {
 34 |     display: block;
 35 |     margin: 0;
 36 |   }
 37 |   a, a:visited, a:focus {
 38 |     color: #9cf;
 39 |     text-decoration: none;
 40 |   }
 41 |   a:hover {
 42 |     color: #3cf;
 43 |   }
 44 |   #main {
 45 |     margin: 0 auto;
 46 |     max-width: 900px;
 47 |   }
 48 |   header {
 49 |     border-bottom: 1px solid #333;
 50 |     text-align: center;
 51 |   }
 52 |   #content {
 53 |     background: #fff;
 54 |     margin: 0;
 55 |     margin-right: 30%;
 56 |     padding: 0;
 57 |   }
 58 |   #content li {
 59 |     padding: 10px 30px 30px 10px;
 60 |     border-bottom: 1px solid #999;
 61 |   }
 62 |   #content section {
 63 |     margin: 20px 0;
 64 |     margin-left: 30%;
 65 |   }
 66 |   #content aside li {
 67 |     border: none;
 68 |   }
 69 |   #content aside {
 70 |     float: left;
 71 |     width: 25%;
 72 |     padding-top: 20px;
 73 |   }
 74 |   #content aside h3 {
 75 |     margin: 0;
 76 |     margin-bottom: 16px;
 77 |   }
 78 |   .bar {
 79 |     background: #333; /* Old browsers */
 80 |     background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #111111 60%, #000000 76%, #2b2b2b 91%, #131313 100%); /* FF3.6+ */
 81 |     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(60%,#111111), color-stop(76%,#000000), color-stop(91%,#2b2b2b), color-stop(100%,#131313)); /* Chrome,Safari4+ */
 82 |     background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#000000 76%,#2b2b2b 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
 83 |     background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#000000 76%,#2b2b2b 91%,#131313 100%); /* Opera 11.10+ */
 84 |     background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#000000 76%,#2b2b2b 91%,#131313 100%); /* IE10+ */
 85 |     background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#000000 76%,#2b2b2b 91%,#131313 100%); /* W3C */
 86 |     padding: 10px 0;
 87 |     text-align: center;
 88 |     clear: both;
 89 |   }
 90 |   nav {   
 91 |     float: right;
 92 |     width: 30%;
 93 |     z-index: 2;
 94 |   }
 95 |   nav ul {
 96 |     background: #333;
 97 |     padding: 30px;    
 98 |   }
 99 |   code {
100 |     font-size: 11px;
101 |   }
102 |   
103 |   .addthis_toolbox {
104 |       height : 170px;
105 |       width:40px;
106 |   }
107 | 
108 |     a.action {
109 |       background-color: #ff7518;
110 |       padding:10px;
111 |       text-align:center;
112 |       display:block;
113 |       color:white;
114 |     }
115 |   
116 |   @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
117 |     #content {
118 |       margin-right: auto;
119 |     }
120 | 
121 |     #content,
122 |     #content section,
123 |     nav {
124 |       float: none;
125 |     }
126 |     #content,
127 |     #content section,
128 |     nav {
129 |       width: auto;
130 |     }
131 |     nav ul {
132 |       margin: 0 auto;
133 |       padding: 0;
134 |       overflow: hidden;
135 |     }
136 |     nav li {
137 |       border-right: 1px solid #9cf;
138 |       float: left;
139 |       padding: 0 10px;
140 |     }
141 |     nav li:last-child {
142 |       border-right: 0;
143 |     }
144 |     #content aside {
145 |       padding-top: 70px;
146 |     }
147 | 
148 | 
149 |   }
150 |   </style>
151 | 
152 |   <script src="modernizr-2.5.3.min.js"></script>
153 | </head>
154 | <body>
155 |   <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
156 |   <header>
157 |     <h1>fixto</h1>
158 |     <h2>A jQuery plugin for sticky positioning</h2>
159 |     <h3>Fix containers to the viewport relative to an ancestor</h3>
160 |     <p>Scroll down please</p>
161 |   </header>
162 |   <article id="main" role="main">
163 |     <nav>
164 |       <ul id="menu">
165 |         <li><a href="#section1">Lorem</a></li>
166 |         <li><a href="#section2">Ipsum</a></li>
167 |         <li><a href="#section3">Dolor</a></li>
168 |         <li><a href="#section4">Sit</a></li>
169 |         <li><a href="#section5">Amet</a></li>
170 |       </ul>
171 |       
172 |       <a href="https://github.com/bbarakaci/fixto" class="action">Check it on Github</a>
173 |     </nav>
174 |     <ul id="content">
175 |       <li id="section1" class="section-row">
176 |         <aside>
177 |                 <h3>Lorem</h3>
178 |                 <!-- AddThis Button BEGIN -->
179 |                   <div class="addthis_toolbox addthis_32x32_style">
180 |                   <a class="addthis_button_facebook"></a>
181 |                   <a class="addthis_button_twitter"></a>
182 |                   <a class="addthis_button_google_plusone_badge"></a>
183 |                   <a class="addthis_button_tumblr"></a>
184 |                   <a class="addthis_button_compact"></a>
185 |                   </div>
186 |                   <!-- AddThis Button END -->          
187 |         </aside>
188 |         <section>
189 |             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae lacus lacus, sit amet vulputate tortor. Nam gravida dignissim feugiat. Mauris mattis cursus molestie. Ut tincidunt sapien id orci ornare vulputate. Phasellus scelerisque adipiscing euismod. Etiam euismod vulputate est, et fermentum nulla porta quis. Aenean id eros odio. Sed vehicula lorem dui. Proin in nunc purus, id rutrum ipsum. Nam tortor ante, ultricies nec egestas sed, laoreet eu libero.</p>
190 |             <p>Quisque quis turpis at mi venenatis varius et at mauris. Cras placerat felis a lacus viverra tempor. Vivamus et justo tellus. Cras consectetur mollis cursus. Integer vitae nibh sit amet tortor mattis aliquet. In elit turpis, dictum sit amet lobortis eget, pharetra ut erat. Donec commodo, ipsum ut vehicula gravida, est sem aliquet ante, vel rhoncus mi mi id sem. Cras mattis nisi id ante pretium tempus. Aenean non sem sit amet justo consequat malesuada. Integer eget iaculis sem. Curabitur condimentum massa at mi vestibulum ultrices. Donec sed sapien sit amet nunc cursus pharetra a sit amet augue. Sed eget metus at justo faucibus egestas sit amet at augue. Fusce ac leo magna, et placerat nibh.</p>
191 | 
192 |         </section>
193 |       </li>
194 |       <li id="section2" class="section-row">
195 |         <aside>
196 |           <h3>Ipsum</h3>
197 |           <!-- AddThis Button BEGIN -->
198 |             <div class="addthis_toolbox addthis_32x32_style">
199 |             <a class="addthis_button_facebook"></a>
200 |             <a class="addthis_button_twitter"></a>
201 |             <a class="addthis_button_google_plusone_badge"></a>
202 |             <a class="addthis_button_tumblr"></a>
203 |             <a class="addthis_button_compact"></a>
204 |             </div>
205 |             <!-- AddThis Button END -->
206 |         </aside>
207 |         <section>
208 |             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae lacus lacus, sit amet vulputate tortor. Nam gravida dignissim feugiat. Mauris mattis cursus molestie. Ut tincidunt sapien id orci ornare vulputate. Phasellus scelerisque adipiscing euismod. Etiam euismod vulputate est, et fermentum nulla porta quis. Aenean id eros odio. Sed vehicula lorem dui. Proin in nunc purus, id rutrum ipsum. Nam tortor ante, ultricies nec egestas sed, laoreet eu libero.</p>
209 |             <p>Quisque quis turpis at mi venenatis varius et at mauris. Cras placerat felis a lacus viverra tempor. Vivamus et justo tellus. Cras consectetur mollis cursus. Integer vitae nibh sit amet tortor mattis aliquet. In elit turpis, dictum sit amet lobortis eget, pharetra ut erat. Donec commodo, ipsum ut vehicula gravida, est sem aliquet ante, vel rhoncus mi mi id sem. Cras mattis nisi id ante pretium tempus. Aenean non sem sit amet justo consequat malesuada. Integer eget iaculis sem. Curabitur condimentum massa at mi vestibulum ultrices. Donec sed sapien sit amet nunc cursus pharetra a sit amet augue. Sed eget metus at justo faucibus egestas sit amet at augue. Fusce ac leo magna, et placerat nibh.</p>
210 |         </section>
211 |       </li>
212 |       <li id="section3" class="section-row">
213 |         <aside>
214 |           <h3>Dolor</h3>
215 |           <!-- AddThis Button BEGIN -->
216 |             <div class="addthis_toolbox addthis_32x32_style">
217 |             <a class="addthis_button_facebook"></a>
218 |             <a class="addthis_button_twitter"></a>
219 |             <a class="addthis_button_google_plusone_badge"></a>
220 |             <a class="addthis_button_tumblr"></a>
221 |             <a class="addthis_button_compact"></a>
222 |             </div>
223 |             <!-- AddThis Button END -->
224 |         </aside>
225 |         <section>
226 |             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae lacus lacus, sit amet vulputate tortor. Nam gravida dignissim feugiat. Mauris mattis cursus molestie. Ut tincidunt sapien id orci ornare vulputate. Phasellus scelerisque adipiscing euismod. Etiam euismod vulputate est, et fermentum nulla porta quis. Aenean id eros odio. Sed vehicula lorem dui. Proin in nunc purus, id rutrum ipsum. Nam tortor ante, ultricies nec egestas sed, laoreet eu libero.</p>
227 |             <p>Quisque quis turpis at mi venenatis varius et at mauris. Cras placerat felis a lacus viverra tempor. Vivamus et justo tellus. Cras consectetur mollis cursus. Integer vitae nibh sit amet tortor mattis aliquet. In elit turpis, dictum sit amet lobortis eget, pharetra ut erat. Donec commodo, ipsum ut vehicula gravida, est sem aliquet ante, vel rhoncus mi mi id sem. Cras mattis nisi id ante pretium tempus. Aenean non sem sit amet justo consequat malesuada. Integer eget iaculis sem. Curabitur condimentum massa at mi vestibulum ultrices. Donec sed sapien sit amet nunc cursus pharetra a sit amet augue. Sed eget metus at justo faucibus egestas sit amet at augue. Fusce ac leo magna, et placerat nibh.</p>
228 |         </section>
229 |       </li>
230 |       <li id="section4" class="section-row">
231 |         <aside>
232 |           <h3>Sit</h3>
233 |           <!-- AddThis Button BEGIN -->
234 |             <div class="addthis_toolbox addthis_32x32_style">
235 |             <a class="addthis_button_facebook"></a>
236 |             <a class="addthis_button_twitter"></a>
237 |             <a class="addthis_button_google_plusone_badge"></a>
238 |             <a class="addthis_button_tumblr"></a>
239 |             <a class="addthis_button_compact"></a>
240 |             </div>
241 |             <!-- AddThis Button END -->
242 |         </aside>
243 |         <section>
244 |             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae lacus lacus, sit amet vulputate tortor. Nam gravida dignissim feugiat. Mauris mattis cursus molestie. Ut tincidunt sapien id orci ornare vulputate. Phasellus scelerisque adipiscing euismod. Etiam euismod vulputate est, et fermentum nulla porta quis. Aenean id eros odio. Sed vehicula lorem dui. Proin in nunc purus, id rutrum ipsum. Nam tortor ante, ultricies nec egestas sed, laoreet eu libero.</p>
245 |             <p>Quisque quis turpis at mi venenatis varius et at mauris. Cras placerat felis a lacus viverra tempor. Vivamus et justo tellus. Cras consectetur mollis cursus. Integer vitae nibh sit amet tortor mattis aliquet. In elit turpis, dictum sit amet lobortis eget, pharetra ut erat. Donec commodo, ipsum ut vehicula gravida, est sem aliquet ante, vel rhoncus mi mi id sem. Cras mattis nisi id ante pretium tempus. Aenean non sem sit amet justo consequat malesuada. Integer eget iaculis sem. Curabitur condimentum massa at mi vestibulum ultrices. Donec sed sapien sit amet nunc cursus pharetra a sit amet augue. Sed eget metus at justo faucibus egestas sit amet at augue. Fusce ac leo magna, et placerat nibh.</p>
246 |         </section>
247 |       </li>
248 |       <li id="section5" class="section-row">
249 |         <aside>
250 |           <h3>Amet</h3>
251 |           <!-- AddThis Button BEGIN -->
252 |             <div class="addthis_toolbox addthis_32x32_style">
253 |             <a class="addthis_button_facebook"></a>
254 |             <a class="addthis_button_twitter"></a>
255 |             <a class="addthis_button_google_plusone_badge"></a>
256 |             <a class="addthis_button_tumblr"></a>
257 |             <a class="addthis_button_compact"></a>
258 |             </div>
259 |             <!-- AddThis Button END -->
260 |         </aside>
261 |         <section>
262 |           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae lacus lacus, sit amet vulputate tortor. Nam gravida dignissim feugiat. Mauris mattis cursus molestie. Ut tincidunt sapien id orci ornare vulputate. Phasellus scelerisque adipiscing euismod. Etiam euismod vulputate est, et fermentum nulla porta quis. Aenean id eros odio. Sed vehicula lorem dui. Proin in nunc purus, id rutrum ipsum. Nam tortor ante, ultricies nec egestas sed, laoreet eu libero.</p>
263 |           <p>Quisque quis turpis at mi venenatis varius et at mauris. Cras placerat felis a lacus viverra tempor. Vivamus et justo tellus. Cras consectetur mollis cursus. Integer vitae nibh sit amet tortor mattis aliquet. In elit turpis, dictum sit amet lobortis eget, pharetra ut erat. Donec commodo, ipsum ut vehicula gravida, est sem aliquet ante, vel rhoncus mi mi id sem. Cras mattis nisi id ante pretium tempus. Aenean non sem sit amet justo consequat malesuada. Integer eget iaculis sem. Curabitur condimentum massa at mi vestibulum ultrices. Donec sed sapien sit amet nunc cursus pharetra a sit amet augue. Sed eget metus at justo faucibus egestas sit amet at augue. Fusce ac leo magna, et placerat nibh.</p>
264 |         </section>
265 |       </li>
266 |     </ul>
267 |   </article>
268 | 
269 |   <footer class="bar">
270 |       
271 |   </footer>
272 | 
273 | 
274 |   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
275 |   <script>window.jQuery || document.write('<script src="libs/jquery/jquery.js"><\/script>')</script>
276 | <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-5002e1366084f15f"></script>
277 |   <script src="dist/fixto.min.js"></script>
278 | 
279 |   <!-- <link rel="stylesheet" href="http://yandex.st/highlightjs/7.0/styles/monokai.min.css">
280 |   <script src="http://yandex.st/highlightjs/7.0/highlight.min.js"></script> -->
281 | 
282 |   <script>
283 |     $(function() {
284 |       //hljs.initHighlightingOnLoad();
285 |       $('nav').fixTo('body');
286 |       $('aside').fixTo('.section-row');
287 |     });
288 |   </script>
289 | </body>
290 | </html>


--------------------------------------------------------------------------------
/libs/jasmine-2.0.0/boot.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  Starting with version 2.0, this file "boots" Jasmine, performing all of the necessary initialization before executing the loaded environment and all of a project's specs. This file should be loaded after `jasmine.js`, but before any project source files or spec files are loaded. Thus this file can also be used to customize Jasmine for a project.
  3 | 
  4 |  If a project is using Jasmine via the standalone distribution, this file can be customized directly. If a project is using Jasmine via the [Ruby gem][jasmine-gem], this file can be copied into the support directory via `jasmine copy_boot_js`. Other environments (e.g., Python) will have different mechanisms.
  5 | 
  6 |  The location of `boot.js` can be specified and/or overridden in `jasmine.yml`.
  7 | 
  8 |  [jasmine-gem]: http://github.com/pivotal/jasmine-gem
  9 |  */
 10 | 
 11 | (function() {
 12 | 
 13 |   /**
 14 |    * ## Require &amp; Instantiate
 15 |    *
 16 |    * Require Jasmine's core files. Specifically, this requires and attaches all of Jasmine's code to the `jasmine` reference.
 17 |    */
 18 |   window.jasmine = jasmineRequire.core(jasmineRequire);
 19 | 
 20 |   /**
 21 |    * Since this is being run in a browser and the results should populate to an HTML page, require the HTML-specific Jasmine code, injecting the same reference.
 22 |    */
 23 |   jasmineRequire.html(jasmine);
 24 | 
 25 |   /**
 26 |    * Create the Jasmine environment. This is used to run all specs in a project.
 27 |    */
 28 |   var env = jasmine.getEnv();
 29 | 
 30 |   /**
 31 |    * ## The Global Interface
 32 |    *
 33 |    * Build up the functions that will be exposed as the Jasmine public interface. A project can customize, rename or alias any of these functions as desired, provided the implementation remains unchanged.
 34 |    */
 35 |   var jasmineInterface = {
 36 |     describe: function(description, specDefinitions) {
 37 |       return env.describe(description, specDefinitions);
 38 |     },
 39 | 
 40 |     xdescribe: function(description, specDefinitions) {
 41 |       return env.xdescribe(description, specDefinitions);
 42 |     },
 43 | 
 44 |     it: function(desc, func) {
 45 |       return env.it(desc, func);
 46 |     },
 47 | 
 48 |     xit: function(desc, func) {
 49 |       return env.xit(desc, func);
 50 |     },
 51 | 
 52 |     beforeEach: function(beforeEachFunction) {
 53 |       return env.beforeEach(beforeEachFunction);
 54 |     },
 55 | 
 56 |     afterEach: function(afterEachFunction) {
 57 |       return env.afterEach(afterEachFunction);
 58 |     },
 59 | 
 60 |     expect: function(actual) {
 61 |       return env.expect(actual);
 62 |     },
 63 | 
 64 |     pending: function() {
 65 |       return env.pending();
 66 |     },
 67 | 
 68 |     spyOn: function(obj, methodName) {
 69 |       return env.spyOn(obj, methodName);
 70 |     },
 71 | 
 72 |     jsApiReporter: new jasmine.JsApiReporter({
 73 |       timer: new jasmine.Timer()
 74 |     })
 75 |   };
 76 | 
 77 |   /**
 78 |    * Add all of the Jasmine global/public interface to the proper global, so a project can use the public interface directly. For example, calling `describe` in specs instead of `jasmine.getEnv().describe`.
 79 |    */
 80 |   if (typeof window == "undefined" && typeof exports == "object") {
 81 |     extend(exports, jasmineInterface);
 82 |   } else {
 83 |     extend(window, jasmineInterface);
 84 |   }
 85 | 
 86 |   /**
 87 |    * Expose the interface for adding custom equality testers.
 88 |    */
 89 |   jasmine.addCustomEqualityTester = function(tester) {
 90 |     env.addCustomEqualityTester(tester);
 91 |   };
 92 | 
 93 |   /**
 94 |    * Expose the interface for adding custom expectation matchers
 95 |    */
 96 |   jasmine.addMatchers = function(matchers) {
 97 |     return env.addMatchers(matchers);
 98 |   };
 99 | 
100 |   /**
101 |    * Expose the mock interface for the JavaScript timeout functions
102 |    */
103 |   jasmine.clock = function() {
104 |     return env.clock;
105 |   };
106 | 
107 |   /**
108 |    * ## Runner Parameters
109 |    *
110 |    * More browser specific code - wrap the query string in an object and to allow for getting/setting parameters from the runner user interface.
111 |    */
112 | 
113 |   var queryString = new jasmine.QueryString({
114 |     getWindowLocation: function() { return window.location; }
115 |   });
116 | 
117 |   var catchingExceptions = queryString.getParam("catch");
118 |   env.catchExceptions(typeof catchingExceptions === "undefined" ? true : catchingExceptions);
119 | 
120 |   /**
121 |    * ## Reporters
122 |    * The `HtmlReporter` builds all of the HTML UI for the runner page. This reporter paints the dots, stars, and x's for specs, as well as all spec names and all failures (if any).
123 |    */
124 |   var htmlReporter = new jasmine.HtmlReporter({
125 |     env: env,
126 |     onRaiseExceptionsClick: function() { queryString.setParam("catch", !env.catchingExceptions()); },
127 |     getContainer: function() { return document.body; },
128 |     createElement: function() { return document.createElement.apply(document, arguments); },
129 |     createTextNode: function() { return document.createTextNode.apply(document, arguments); },
130 |     timer: new jasmine.Timer()
131 |   });
132 | 
133 |   /**
134 |    * The `jsApiReporter` also receives spec results, and is used by any environment that needs to extract the results  from JavaScript.
135 |    */
136 |   env.addReporter(jasmineInterface.jsApiReporter);
137 |   env.addReporter(htmlReporter);
138 | 
139 |   /**
140 |    * Filter which specs will be run by matching the start of the full name against the `spec` query param.
141 |    */
142 |   var specFilter = new jasmine.HtmlSpecFilter({
143 |     filterString: function() { return queryString.getParam("spec"); }
144 |   });
145 | 
146 |   env.specFilter = function(spec) {
147 |     return specFilter.matches(spec.getFullName());
148 |   };
149 | 
150 |   /**
151 |    * Setting up timing functions to be able to be overridden. Certain browsers (Safari, IE 8, phantomjs) require this hack.
152 |    */
153 |   window.setTimeout = window.setTimeout;
154 |   window.setInterval = window.setInterval;
155 |   window.clearTimeout = window.clearTimeout;
156 |   window.clearInterval = window.clearInterval;
157 | 
158 |   /**
159 |    * ## Execution
160 |    *
161 |    * Replace the browser window's `onload`, ensure it's called, and then run all of the loaded specs. This includes initializing the `HtmlReporter` instance and then executing the loaded Jasmine environment. All of this will happen after all of the specs are loaded.
162 |    */
163 |   var currentWindowOnload = window.onload;
164 | 
165 |   window.onload = function() {
166 |     if (currentWindowOnload) {
167 |       currentWindowOnload();
168 |     }
169 |     htmlReporter.initialize();
170 |     env.execute();
171 |   };
172 | 
173 |   /**
174 |    * Helper function for readability above.
175 |    */
176 |   function extend(destination, source) {
177 |     for (var property in source) destination[property] = source[property];
178 |     return destination;
179 |   }
180 | 
181 | }());
182 | 


--------------------------------------------------------------------------------
/libs/jasmine-2.0.0/console.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | Copyright (c) 2008-2013 Pivotal Labs
  3 | 
  4 | Permission is hereby granted, free of charge, to any person obtaining
  5 | a copy of this software and associated documentation files (the
  6 | "Software"), to deal in the Software without restriction, including
  7 | without limitation the rights to use, copy, modify, merge, publish,
  8 | distribute, sublicense, and/or sell copies of the Software, and to
  9 | permit persons to whom the Software is furnished to do so, subject to
 10 | the following conditions:
 11 | 
 12 | The above copyright notice and this permission notice shall be
 13 | included in all copies or substantial portions of the Software.
 14 | 
 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 17 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 19 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 20 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 21 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 22 | */
 23 | function getJasmineRequireObj() {
 24 |   if (typeof module !== "undefined" && module.exports) {
 25 |     return exports;
 26 |   } else {
 27 |     window.jasmineRequire = window.jasmineRequire || {};
 28 |     return window.jasmineRequire;
 29 |   }
 30 | }
 31 | 
 32 | getJasmineRequireObj().console = function(jRequire, j$) {
 33 |   j$.ConsoleReporter = jRequire.ConsoleReporter();
 34 | };
 35 | 
 36 | getJasmineRequireObj().ConsoleReporter = function() {
 37 | 
 38 |   var noopTimer = {
 39 |     start: function(){},
 40 |     elapsed: function(){ return 0; }
 41 |   };
 42 | 
 43 |   function ConsoleReporter(options) {
 44 |     var print = options.print,
 45 |       showColors = options.showColors || false,
 46 |       onComplete = options.onComplete || function() {},
 47 |       timer = options.timer || noopTimer,
 48 |       specCount,
 49 |       failureCount,
 50 |       failedSpecs = [],
 51 |       pendingCount,
 52 |       ansi = {
 53 |         green: '\x1B[32m',
 54 |         red: '\x1B[31m',
 55 |         yellow: '\x1B[33m',
 56 |         none: '\x1B[0m'
 57 |       };
 58 | 
 59 |     this.jasmineStarted = function() {
 60 |       specCount = 0;
 61 |       failureCount = 0;
 62 |       pendingCount = 0;
 63 |       print("Started");
 64 |       printNewline();
 65 |       timer.start();
 66 |     };
 67 | 
 68 |     this.jasmineDone = function() {
 69 |       printNewline();
 70 |       for (var i = 0; i < failedSpecs.length; i++) {
 71 |         specFailureDetails(failedSpecs[i]);
 72 |       }
 73 | 
 74 |       printNewline();
 75 |       var specCounts = specCount + " " + plural("spec", specCount) + ", " +
 76 |         failureCount + " " + plural("failure", failureCount);
 77 | 
 78 |       if (pendingCount) {
 79 |         specCounts += ", " + pendingCount + " pending " + plural("spec", pendingCount);
 80 |       }
 81 | 
 82 |       print(specCounts);
 83 | 
 84 |       printNewline();
 85 |       var seconds = timer.elapsed() / 1000;
 86 |       print("Finished in " + seconds + " " + plural("second", seconds));
 87 | 
 88 |       printNewline();
 89 | 
 90 |       onComplete(failureCount === 0);
 91 |     };
 92 | 
 93 |     this.specDone = function(result) {
 94 |       specCount++;
 95 | 
 96 |       if (result.status == "pending") {
 97 |         pendingCount++;
 98 |         print(colored("yellow", "*"));
 99 |         return;
100 |       }
101 | 
102 |       if (result.status == "passed") {
103 |         print(colored("green", '.'));
104 |         return;
105 |       }
106 | 
107 |       if (result.status == "failed") {
108 |         failureCount++;
109 |         failedSpecs.push(result);
110 |         print(colored("red", 'F'));
111 |       }
112 |     };
113 | 
114 |     return this;
115 | 
116 |     function printNewline() {
117 |       print("\n");
118 |     }
119 | 
120 |     function colored(color, str) {
121 |       return showColors ? (ansi[color] + str + ansi.none) : str;
122 |     }
123 | 
124 |     function plural(str, count) {
125 |       return count == 1 ? str : str + "s";
126 |     }
127 | 
128 |     function repeat(thing, times) {
129 |       var arr = [];
130 |       for (var i = 0; i < times; i++) {
131 |         arr.push(thing);
132 |       }
133 |       return arr;
134 |     }
135 | 
136 |     function indent(str, spaces) {
137 |       var lines = (str || '').split("\n");
138 |       var newArr = [];
139 |       for (var i = 0; i < lines.length; i++) {
140 |         newArr.push(repeat(" ", spaces).join("") + lines[i]);
141 |       }
142 |       return newArr.join("\n");
143 |     }
144 | 
145 |     function specFailureDetails(result) {
146 |       printNewline();
147 |       print(result.fullName);
148 | 
149 |       for (var i = 0; i < result.failedExpectations.length; i++) {
150 |         var failedExpectation = result.failedExpectations[i];
151 |         printNewline();
152 |         print(indent(failedExpectation.stack, 2));
153 |       }
154 | 
155 |       printNewline();
156 |     }
157 |   }
158 | 
159 |   return ConsoleReporter;
160 | };
161 | 


--------------------------------------------------------------------------------
/libs/jasmine-2.0.0/jasmine-html.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | Copyright (c) 2008-2013 Pivotal Labs
  3 | 
  4 | Permission is hereby granted, free of charge, to any person obtaining
  5 | a copy of this software and associated documentation files (the
  6 | "Software"), to deal in the Software without restriction, including
  7 | without limitation the rights to use, copy, modify, merge, publish,
  8 | distribute, sublicense, and/or sell copies of the Software, and to
  9 | permit persons to whom the Software is furnished to do so, subject to
 10 | the following conditions:
 11 | 
 12 | The above copyright notice and this permission notice shall be
 13 | included in all copies or substantial portions of the Software.
 14 | 
 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 17 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 19 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 20 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 21 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 22 | */
 23 | jasmineRequire.html = function(j$) {
 24 |   j$.ResultsNode = jasmineRequire.ResultsNode();
 25 |   j$.HtmlReporter = jasmineRequire.HtmlReporter(j$);
 26 |   j$.QueryString = jasmineRequire.QueryString();
 27 |   j$.HtmlSpecFilter = jasmineRequire.HtmlSpecFilter();
 28 | };
 29 | 
 30 | jasmineRequire.HtmlReporter = function(j$) {
 31 | 
 32 |   var noopTimer = {
 33 |     start: function() {},
 34 |     elapsed: function() { return 0; }
 35 |   };
 36 | 
 37 |   function HtmlReporter(options) {
 38 |     var env = options.env || {},
 39 |       getContainer = options.getContainer,
 40 |       createElement = options.createElement,
 41 |       createTextNode = options.createTextNode,
 42 |       onRaiseExceptionsClick = options.onRaiseExceptionsClick || function() {},
 43 |       timer = options.timer || noopTimer,
 44 |       results = [],
 45 |       specsExecuted = 0,
 46 |       failureCount = 0,
 47 |       pendingSpecCount = 0,
 48 |       htmlReporterMain,
 49 |       symbols;
 50 | 
 51 |     this.initialize = function() {
 52 |       htmlReporterMain = createDom("div", {className: "html-reporter"},
 53 |         createDom("div", {className: "banner"},
 54 |           createDom("span", {className: "title"}, "Jasmine"),
 55 |           createDom("span", {className: "version"}, j$.version)
 56 |         ),
 57 |         createDom("ul", {className: "symbol-summary"}),
 58 |         createDom("div", {className: "alert"}),
 59 |         createDom("div", {className: "results"},
 60 |           createDom("div", {className: "failures"})
 61 |         )
 62 |       );
 63 |       getContainer().appendChild(htmlReporterMain);
 64 | 
 65 |       symbols = find(".symbol-summary");
 66 |     };
 67 | 
 68 |     var totalSpecsDefined;
 69 |     this.jasmineStarted = function(options) {
 70 |       totalSpecsDefined = options.totalSpecsDefined || 0;
 71 |       timer.start();
 72 |     };
 73 | 
 74 |     var summary = createDom("div", {className: "summary"});
 75 | 
 76 |     var topResults = new j$.ResultsNode({}, "", null),
 77 |       currentParent = topResults;
 78 | 
 79 |     this.suiteStarted = function(result) {
 80 |       currentParent.addChild(result, "suite");
 81 |       currentParent = currentParent.last();
 82 |     };
 83 | 
 84 |     this.suiteDone = function(result) {
 85 |       if (currentParent == topResults) {
 86 |         return;
 87 |       }
 88 | 
 89 |       currentParent = currentParent.parent;
 90 |     };
 91 | 
 92 |     this.specStarted = function(result) {
 93 |       currentParent.addChild(result, "spec");
 94 |     };
 95 | 
 96 |     var failures = [];
 97 |     this.specDone = function(result) {
 98 |       if (result.status != "disabled") {
 99 |         specsExecuted++;
100 |       }
101 | 
102 |       symbols.appendChild(createDom("li", {
103 |           className: result.status,
104 |           id: "spec_" + result.id,
105 |           title: result.fullName
106 |         }
107 |       ));
108 | 
109 |       if (result.status == "failed") {
110 |         failureCount++;
111 | 
112 |         var failure =
113 |           createDom("div", {className: "spec-detail failed"},
114 |             createDom("div", {className: "description"},
115 |               createDom("a", {title: result.fullName, href: specHref(result)}, result.fullName)
116 |             ),
117 |             createDom("div", {className: "messages"})
118 |           );
119 |         var messages = failure.childNodes[1];
120 | 
121 |         for (var i = 0; i < result.failedExpectations.length; i++) {
122 |           var expectation = result.failedExpectations[i];
123 |           messages.appendChild(createDom("div", {className: "result-message"}, expectation.message));
124 |           messages.appendChild(createDom("div", {className: "stack-trace"}, expectation.stack));
125 |         }
126 | 
127 |         failures.push(failure);
128 |       }
129 | 
130 |       if (result.status == "pending") {
131 |         pendingSpecCount++;
132 |       }
133 |     };
134 | 
135 |     this.jasmineDone = function() {
136 |       var banner = find(".banner");
137 |       banner.appendChild(createDom("span", {className: "duration"}, "finished in " + timer.elapsed() / 1000 + "s"));
138 | 
139 |       var alert = find(".alert");
140 | 
141 |       alert.appendChild(createDom("span", { className: "exceptions" },
142 |         createDom("label", { className: "label", 'for': "raise-exceptions" }, "raise exceptions"),
143 |         createDom("input", {
144 |           className: "raise",
145 |           id: "raise-exceptions",
146 |           type: "checkbox"
147 |         })
148 |       ));
149 |       var checkbox = find("input");
150 | 
151 |       checkbox.checked = !env.catchingExceptions();
152 |       checkbox.onclick = onRaiseExceptionsClick;
153 | 
154 |       if (specsExecuted < totalSpecsDefined) {
155 |         var skippedMessage = "Ran " + specsExecuted + " of " + totalSpecsDefined + " specs - run all";
156 |         alert.appendChild(
157 |           createDom("span", {className: "bar skipped"},
158 |             createDom("a", {href: "?", title: "Run all specs"}, skippedMessage)
159 |           )
160 |         );
161 |       }
162 |       var statusBarMessage = "" + pluralize("spec", specsExecuted) + ", " + pluralize("failure", failureCount);
163 |       if (pendingSpecCount) { statusBarMessage += ", " + pluralize("pending spec", pendingSpecCount); }
164 | 
165 |       var statusBarClassName = "bar " + ((failureCount > 0) ? "failed" : "passed");
166 |       alert.appendChild(createDom("span", {className: statusBarClassName}, statusBarMessage));
167 | 
168 |       var results = find(".results");
169 |       results.appendChild(summary);
170 | 
171 |       summaryList(topResults, summary);
172 | 
173 |       function summaryList(resultsTree, domParent) {
174 |         var specListNode;
175 |         for (var i = 0; i < resultsTree.children.length; i++) {
176 |           var resultNode = resultsTree.children[i];
177 |           if (resultNode.type == "suite") {
178 |             var suiteListNode = createDom("ul", {className: "suite", id: "suite-" + resultNode.result.id},
179 |               createDom("li", {className: "suite-detail"},
180 |                 createDom("a", {href: specHref(resultNode.result)}, resultNode.result.description)
181 |               )
182 |             );
183 | 
184 |             summaryList(resultNode, suiteListNode);
185 |             domParent.appendChild(suiteListNode);
186 |           }
187 |           if (resultNode.type == "spec") {
188 |             if (domParent.getAttribute("class") != "specs") {
189 |               specListNode = createDom("ul", {className: "specs"});
190 |               domParent.appendChild(specListNode);
191 |             }
192 |             specListNode.appendChild(
193 |               createDom("li", {
194 |                   className: resultNode.result.status,
195 |                   id: "spec-" + resultNode.result.id
196 |                 },
197 |                 createDom("a", {href: specHref(resultNode.result)}, resultNode.result.description)
198 |               )
199 |             );
200 |           }
201 |         }
202 |       }
203 | 
204 |       if (failures.length) {
205 |         alert.appendChild(
206 |           createDom('span', {className: "menu bar spec-list"},
207 |             createDom("span", {}, "Spec List | "),
208 |             createDom('a', {className: "failures-menu", href: "#"}, "Failures")));
209 |         alert.appendChild(
210 |           createDom('span', {className: "menu bar failure-list"},
211 |             createDom('a', {className: "spec-list-menu", href: "#"}, "Spec List"),
212 |             createDom("span", {}, " | Failures ")));
213 | 
214 |         find(".failures-menu").onclick = function() {
215 |           setMenuModeTo('failure-list');
216 |         };
217 |         find(".spec-list-menu").onclick = function() {
218 |           setMenuModeTo('spec-list');
219 |         };
220 | 
221 |         setMenuModeTo('failure-list');
222 | 
223 |         var failureNode = find(".failures");
224 |         for (var i = 0; i < failures.length; i++) {
225 |           failureNode.appendChild(failures[i]);
226 |         }
227 |       }
228 |     };
229 | 
230 |     return this;
231 | 
232 |     function find(selector) {
233 |       return getContainer().querySelector(selector);
234 |     }
235 | 
236 |     function createDom(type, attrs, childrenVarArgs) {
237 |       var el = createElement(type);
238 | 
239 |       for (var i = 2; i < arguments.length; i++) {
240 |         var child = arguments[i];
241 | 
242 |         if (typeof child === 'string') {
243 |           el.appendChild(createTextNode(child));
244 |         } else {
245 |           if (child) {
246 |             el.appendChild(child);
247 |           }
248 |         }
249 |       }
250 | 
251 |       for (var attr in attrs) {
252 |         if (attr == "className") {
253 |           el[attr] = attrs[attr];
254 |         } else {
255 |           el.setAttribute(attr, attrs[attr]);
256 |         }
257 |       }
258 | 
259 |       return el;
260 |     }
261 | 
262 |     function pluralize(singular, count) {
263 |       var word = (count == 1 ? singular : singular + "s");
264 | 
265 |       return "" + count + " " + word;
266 |     }
267 | 
268 |     function specHref(result) {
269 |       return "?spec=" + encodeURIComponent(result.fullName);
270 |     }
271 | 
272 |     function setMenuModeTo(mode) {
273 |       htmlReporterMain.setAttribute("class", "html-reporter " + mode);
274 |     }
275 |   }
276 | 
277 |   return HtmlReporter;
278 | };
279 | 
280 | jasmineRequire.HtmlSpecFilter = function() {
281 |   function HtmlSpecFilter(options) {
282 |     var filterString = options && options.filterString() && options.filterString().replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
283 |     var filterPattern = new RegExp(filterString);
284 | 
285 |     this.matches = function(specName) {
286 |       return filterPattern.test(specName);
287 |     };
288 |   }
289 | 
290 |   return HtmlSpecFilter;
291 | };
292 | 
293 | jasmineRequire.ResultsNode = function() {
294 |   function ResultsNode(result, type, parent) {
295 |     this.result = result;
296 |     this.type = type;
297 |     this.parent = parent;
298 | 
299 |     this.children = [];
300 | 
301 |     this.addChild = function(result, type) {
302 |       this.children.push(new ResultsNode(result, type, this));
303 |     };
304 | 
305 |     this.last = function() {
306 |       return this.children[this.children.length - 1];
307 |     };
308 |   }
309 | 
310 |   return ResultsNode;
311 | };
312 | 
313 | jasmineRequire.QueryString = function() {
314 |   function QueryString(options) {
315 | 
316 |     this.setParam = function(key, value) {
317 |       var paramMap = queryStringToParamMap();
318 |       paramMap[key] = value;
319 |       options.getWindowLocation().search = toQueryString(paramMap);
320 |     };
321 | 
322 |     this.getParam = function(key) {
323 |       return queryStringToParamMap()[key];
324 |     };
325 | 
326 |     return this;
327 | 
328 |     function toQueryString(paramMap) {
329 |       var qStrPairs = [];
330 |       for (var prop in paramMap) {
331 |         qStrPairs.push(encodeURIComponent(prop) + "=" + encodeURIComponent(paramMap[prop]));
332 |       }
333 |       return "?" + qStrPairs.join('&');
334 |     }
335 | 
336 |     function queryStringToParamMap() {
337 |       var paramStr = options.getWindowLocation().search.substring(1),
338 |         params = [],
339 |         paramMap = {};
340 | 
341 |       if (paramStr.length > 0) {
342 |         params = paramStr.split('&');
343 |         for (var i = 0; i < params.length; i++) {
344 |           var p = params[i].split('=');
345 |           var value = decodeURIComponent(p[1]);
346 |           if (value === "true" || value === "false") {
347 |             value = JSON.parse(value);
348 |           }
349 |           paramMap[decodeURIComponent(p[0])] = value;
350 |         }
351 |       }
352 | 
353 |       return paramMap;
354 |     }
355 | 
356 |   }
357 | 
358 |   return QueryString;
359 | };
360 | 


--------------------------------------------------------------------------------
/libs/jasmine-2.0.0/jasmine.css:
--------------------------------------------------------------------------------
 1 | body { background-color: #eeeeee; padding: 0; margin: 5px; overflow-y: scroll; }
 2 | 
 3 | .html-reporter { font-size: 11px; font-family: Monaco, "Lucida Console", monospace; line-height: 14px; color: #333333; }
 4 | .html-reporter a { text-decoration: none; }
 5 | .html-reporter a:hover { text-decoration: underline; }
 6 | .html-reporter p, .html-reporter h1, .html-reporter h2, .html-reporter h3, .html-reporter h4, .html-reporter h5, .html-reporter h6 { margin: 0; line-height: 14px; }
 7 | .html-reporter .banner, .html-reporter .symbol-summary, .html-reporter .summary, .html-reporter .result-message, .html-reporter .spec .description, .html-reporter .spec-detail .description, .html-reporter .alert .bar, .html-reporter .stack-trace { padding-left: 9px; padding-right: 9px; }
 8 | .html-reporter .banner .version { margin-left: 14px; }
 9 | .html-reporter #jasmine_content { position: fixed; right: 100%; }
10 | .html-reporter .version { color: #aaaaaa; }
11 | .html-reporter .banner { margin-top: 14px; }
12 | .html-reporter .duration { color: #aaaaaa; float: right; }
13 | .html-reporter .symbol-summary { overflow: hidden; *zoom: 1; margin: 14px 0; }
14 | .html-reporter .symbol-summary li { display: inline-block; height: 8px; width: 14px; font-size: 16px; }
15 | .html-reporter .symbol-summary li.passed { font-size: 14px; }
16 | .html-reporter .symbol-summary li.passed:before { color: #5e7d00; content: "\02022"; }
17 | .html-reporter .symbol-summary li.failed { line-height: 9px; }
18 | .html-reporter .symbol-summary li.failed:before { color: #b03911; content: "x"; font-weight: bold; margin-left: -1px; }
19 | .html-reporter .symbol-summary li.disabled { font-size: 14px; }
20 | .html-reporter .symbol-summary li.disabled:before { color: #bababa; content: "\02022"; }
21 | .html-reporter .symbol-summary li.pending { line-height: 17px; }
22 | .html-reporter .symbol-summary li.pending:before { color: #ba9d37; content: "*"; }
23 | .html-reporter .exceptions { color: #fff; float: right; margin-top: 5px; margin-right: 5px; }
24 | .html-reporter .bar { line-height: 28px; font-size: 14px; display: block; color: #eee; }
25 | .html-reporter .bar.failed { background-color: #b03911; }
26 | .html-reporter .bar.passed { background-color: #a6b779; }
27 | .html-reporter .bar.skipped { background-color: #bababa; }
28 | .html-reporter .bar.menu { background-color: #fff; color: #aaaaaa; }
29 | .html-reporter .bar.menu a { color: #333333; }
30 | .html-reporter .bar a { color: white; }
31 | .html-reporter.spec-list .bar.menu.failure-list, .html-reporter.spec-list .results .failures { display: none; }
32 | .html-reporter.failure-list .bar.menu.spec-list, .html-reporter.failure-list .summary { display: none; }
33 | .html-reporter .running-alert { background-color: #666666; }
34 | .html-reporter .results { margin-top: 14px; }
35 | .html-reporter.showDetails .summaryMenuItem { font-weight: normal; text-decoration: inherit; }
36 | .html-reporter.showDetails .summaryMenuItem:hover { text-decoration: underline; }
37 | .html-reporter.showDetails .detailsMenuItem { font-weight: bold; text-decoration: underline; }
38 | .html-reporter.showDetails .summary { display: none; }
39 | .html-reporter.showDetails #details { display: block; }
40 | .html-reporter .summaryMenuItem { font-weight: bold; text-decoration: underline; }
41 | .html-reporter .summary { margin-top: 14px; }
42 | .html-reporter .summary ul { list-style-type: none; margin-left: 14px; padding-top: 0; padding-left: 0; }
43 | .html-reporter .summary ul.suite { margin-top: 7px; margin-bottom: 7px; }
44 | .html-reporter .summary li.passed a { color: #5e7d00; }
45 | .html-reporter .summary li.failed a { color: #b03911; }
46 | .html-reporter .summary li.pending a { color: #ba9d37; }
47 | .html-reporter .description + .suite { margin-top: 0; }
48 | .html-reporter .suite { margin-top: 14px; }
49 | .html-reporter .suite a { color: #333333; }
50 | .html-reporter .failures .spec-detail { margin-bottom: 28px; }
51 | .html-reporter .failures .spec-detail .description { background-color: #b03911; }
52 | .html-reporter .failures .spec-detail .description a { color: white; }
53 | .html-reporter .result-message { padding-top: 14px; color: #333333; white-space: pre; }
54 | .html-reporter .result-message span.result { display: block; }
55 | .html-reporter .stack-trace { margin: 5px 0 0 0; max-height: 224px; overflow: auto; line-height: 18px; color: #666666; border: 1px solid #ddd; background: white; white-space: pre; }
56 | 


--------------------------------------------------------------------------------
/libs/jasmine-2.0.0/jasmine_favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bbarakaci/fixto/2ef69350091d4dadc9f170a8496cba64f07aa73c/libs/jasmine-2.0.0/jasmine_favicon.png


--------------------------------------------------------------------------------
/libs/jquery-loader.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |   // Get any jquery=___ param from the query string.
 3 |   var jqversion = location.search.match(/[?&]jquery=(.*?)(?=&|$)/);
 4 |   var path;
 5 |   if (jqversion) {
 6 |     // A version was specified, load that version from code.jquery.com.
 7 |     path = 'http://code.jquery.com/jquery-' + jqversion[1] + '.js';
 8 |   } else {
 9 |     // No version was specified, load the local version.
10 |     path = '../libs/jquery/jquery.js';
11 |   }
12 |   // This is the only time I'll ever use document.write, I promise!
13 |   document.write('<script src="' + path + '"></script>');
14 | }());
15 | 


--------------------------------------------------------------------------------
/libs/qunit/qunit.css:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * QUnit v1.4.0 - A JavaScript Unit Testing Framework
  3 |  *
  4 |  * http://docs.jquery.com/QUnit
  5 |  *
  6 |  * Copyright (c) 2012 John Resig, Jörn Zaefferer
  7 |  * Dual licensed under the MIT (MIT-LICENSE.txt)
  8 |  * or GPL (GPL-LICENSE.txt) licenses.
  9 |  */
 10 | 
 11 | /** Font Family and Sizes */
 12 | 
 13 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
 14 | 	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
 15 | }
 16 | 
 17 | #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
 18 | #qunit-tests { font-size: smaller; }
 19 | 
 20 | 
 21 | /** Resets */
 22 | 
 23 | #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
 24 | 	margin: 0;
 25 | 	padding: 0;
 26 | }
 27 | 
 28 | 
 29 | /** Header */
 30 | 
 31 | #qunit-header {
 32 | 	padding: 0.5em 0 0.5em 1em;
 33 | 
 34 | 	color: #8699a4;
 35 | 	background-color: #0d3349;
 36 | 
 37 | 	font-size: 1.5em;
 38 | 	line-height: 1em;
 39 | 	font-weight: normal;
 40 | 
 41 | 	border-radius: 15px 15px 0 0;
 42 | 	-moz-border-radius: 15px 15px 0 0;
 43 | 	-webkit-border-top-right-radius: 15px;
 44 | 	-webkit-border-top-left-radius: 15px;
 45 | }
 46 | 
 47 | #qunit-header a {
 48 | 	text-decoration: none;
 49 | 	color: #c2ccd1;
 50 | }
 51 | 
 52 | #qunit-header a:hover,
 53 | #qunit-header a:focus {
 54 | 	color: #fff;
 55 | }
 56 | 
 57 | #qunit-header label {
 58 | 	display: inline-block;
 59 | }
 60 | 
 61 | #qunit-banner {
 62 | 	height: 5px;
 63 | }
 64 | 
 65 | #qunit-testrunner-toolbar {
 66 | 	padding: 0.5em 0 0.5em 2em;
 67 | 	color: #5E740B;
 68 | 	background-color: #eee;
 69 | }
 70 | 
 71 | #qunit-userAgent {
 72 | 	padding: 0.5em 0 0.5em 2.5em;
 73 | 	background-color: #2b81af;
 74 | 	color: #fff;
 75 | 	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
 76 | }
 77 | 
 78 | 
 79 | /** Tests: Pass/Fail */
 80 | 
 81 | #qunit-tests {
 82 | 	list-style-position: inside;
 83 | }
 84 | 
 85 | #qunit-tests li {
 86 | 	padding: 0.4em 0.5em 0.4em 2.5em;
 87 | 	border-bottom: 1px solid #fff;
 88 | 	list-style-position: inside;
 89 | }
 90 | 
 91 | #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running  {
 92 | 	display: none;
 93 | }
 94 | 
 95 | #qunit-tests li strong {
 96 | 	cursor: pointer;
 97 | }
 98 | 
 99 | #qunit-tests li a {
100 | 	padding: 0.5em;
101 | 	color: #c2ccd1;
102 | 	text-decoration: none;
103 | }
104 | #qunit-tests li a:hover,
105 | #qunit-tests li a:focus {
106 | 	color: #000;
107 | }
108 | 
109 | #qunit-tests ol {
110 | 	margin-top: 0.5em;
111 | 	padding: 0.5em;
112 | 
113 | 	background-color: #fff;
114 | 
115 | 	border-radius: 15px;
116 | 	-moz-border-radius: 15px;
117 | 	-webkit-border-radius: 15px;
118 | 
119 | 	box-shadow: inset 0px 2px 13px #999;
120 | 	-moz-box-shadow: inset 0px 2px 13px #999;
121 | 	-webkit-box-shadow: inset 0px 2px 13px #999;
122 | }
123 | 
124 | #qunit-tests table {
125 | 	border-collapse: collapse;
126 | 	margin-top: .2em;
127 | }
128 | 
129 | #qunit-tests th {
130 | 	text-align: right;
131 | 	vertical-align: top;
132 | 	padding: 0 .5em 0 0;
133 | }
134 | 
135 | #qunit-tests td {
136 | 	vertical-align: top;
137 | }
138 | 
139 | #qunit-tests pre {
140 | 	margin: 0;
141 | 	white-space: pre-wrap;
142 | 	word-wrap: break-word;
143 | }
144 | 
145 | #qunit-tests del {
146 | 	background-color: #e0f2be;
147 | 	color: #374e0c;
148 | 	text-decoration: none;
149 | }
150 | 
151 | #qunit-tests ins {
152 | 	background-color: #ffcaca;
153 | 	color: #500;
154 | 	text-decoration: none;
155 | }
156 | 
157 | /*** Test Counts */
158 | 
159 | #qunit-tests b.counts                       { color: black; }
160 | #qunit-tests b.passed                       { color: #5E740B; }
161 | #qunit-tests b.failed                       { color: #710909; }
162 | 
163 | #qunit-tests li li {
164 | 	margin: 0.5em;
165 | 	padding: 0.4em 0.5em 0.4em 0.5em;
166 | 	background-color: #fff;
167 | 	border-bottom: none;
168 | 	list-style-position: inside;
169 | }
170 | 
171 | /*** Passing Styles */
172 | 
173 | #qunit-tests li li.pass {
174 | 	color: #5E740B;
175 | 	background-color: #fff;
176 | 	border-left: 26px solid #C6E746;
177 | }
178 | 
179 | #qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
180 | #qunit-tests .pass .test-name               { color: #366097; }
181 | 
182 | #qunit-tests .pass .test-actual,
183 | #qunit-tests .pass .test-expected           { color: #999999; }
184 | 
185 | #qunit-banner.qunit-pass                    { background-color: #C6E746; }
186 | 
187 | /*** Failing Styles */
188 | 
189 | #qunit-tests li li.fail {
190 | 	color: #710909;
191 | 	background-color: #fff;
192 | 	border-left: 26px solid #EE5757;
193 | 	white-space: pre;
194 | }
195 | 
196 | #qunit-tests > li:last-child {
197 | 	border-radius: 0 0 15px 15px;
198 | 	-moz-border-radius: 0 0 15px 15px;
199 | 	-webkit-border-bottom-right-radius: 15px;
200 | 	-webkit-border-bottom-left-radius: 15px;
201 | }
202 | 
203 | #qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
204 | #qunit-tests .fail .test-name,
205 | #qunit-tests .fail .module-name             { color: #000000; }
206 | 
207 | #qunit-tests .fail .test-actual             { color: #EE5757; }
208 | #qunit-tests .fail .test-expected           { color: green;   }
209 | 
210 | #qunit-banner.qunit-fail                    { background-color: #EE5757; }
211 | 
212 | 
213 | /** Result */
214 | 
215 | #qunit-testresult {
216 | 	padding: 0.5em 0.5em 0.5em 2.5em;
217 | 
218 | 	color: #2b81af;
219 | 	background-color: #D2E0E6;
220 | 
221 | 	border-bottom: 1px solid white;
222 | }
223 | 
224 | /** Fixture */
225 | 
226 | #qunit-fixture {
227 | 	position: absolute;
228 | 	top: -10000px;
229 | 	left: -10000px;
230 | 	width: 1000px;
231 | 	height: 1000px;
232 | }
233 | 


--------------------------------------------------------------------------------
/libs/qunit/qunit.js:
--------------------------------------------------------------------------------
   1 | /**
   2 |  * QUnit v1.4.0 - A JavaScript Unit Testing Framework
   3 |  *
   4 |  * http://docs.jquery.com/QUnit
   5 |  *
   6 |  * Copyright (c) 2012 John Resig, Jörn Zaefferer
   7 |  * Dual licensed under the MIT (MIT-LICENSE.txt)
   8 |  * or GPL (GPL-LICENSE.txt) licenses.
   9 |  */
  10 | 
  11 | (function(window) {
  12 | 
  13 | var defined = {
  14 | 	setTimeout: typeof window.setTimeout !== "undefined",
  15 | 	sessionStorage: (function() {
  16 | 		var x = "qunit-test-string";
  17 | 		try {
  18 | 			sessionStorage.setItem(x, x);
  19 | 			sessionStorage.removeItem(x);
  20 | 			return true;
  21 | 		} catch(e) {
  22 | 			return false;
  23 | 		}
  24 | 	}())
  25 | };
  26 | 
  27 | var	testId = 0,
  28 | 	toString = Object.prototype.toString,
  29 | 	hasOwn = Object.prototype.hasOwnProperty;
  30 | 
  31 | var Test = function(name, testName, expected, async, callback) {
  32 | 	this.name = name;
  33 | 	this.testName = testName;
  34 | 	this.expected = expected;
  35 | 	this.async = async;
  36 | 	this.callback = callback;
  37 | 	this.assertions = [];
  38 | };
  39 | Test.prototype = {
  40 | 	init: function() {
  41 | 		var tests = id("qunit-tests");
  42 | 		if (tests) {
  43 | 			var b = document.createElement("strong");
  44 | 				b.innerHTML = "Running " + this.name;
  45 | 			var li = document.createElement("li");
  46 | 				li.appendChild( b );
  47 | 				li.className = "running";
  48 | 				li.id = this.id = "test-output" + testId++;
  49 | 			tests.appendChild( li );
  50 | 		}
  51 | 	},
  52 | 	setup: function() {
  53 | 		if (this.module != config.previousModule) {
  54 | 			if ( config.previousModule ) {
  55 | 				runLoggingCallbacks('moduleDone', QUnit, {
  56 | 					name: config.previousModule,
  57 | 					failed: config.moduleStats.bad,
  58 | 					passed: config.moduleStats.all - config.moduleStats.bad,
  59 | 					total: config.moduleStats.all
  60 | 				} );
  61 | 			}
  62 | 			config.previousModule = this.module;
  63 | 			config.moduleStats = { all: 0, bad: 0 };
  64 | 			runLoggingCallbacks( 'moduleStart', QUnit, {
  65 | 				name: this.module
  66 | 			} );
  67 | 		} else if (config.autorun) {
  68 | 			runLoggingCallbacks( 'moduleStart', QUnit, {
  69 | 				name: this.module
  70 | 			} );
  71 | 		}
  72 | 
  73 | 		config.current = this;
  74 | 		this.testEnvironment = extend({
  75 | 			setup: function() {},
  76 | 			teardown: function() {}
  77 | 		}, this.moduleTestEnvironment);
  78 | 
  79 | 		runLoggingCallbacks( 'testStart', QUnit, {
  80 | 			name: this.testName,
  81 | 			module: this.module
  82 | 		});
  83 | 
  84 | 		// allow utility functions to access the current test environment
  85 | 		// TODO why??
  86 | 		QUnit.current_testEnvironment = this.testEnvironment;
  87 | 
  88 | 		if ( !config.pollution ) {
  89 | 			saveGlobal();
  90 | 		}
  91 | 		if ( config.notrycatch ) {
  92 | 			this.testEnvironment.setup.call(this.testEnvironment);
  93 | 			return;
  94 | 		}
  95 | 		try {
  96 | 			this.testEnvironment.setup.call(this.testEnvironment);
  97 | 		} catch(e) {
  98 | 			QUnit.pushFailure( "Setup failed on " + this.testName + ": " + e.message, extractStacktrace( e, 1 ) );
  99 | 		}
 100 | 	},
 101 | 	run: function() {
 102 | 		config.current = this;
 103 | 		if ( this.async ) {
 104 | 			QUnit.stop();
 105 | 		}
 106 | 
 107 | 		if ( config.notrycatch ) {
 108 | 			this.callback.call(this.testEnvironment);
 109 | 			return;
 110 | 		}
 111 | 		try {
 112 | 			this.callback.call(this.testEnvironment);
 113 | 		} catch(e) {
 114 | 			QUnit.pushFailure( "Died on test #" + (this.assertions.length + 1) + ": " + e.message, extractStacktrace( e, 1 ) );
 115 | 			// else next test will carry the responsibility
 116 | 			saveGlobal();
 117 | 
 118 | 			// Restart the tests if they're blocking
 119 | 			if ( config.blocking ) {
 120 | 				QUnit.start();
 121 | 			}
 122 | 		}
 123 | 	},
 124 | 	teardown: function() {
 125 | 		config.current = this;
 126 | 		if ( config.notrycatch ) {
 127 | 			this.testEnvironment.teardown.call(this.testEnvironment);
 128 | 			return;
 129 | 		} else {
 130 | 			try {
 131 | 				this.testEnvironment.teardown.call(this.testEnvironment);
 132 | 			} catch(e) {
 133 | 				QUnit.pushFailure( "Teardown failed on " + this.testName + ": " + e.message, extractStacktrace( e, 1 ) );
 134 | 			}
 135 | 		}
 136 | 		checkPollution();
 137 | 	},
 138 | 	finish: function() {
 139 | 		config.current = this;
 140 | 		if ( this.expected != null && this.expected != this.assertions.length ) {
 141 | 			QUnit.pushFailure( "Expected " + this.expected + " assertions, but " + this.assertions.length + " were run" );
 142 | 		} else if ( this.expected == null && !this.assertions.length ) {
 143 | 			QUnit.pushFailure( "Expected at least one assertion, but none were run - call expect(0) to accept zero assertions." );
 144 | 		}
 145 | 
 146 | 		var good = 0, bad = 0,
 147 | 			li, i,
 148 | 			tests = id("qunit-tests");
 149 | 
 150 | 		config.stats.all += this.assertions.length;
 151 | 		config.moduleStats.all += this.assertions.length;
 152 | 
 153 | 		if ( tests ) {
 154 | 			var ol = document.createElement("ol");
 155 | 
 156 | 			for ( i = 0; i < this.assertions.length; i++ ) {
 157 | 				var assertion = this.assertions[i];
 158 | 
 159 | 				li = document.createElement("li");
 160 | 				li.className = assertion.result ? "pass" : "fail";
 161 | 				li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed");
 162 | 				ol.appendChild( li );
 163 | 
 164 | 				if ( assertion.result ) {
 165 | 					good++;
 166 | 				} else {
 167 | 					bad++;
 168 | 					config.stats.bad++;
 169 | 					config.moduleStats.bad++;
 170 | 				}
 171 | 			}
 172 | 
 173 | 			// store result when possible
 174 | 			if ( QUnit.config.reorder && defined.sessionStorage ) {
 175 | 				if (bad) {
 176 | 					sessionStorage.setItem("qunit-test-" + this.module + "-" + this.testName, bad);
 177 | 				} else {
 178 | 					sessionStorage.removeItem("qunit-test-" + this.module + "-" + this.testName);
 179 | 				}
 180 | 			}
 181 | 
 182 | 			if (bad === 0) {
 183 | 				ol.style.display = "none";
 184 | 			}
 185 | 
 186 | 			var b = document.createElement("strong");
 187 | 			b.innerHTML = this.name + " <b class='counts'>(<b class='failed'>" + bad + "</b>, <b class='passed'>" + good + "</b>, " + this.assertions.length + ")</b>";
 188 | 
 189 | 			var a = document.createElement("a");
 190 | 			a.innerHTML = "Rerun";
 191 | 			a.href = QUnit.url({ filter: getText([b]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") });
 192 | 
 193 | 			addEvent(b, "click", function() {
 194 | 				var next = b.nextSibling.nextSibling,
 195 | 					display = next.style.display;
 196 | 				next.style.display = display === "none" ? "block" : "none";
 197 | 			});
 198 | 
 199 | 			addEvent(b, "dblclick", function(e) {
 200 | 				var target = e && e.target ? e.target : window.event.srcElement;
 201 | 				if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) {
 202 | 					target = target.parentNode;
 203 | 				}
 204 | 				if ( window.location && target.nodeName.toLowerCase() === "strong" ) {
 205 | 					window.location = QUnit.url({ filter: getText([target]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") });
 206 | 				}
 207 | 			});
 208 | 
 209 | 			li = id(this.id);
 210 | 			li.className = bad ? "fail" : "pass";
 211 | 			li.removeChild( li.firstChild );
 212 | 			li.appendChild( b );
 213 | 			li.appendChild( a );
 214 | 			li.appendChild( ol );
 215 | 
 216 | 		} else {
 217 | 			for ( i = 0; i < this.assertions.length; i++ ) {
 218 | 				if ( !this.assertions[i].result ) {
 219 | 					bad++;
 220 | 					config.stats.bad++;
 221 | 					config.moduleStats.bad++;
 222 | 				}
 223 | 			}
 224 | 		}
 225 | 
 226 | 		QUnit.reset();
 227 | 
 228 | 		runLoggingCallbacks( 'testDone', QUnit, {
 229 | 			name: this.testName,
 230 | 			module: this.module,
 231 | 			failed: bad,
 232 | 			passed: this.assertions.length - bad,
 233 | 			total: this.assertions.length
 234 | 		} );
 235 | 	},
 236 | 
 237 | 	queue: function() {
 238 | 		var test = this;
 239 | 		synchronize(function() {
 240 | 			test.init();
 241 | 		});
 242 | 		function run() {
 243 | 			// each of these can by async
 244 | 			synchronize(function() {
 245 | 				test.setup();
 246 | 			});
 247 | 			synchronize(function() {
 248 | 				test.run();
 249 | 			});
 250 | 			synchronize(function() {
 251 | 				test.teardown();
 252 | 			});
 253 | 			synchronize(function() {
 254 | 				test.finish();
 255 | 			});
 256 | 		}
 257 | 		// defer when previous test run passed, if storage is available
 258 | 		var bad = QUnit.config.reorder && defined.sessionStorage && +sessionStorage.getItem("qunit-test-" + this.module + "-" + this.testName);
 259 | 		if (bad) {
 260 | 			run();
 261 | 		} else {
 262 | 			synchronize(run, true);
 263 | 		}
 264 | 	}
 265 | 
 266 | };
 267 | 
 268 | var QUnit = {
 269 | 
 270 | 	// call on start of module test to prepend name to all tests
 271 | 	module: function(name, testEnvironment) {
 272 | 		config.currentModule = name;
 273 | 		config.currentModuleTestEnviroment = testEnvironment;
 274 | 	},
 275 | 
 276 | 	asyncTest: function(testName, expected, callback) {
 277 | 		if ( arguments.length === 2 ) {
 278 | 			callback = expected;
 279 | 			expected = null;
 280 | 		}
 281 | 
 282 | 		QUnit.test(testName, expected, callback, true);
 283 | 	},
 284 | 
 285 | 	test: function(testName, expected, callback, async) {
 286 | 		var name = '<span class="test-name">' + escapeInnerText(testName) + '</span>';
 287 | 
 288 | 		if ( arguments.length === 2 ) {
 289 | 			callback = expected;
 290 | 			expected = null;
 291 | 		}
 292 | 
 293 | 		if ( config.currentModule ) {
 294 | 			name = '<span class="module-name">' + config.currentModule + "</span>: " + name;
 295 | 		}
 296 | 
 297 | 		if ( !validTest(config.currentModule + ": " + testName) ) {
 298 | 			return;
 299 | 		}
 300 | 
 301 | 		var test = new Test(name, testName, expected, async, callback);
 302 | 		test.module = config.currentModule;
 303 | 		test.moduleTestEnvironment = config.currentModuleTestEnviroment;
 304 | 		test.queue();
 305 | 	},
 306 | 
 307 | 	// Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
 308 | 	expect: function(asserts) {
 309 | 		config.current.expected = asserts;
 310 | 	},
 311 | 
 312 | 	// Asserts true.
 313 | 	// @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
 314 | 	ok: function(result, msg) {
 315 | 		if (!config.current) {
 316 | 			throw new Error("ok() assertion outside test context, was " + sourceFromStacktrace(2));
 317 | 		}
 318 | 		result = !!result;
 319 | 		var details = {
 320 | 			result: result,
 321 | 			message: msg
 322 | 		};
 323 | 		msg = escapeInnerText(msg || (result ? "okay" : "failed"));
 324 | 		if ( !result ) {
 325 | 			var source = sourceFromStacktrace(2);
 326 | 			if (source) {
 327 | 				details.source = source;
 328 | 				msg += '<table><tr class="test-source"><th>Source: </th><td><pre>' + escapeInnerText(source) + '</pre></td></tr></table>';
 329 | 			}
 330 | 		}
 331 | 		runLoggingCallbacks( 'log', QUnit, details );
 332 | 		config.current.assertions.push({
 333 | 			result: result,
 334 | 			message: msg
 335 | 		});
 336 | 	},
 337 | 
 338 | 	// Checks that the first two arguments are equal, with an optional message. Prints out both actual and expected values.
 339 | 	// @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
 340 | 	equal: function(actual, expected, message) {
 341 | 		QUnit.push(expected == actual, actual, expected, message);
 342 | 	},
 343 | 
 344 | 	notEqual: function(actual, expected, message) {
 345 | 		QUnit.push(expected != actual, actual, expected, message);
 346 | 	},
 347 | 
 348 | 	deepEqual: function(actual, expected, message) {
 349 | 		QUnit.push(QUnit.equiv(actual, expected), actual, expected, message);
 350 | 	},
 351 | 
 352 | 	notDeepEqual: function(actual, expected, message) {
 353 | 		QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message);
 354 | 	},
 355 | 
 356 | 	strictEqual: function(actual, expected, message) {
 357 | 		QUnit.push(expected === actual, actual, expected, message);
 358 | 	},
 359 | 
 360 | 	notStrictEqual: function(actual, expected, message) {
 361 | 		QUnit.push(expected !== actual, actual, expected, message);
 362 | 	},
 363 | 
 364 | 	raises: function(block, expected, message) {
 365 | 		var actual, ok = false;
 366 | 
 367 | 		if (typeof expected === 'string') {
 368 | 			message = expected;
 369 | 			expected = null;
 370 | 		}
 371 | 
 372 | 		try {
 373 | 			block();
 374 | 		} catch (e) {
 375 | 			actual = e;
 376 | 		}
 377 | 
 378 | 		if (actual) {
 379 | 			// we don't want to validate thrown error
 380 | 			if (!expected) {
 381 | 				ok = true;
 382 | 			// expected is a regexp
 383 | 			} else if (QUnit.objectType(expected) === "regexp") {
 384 | 				ok = expected.test(actual);
 385 | 			// expected is a constructor
 386 | 			} else if (actual instanceof expected) {
 387 | 				ok = true;
 388 | 			// expected is a validation function which returns true is validation passed
 389 | 			} else if (expected.call({}, actual) === true) {
 390 | 				ok = true;
 391 | 			}
 392 | 		}
 393 | 
 394 | 		QUnit.ok(ok, message);
 395 | 	},
 396 | 
 397 | 	start: function(count) {
 398 | 		config.semaphore -= count || 1;
 399 | 		if (config.semaphore > 0) {
 400 | 			// don't start until equal number of stop-calls
 401 | 			return;
 402 | 		}
 403 | 		if (config.semaphore < 0) {
 404 | 			// ignore if start is called more often then stop
 405 | 			config.semaphore = 0;
 406 | 		}
 407 | 		// A slight delay, to avoid any current callbacks
 408 | 		if ( defined.setTimeout ) {
 409 | 			window.setTimeout(function() {
 410 | 				if (config.semaphore > 0) {
 411 | 					return;
 412 | 				}
 413 | 				if ( config.timeout ) {
 414 | 					clearTimeout(config.timeout);
 415 | 				}
 416 | 
 417 | 				config.blocking = false;
 418 | 				process(true);
 419 | 			}, 13);
 420 | 		} else {
 421 | 			config.blocking = false;
 422 | 			process(true);
 423 | 		}
 424 | 	},
 425 | 
 426 | 	stop: function(count) {
 427 | 		config.semaphore += count || 1;
 428 | 		config.blocking = true;
 429 | 
 430 | 		if ( config.testTimeout && defined.setTimeout ) {
 431 | 			clearTimeout(config.timeout);
 432 | 			config.timeout = window.setTimeout(function() {
 433 | 				QUnit.ok( false, "Test timed out" );
 434 | 				config.semaphore = 1;
 435 | 				QUnit.start();
 436 | 			}, config.testTimeout);
 437 | 		}
 438 | 	}
 439 | };
 440 | 
 441 | //We want access to the constructor's prototype
 442 | (function() {
 443 | 	function F(){}
 444 | 	F.prototype = QUnit;
 445 | 	QUnit = new F();
 446 | 	//Make F QUnit's constructor so that we can add to the prototype later
 447 | 	QUnit.constructor = F;
 448 | }());
 449 | 
 450 | // deprecated; still export them to window to provide clear error messages
 451 | // next step: remove entirely
 452 | QUnit.equals = function() {
 453 | 	QUnit.push(false, false, false, "QUnit.equals has been deprecated since 2009 (e88049a0), use QUnit.equal instead");
 454 | };
 455 | QUnit.same = function() {
 456 | 	QUnit.push(false, false, false, "QUnit.same has been deprecated since 2009 (e88049a0), use QUnit.deepEqual instead");
 457 | };
 458 | 
 459 | // Maintain internal state
 460 | var config = {
 461 | 	// The queue of tests to run
 462 | 	queue: [],
 463 | 
 464 | 	// block until document ready
 465 | 	blocking: true,
 466 | 
 467 | 	// when enabled, show only failing tests
 468 | 	// gets persisted through sessionStorage and can be changed in UI via checkbox
 469 | 	hidepassed: false,
 470 | 
 471 | 	// by default, run previously failed tests first
 472 | 	// very useful in combination with "Hide passed tests" checked
 473 | 	reorder: true,
 474 | 
 475 | 	// by default, modify document.title when suite is done
 476 | 	altertitle: true,
 477 | 
 478 | 	urlConfig: ['noglobals', 'notrycatch'],
 479 | 
 480 | 	//logging callback queues
 481 | 	begin: [],
 482 | 	done: [],
 483 | 	log: [],
 484 | 	testStart: [],
 485 | 	testDone: [],
 486 | 	moduleStart: [],
 487 | 	moduleDone: []
 488 | };
 489 | 
 490 | // Load paramaters
 491 | (function() {
 492 | 	var location = window.location || { search: "", protocol: "file:" },
 493 | 		params = location.search.slice( 1 ).split( "&" ),
 494 | 		length = params.length,
 495 | 		urlParams = {},
 496 | 		current;
 497 | 
 498 | 	if ( params[ 0 ] ) {
 499 | 		for ( var i = 0; i < length; i++ ) {
 500 | 			current = params[ i ].split( "=" );
 501 | 			current[ 0 ] = decodeURIComponent( current[ 0 ] );
 502 | 			// allow just a key to turn on a flag, e.g., test.html?noglobals
 503 | 			current[ 1 ] = current[ 1 ] ? decodeURIComponent( current[ 1 ] ) : true;
 504 | 			urlParams[ current[ 0 ] ] = current[ 1 ];
 505 | 		}
 506 | 	}
 507 | 
 508 | 	QUnit.urlParams = urlParams;
 509 | 	config.filter = urlParams.filter;
 510 | 
 511 | 	// Figure out if we're running the tests from a server or not
 512 | 	QUnit.isLocal = location.protocol === 'file:';
 513 | }());
 514 | 
 515 | // Expose the API as global variables, unless an 'exports'
 516 | // object exists, in that case we assume we're in CommonJS - export everything at the end
 517 | if ( typeof exports === "undefined" || typeof require === "undefined" ) {
 518 | 	extend(window, QUnit);
 519 | 	window.QUnit = QUnit;
 520 | }
 521 | 
 522 | // define these after exposing globals to keep them in these QUnit namespace only
 523 | extend(QUnit, {
 524 | 	config: config,
 525 | 
 526 | 	// Initialize the configuration options
 527 | 	init: function() {
 528 | 		extend(config, {
 529 | 			stats: { all: 0, bad: 0 },
 530 | 			moduleStats: { all: 0, bad: 0 },
 531 | 			started: +new Date(),
 532 | 			updateRate: 1000,
 533 | 			blocking: false,
 534 | 			autostart: true,
 535 | 			autorun: false,
 536 | 			filter: "",
 537 | 			queue: [],
 538 | 			semaphore: 0
 539 | 		});
 540 | 
 541 | 		var qunit = id( "qunit" );
 542 | 		if ( qunit ) {
 543 | 			qunit.innerHTML =
 544 | 				'<h1 id="qunit-header">' + escapeInnerText( document.title ) + '</h1>' +
 545 | 				'<h2 id="qunit-banner"></h2>' +
 546 | 				'<div id="qunit-testrunner-toolbar"></div>' +
 547 | 				'<h2 id="qunit-userAgent"></h2>' +
 548 | 				'<ol id="qunit-tests"></ol>';
 549 | 		}
 550 | 
 551 | 		var tests = id( "qunit-tests" ),
 552 | 			banner = id( "qunit-banner" ),
 553 | 			result = id( "qunit-testresult" );
 554 | 
 555 | 		if ( tests ) {
 556 | 			tests.innerHTML = "";
 557 | 		}
 558 | 
 559 | 		if ( banner ) {
 560 | 			banner.className = "";
 561 | 		}
 562 | 
 563 | 		if ( result ) {
 564 | 			result.parentNode.removeChild( result );
 565 | 		}
 566 | 
 567 | 		if ( tests ) {
 568 | 			result = document.createElement( "p" );
 569 | 			result.id = "qunit-testresult";
 570 | 			result.className = "result";
 571 | 			tests.parentNode.insertBefore( result, tests );
 572 | 			result.innerHTML = 'Running...<br/>&nbsp;';
 573 | 		}
 574 | 	},
 575 | 
 576 | 	// Resets the test setup. Useful for tests that modify the DOM.
 577 | 	// If jQuery is available, uses jQuery's html(), otherwise just innerHTML.
 578 | 	reset: function() {
 579 | 		if ( window.jQuery ) {
 580 | 			jQuery( "#qunit-fixture" ).html( config.fixture );
 581 | 		} else {
 582 | 			var main = id( 'qunit-fixture' );
 583 | 			if ( main ) {
 584 | 				main.innerHTML = config.fixture;
 585 | 			}
 586 | 		}
 587 | 	},
 588 | 
 589 | 	// Trigger an event on an element.
 590 | 	// @example triggerEvent( document.body, "click" );
 591 | 	triggerEvent: function( elem, type, event ) {
 592 | 		if ( document.createEvent ) {
 593 | 			event = document.createEvent("MouseEvents");
 594 | 			event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
 595 | 				0, 0, 0, 0, 0, false, false, false, false, 0, null);
 596 | 			elem.dispatchEvent( event );
 597 | 
 598 | 		} else if ( elem.fireEvent ) {
 599 | 			elem.fireEvent("on"+type);
 600 | 		}
 601 | 	},
 602 | 
 603 | 	// Safe object type checking
 604 | 	is: function( type, obj ) {
 605 | 		return QUnit.objectType( obj ) == type;
 606 | 	},
 607 | 
 608 | 	objectType: function( obj ) {
 609 | 		if (typeof obj === "undefined") {
 610 | 				return "undefined";
 611 | 
 612 | 		// consider: typeof null === object
 613 | 		}
 614 | 		if (obj === null) {
 615 | 				return "null";
 616 | 		}
 617 | 
 618 | 		var type = toString.call( obj ).match(/^\[object\s(.*)\]$/)[1] || '';
 619 | 
 620 | 		switch (type) {
 621 | 			case 'Number':
 622 | 				if (isNaN(obj)) {
 623 | 					return "nan";
 624 | 				}
 625 | 				return "number";
 626 | 			case 'String':
 627 | 			case 'Boolean':
 628 | 			case 'Array':
 629 | 			case 'Date':
 630 | 			case 'RegExp':
 631 | 			case 'Function':
 632 | 					return type.toLowerCase();
 633 | 		}
 634 | 		if (typeof obj === "object") {
 635 | 				return "object";
 636 | 		}
 637 | 		return undefined;
 638 | 	},
 639 | 
 640 | 	push: function(result, actual, expected, message) {
 641 | 		if (!config.current) {
 642 | 			throw new Error("assertion outside test context, was " + sourceFromStacktrace());
 643 | 		}
 644 | 		var details = {
 645 | 			result: result,
 646 | 			message: message,
 647 | 			actual: actual,
 648 | 			expected: expected
 649 | 		};
 650 | 
 651 | 		message = escapeInnerText(message) || (result ? "okay" : "failed");
 652 | 		message = '<span class="test-message">' + message + "</span>";
 653 | 		var output = message;
 654 | 		if (!result) {
 655 | 			expected = escapeInnerText(QUnit.jsDump.parse(expected));
 656 | 			actual = escapeInnerText(QUnit.jsDump.parse(actual));
 657 | 			output += '<table><tr class="test-expected"><th>Expected: </th><td><pre>' + expected + '</pre></td></tr>';
 658 | 			if (actual != expected) {
 659 | 				output += '<tr class="test-actual"><th>Result: </th><td><pre>' + actual + '</pre></td></tr>';
 660 | 				output += '<tr class="test-diff"><th>Diff: </th><td><pre>' + QUnit.diff(expected, actual) +'</pre></td></tr>';
 661 | 			}
 662 | 			var source = sourceFromStacktrace();
 663 | 			if (source) {
 664 | 				details.source = source;
 665 | 				output += '<tr class="test-source"><th>Source: </th><td><pre>' + escapeInnerText(source) + '</pre></td></tr>';
 666 | 			}
 667 | 			output += "</table>";
 668 | 		}
 669 | 
 670 | 		runLoggingCallbacks( 'log', QUnit, details );
 671 | 
 672 | 		config.current.assertions.push({
 673 | 			result: !!result,
 674 | 			message: output
 675 | 		});
 676 | 	},
 677 | 
 678 | 	pushFailure: function(message, source) {
 679 | 		var details = {
 680 | 			result: false,
 681 | 			message: message
 682 | 		};
 683 | 		var output = escapeInnerText(message);
 684 | 		if (source) {
 685 | 			details.source = source;
 686 | 			output += '<table><tr class="test-source"><th>Source: </th><td><pre>' + escapeInnerText(source) + '</pre></td></tr></table>';
 687 | 		}
 688 | 		runLoggingCallbacks( 'log', QUnit, details );
 689 | 		config.current.assertions.push({
 690 | 			result: false,
 691 | 			message: output
 692 | 		});
 693 | 	},
 694 | 
 695 | 	url: function( params ) {
 696 | 		params = extend( extend( {}, QUnit.urlParams ), params );
 697 | 		var querystring = "?",
 698 | 			key;
 699 | 		for ( key in params ) {
 700 | 			if ( !hasOwn.call( params, key ) ) {
 701 | 				continue;
 702 | 			}
 703 | 			querystring += encodeURIComponent( key ) + "=" +
 704 | 				encodeURIComponent( params[ key ] ) + "&";
 705 | 		}
 706 | 		return window.location.pathname + querystring.slice( 0, -1 );
 707 | 	},
 708 | 
 709 | 	extend: extend,
 710 | 	id: id,
 711 | 	addEvent: addEvent
 712 | });
 713 | 
 714 | //QUnit.constructor is set to the empty F() above so that we can add to it's prototype later
 715 | //Doing this allows us to tell if the following methods have been overwritten on the actual
 716 | //QUnit object, which is a deprecated way of using the callbacks.
 717 | extend(QUnit.constructor.prototype, {
 718 | 	// Logging callbacks; all receive a single argument with the listed properties
 719 | 	// run test/logs.html for any related changes
 720 | 	begin: registerLoggingCallback('begin'),
 721 | 	// done: { failed, passed, total, runtime }
 722 | 	done: registerLoggingCallback('done'),
 723 | 	// log: { result, actual, expected, message }
 724 | 	log: registerLoggingCallback('log'),
 725 | 	// testStart: { name }
 726 | 	testStart: registerLoggingCallback('testStart'),
 727 | 	// testDone: { name, failed, passed, total }
 728 | 	testDone: registerLoggingCallback('testDone'),
 729 | 	// moduleStart: { name }
 730 | 	moduleStart: registerLoggingCallback('moduleStart'),
 731 | 	// moduleDone: { name, failed, passed, total }
 732 | 	moduleDone: registerLoggingCallback('moduleDone')
 733 | });
 734 | 
 735 | if ( typeof document === "undefined" || document.readyState === "complete" ) {
 736 | 	config.autorun = true;
 737 | }
 738 | 
 739 | QUnit.load = function() {
 740 | 	runLoggingCallbacks( 'begin', QUnit, {} );
 741 | 
 742 | 	// Initialize the config, saving the execution queue
 743 | 	var oldconfig = extend({}, config);
 744 | 	QUnit.init();
 745 | 	extend(config, oldconfig);
 746 | 
 747 | 	config.blocking = false;
 748 | 
 749 | 	var urlConfigHtml = '', len = config.urlConfig.length;
 750 | 	for ( var i = 0, val; i < len; i++ ) {
 751 | 		val = config.urlConfig[i];
 752 | 		config[val] = QUnit.urlParams[val];
 753 | 		urlConfigHtml += '<label><input name="' + val + '" type="checkbox"' + ( config[val] ? ' checked="checked"' : '' ) + '>' + val + '</label>';
 754 | 	}
 755 | 
 756 | 	var userAgent = id("qunit-userAgent");
 757 | 	if ( userAgent ) {
 758 | 		userAgent.innerHTML = navigator.userAgent;
 759 | 	}
 760 | 	var banner = id("qunit-header");
 761 | 	if ( banner ) {
 762 | 		banner.innerHTML = '<a href="' + QUnit.url({ filter: undefined }) + '"> ' + banner.innerHTML + '</a> ' + urlConfigHtml;
 763 | 		addEvent( banner, "change", function( event ) {
 764 | 			var params = {};
 765 | 			params[ event.target.name ] = event.target.checked ? true : undefined;
 766 | 			window.location = QUnit.url( params );
 767 | 		});
 768 | 	}
 769 | 
 770 | 	var toolbar = id("qunit-testrunner-toolbar");
 771 | 	if ( toolbar ) {
 772 | 		var filter = document.createElement("input");
 773 | 		filter.type = "checkbox";
 774 | 		filter.id = "qunit-filter-pass";
 775 | 		addEvent( filter, "click", function() {
 776 | 			var ol = document.getElementById("qunit-tests");
 777 | 			if ( filter.checked ) {
 778 | 				ol.className = ol.className + " hidepass";
 779 | 			} else {
 780 | 				var tmp = " " + ol.className.replace( /[\n\t\r]/g, " " ) + " ";
 781 | 				ol.className = tmp.replace(/ hidepass /, " ");
 782 | 			}
 783 | 			if ( defined.sessionStorage ) {
 784 | 				if (filter.checked) {
 785 | 					sessionStorage.setItem("qunit-filter-passed-tests", "true");
 786 | 				} else {
 787 | 					sessionStorage.removeItem("qunit-filter-passed-tests");
 788 | 				}
 789 | 			}
 790 | 		});
 791 | 		if ( config.hidepassed || defined.sessionStorage && sessionStorage.getItem("qunit-filter-passed-tests") ) {
 792 | 			filter.checked = true;
 793 | 			var ol = document.getElementById("qunit-tests");
 794 | 			ol.className = ol.className + " hidepass";
 795 | 		}
 796 | 		toolbar.appendChild( filter );
 797 | 
 798 | 		var label = document.createElement("label");
 799 | 		label.setAttribute("for", "qunit-filter-pass");
 800 | 		label.innerHTML = "Hide passed tests";
 801 | 		toolbar.appendChild( label );
 802 | 	}
 803 | 
 804 | 	var main = id('qunit-fixture');
 805 | 	if ( main ) {
 806 | 		config.fixture = main.innerHTML;
 807 | 	}
 808 | 
 809 | 	if (config.autostart) {
 810 | 		QUnit.start();
 811 | 	}
 812 | };
 813 | 
 814 | addEvent(window, "load", QUnit.load);
 815 | 
 816 | // addEvent(window, "error") gives us a useless event object
 817 | window.onerror = function( message, file, line ) {
 818 | 	if ( QUnit.config.current ) {
 819 | 		QUnit.pushFailure( message, file + ":" + line );
 820 | 	} else {
 821 | 		QUnit.test( "global failure", function() {
 822 | 			QUnit.pushFailure( message, file + ":" + line );
 823 | 		});
 824 | 	}
 825 | };
 826 | 
 827 | function done() {
 828 | 	config.autorun = true;
 829 | 
 830 | 	// Log the last module results
 831 | 	if ( config.currentModule ) {
 832 | 		runLoggingCallbacks( 'moduleDone', QUnit, {
 833 | 			name: config.currentModule,
 834 | 			failed: config.moduleStats.bad,
 835 | 			passed: config.moduleStats.all - config.moduleStats.bad,
 836 | 			total: config.moduleStats.all
 837 | 		} );
 838 | 	}
 839 | 
 840 | 	var banner = id("qunit-banner"),
 841 | 		tests = id("qunit-tests"),
 842 | 		runtime = +new Date() - config.started,
 843 | 		passed = config.stats.all - config.stats.bad,
 844 | 		html = [
 845 | 			'Tests completed in ',
 846 | 			runtime,
 847 | 			' milliseconds.<br/>',
 848 | 			'<span class="passed">',
 849 | 			passed,
 850 | 			'</span> tests of <span class="total">',
 851 | 			config.stats.all,
 852 | 			'</span> passed, <span class="failed">',
 853 | 			config.stats.bad,
 854 | 			'</span> failed.'
 855 | 		].join('');
 856 | 
 857 | 	if ( banner ) {
 858 | 		banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
 859 | 	}
 860 | 
 861 | 	if ( tests ) {
 862 | 		id( "qunit-testresult" ).innerHTML = html;
 863 | 	}
 864 | 
 865 | 	if ( config.altertitle && typeof document !== "undefined" && document.title ) {
 866 | 		// show ✖ for good, ✔ for bad suite result in title
 867 | 		// use escape sequences in case file gets loaded with non-utf-8-charset
 868 | 		document.title = [
 869 | 			(config.stats.bad ? "\u2716" : "\u2714"),
 870 | 			document.title.replace(/^[\u2714\u2716] /i, "")
 871 | 		].join(" ");
 872 | 	}
 873 | 
 874 | 	// clear own sessionStorage items if all tests passed
 875 | 	if ( config.reorder && defined.sessionStorage && config.stats.bad === 0 ) {
 876 | 		for (var key in sessionStorage) {
 877 | 			if (sessionStorage.hasOwnProperty(key) && key.indexOf("qunit-test-") === 0 ) {
 878 | 				sessionStorage.removeItem(key);
 879 | 			}
 880 | 		}
 881 | 	}
 882 | 
 883 | 	runLoggingCallbacks( 'done', QUnit, {
 884 | 		failed: config.stats.bad,
 885 | 		passed: passed,
 886 | 		total: config.stats.all,
 887 | 		runtime: runtime
 888 | 	} );
 889 | }
 890 | 
 891 | function validTest( name ) {
 892 | 	var filter = config.filter,
 893 | 		run = false;
 894 | 
 895 | 	if ( !filter ) {
 896 | 		return true;
 897 | 	}
 898 | 
 899 | 	var not = filter.charAt( 0 ) === "!";
 900 | 	if ( not ) {
 901 | 		filter = filter.slice( 1 );
 902 | 	}
 903 | 
 904 | 	if ( name.indexOf( filter ) !== -1 ) {
 905 | 		return !not;
 906 | 	}
 907 | 
 908 | 	if ( not ) {
 909 | 		run = true;
 910 | 	}
 911 | 
 912 | 	return run;
 913 | }
 914 | 
 915 | // so far supports only Firefox, Chrome and Opera (buggy)
 916 | // could be extended in the future to use something like https://github.com/csnover/TraceKit
 917 | function extractStacktrace( e, offset ) {
 918 | 	offset = offset || 3;
 919 | 	if (e.stacktrace) {
 920 | 		// Opera
 921 | 		return e.stacktrace.split("\n")[offset + 3];
 922 | 	} else if (e.stack) {
 923 | 		// Firefox, Chrome
 924 | 		var stack = e.stack.split("\n");
 925 | 		if (/^error$/i.test(stack[0])) {
 926 | 			stack.shift();
 927 | 		}
 928 | 		return stack[offset];
 929 | 	} else if (e.sourceURL) {
 930 | 		// Safari, PhantomJS
 931 | 		// hopefully one day Safari provides actual stacktraces
 932 | 		// exclude useless self-reference for generated Error objects
 933 | 		if ( /qunit.js$/.test( e.sourceURL ) ) {
 934 | 			return;
 935 | 		}
 936 | 		// for actual exceptions, this is useful
 937 | 		return e.sourceURL + ":" + e.line;
 938 | 	}
 939 | }
 940 | function sourceFromStacktrace(offset) {
 941 | 	try {
 942 | 		throw new Error();
 943 | 	} catch ( e ) {
 944 | 		return extractStacktrace( e, offset );
 945 | 	}
 946 | }
 947 | 
 948 | function escapeInnerText(s) {
 949 | 	if (!s) {
 950 | 		return "";
 951 | 	}
 952 | 	s = s + "";
 953 | 	return s.replace(/[\&<>]/g, function(s) {
 954 | 		switch(s) {
 955 | 			case "&": return "&amp;";
 956 | 			case "<": return "&lt;";
 957 | 			case ">": return "&gt;";
 958 | 			default: return s;
 959 | 		}
 960 | 	});
 961 | }
 962 | 
 963 | function synchronize( callback, last ) {
 964 | 	config.queue.push( callback );
 965 | 
 966 | 	if ( config.autorun && !config.blocking ) {
 967 | 		process(last);
 968 | 	}
 969 | }
 970 | 
 971 | function process( last ) {
 972 | 	function next() {
 973 | 		process( last );
 974 | 	}
 975 | 	var start = new Date().getTime();
 976 | 	config.depth = config.depth ? config.depth + 1 : 1;
 977 | 
 978 | 	while ( config.queue.length && !config.blocking ) {
 979 | 		if ( !defined.setTimeout || config.updateRate <= 0 || ( ( new Date().getTime() - start ) < config.updateRate ) ) {
 980 | 			config.queue.shift()();
 981 | 		} else {
 982 | 			window.setTimeout( next, 13 );
 983 | 			break;
 984 | 		}
 985 | 	}
 986 | 	config.depth--;
 987 | 	if ( last && !config.blocking && !config.queue.length && config.depth === 0 ) {
 988 | 		done();
 989 | 	}
 990 | }
 991 | 
 992 | function saveGlobal() {
 993 | 	config.pollution = [];
 994 | 
 995 | 	if ( config.noglobals ) {
 996 | 		for ( var key in window ) {
 997 | 			if ( !hasOwn.call( window, key ) ) {
 998 | 				continue;
 999 | 			}
1000 | 			config.pollution.push( key );
1001 | 		}
1002 | 	}
1003 | }
1004 | 
1005 | function checkPollution( name ) {
1006 | 	var old = config.pollution;
1007 | 	saveGlobal();
1008 | 
1009 | 	var newGlobals = diff( config.pollution, old );
1010 | 	if ( newGlobals.length > 0 ) {
1011 | 		QUnit.pushFailure( "Introduced global variable(s): " + newGlobals.join(", ") );
1012 | 	}
1013 | 
1014 | 	var deletedGlobals = diff( old, config.pollution );
1015 | 	if ( deletedGlobals.length > 0 ) {
1016 | 		QUnit.pushFailure( "Deleted global variable(s): " + deletedGlobals.join(", ") );
1017 | 	}
1018 | }
1019 | 
1020 | // returns a new Array with the elements that are in a but not in b
1021 | function diff( a, b ) {
1022 | 	var result = a.slice();
1023 | 	for ( var i = 0; i < result.length; i++ ) {
1024 | 		for ( var j = 0; j < b.length; j++ ) {
1025 | 			if ( result[i] === b[j] ) {
1026 | 				result.splice(i, 1);
1027 | 				i--;
1028 | 				break;
1029 | 			}
1030 | 		}
1031 | 	}
1032 | 	return result;
1033 | }
1034 | 
1035 | function extend(a, b) {
1036 | 	for ( var prop in b ) {
1037 | 		if ( b[prop] === undefined ) {
1038 | 			delete a[prop];
1039 | 
1040 | 		// Avoid "Member not found" error in IE8 caused by setting window.constructor
1041 | 		} else if ( prop !== "constructor" || a !== window ) {
1042 | 			a[prop] = b[prop];
1043 | 		}
1044 | 	}
1045 | 
1046 | 	return a;
1047 | }
1048 | 
1049 | function addEvent(elem, type, fn) {
1050 | 	if ( elem.addEventListener ) {
1051 | 		elem.addEventListener( type, fn, false );
1052 | 	} else if ( elem.attachEvent ) {
1053 | 		elem.attachEvent( "on" + type, fn );
1054 | 	} else {
1055 | 		fn();
1056 | 	}
1057 | }
1058 | 
1059 | function id(name) {
1060 | 	return !!(typeof document !== "undefined" && document && document.getElementById) &&
1061 | 		document.getElementById( name );
1062 | }
1063 | 
1064 | function registerLoggingCallback(key){
1065 | 	return function(callback){
1066 | 		config[key].push( callback );
1067 | 	};
1068 | }
1069 | 
1070 | // Supports deprecated method of completely overwriting logging callbacks
1071 | function runLoggingCallbacks(key, scope, args) {
1072 | 	//debugger;
1073 | 	var callbacks;
1074 | 	if ( QUnit.hasOwnProperty(key) ) {
1075 | 		QUnit[key].call(scope, args);
1076 | 	} else {
1077 | 		callbacks = config[key];
1078 | 		for( var i = 0; i < callbacks.length; i++ ) {
1079 | 			callbacks[i].call( scope, args );
1080 | 		}
1081 | 	}
1082 | }
1083 | 
1084 | // Test for equality any JavaScript type.
1085 | // Author: Philippe Rathé <prathe@gmail.com>
1086 | QUnit.equiv = (function() {
1087 | 
1088 | 	var innerEquiv; // the real equiv function
1089 | 	var callers = []; // stack to decide between skip/abort functions
1090 | 	var parents = []; // stack to avoiding loops from circular referencing
1091 | 
1092 | 	// Call the o related callback with the given arguments.
1093 | 	function bindCallbacks(o, callbacks, args) {
1094 | 		var prop = QUnit.objectType(o);
1095 | 		if (prop) {
1096 | 			if (QUnit.objectType(callbacks[prop]) === "function") {
1097 | 				return callbacks[prop].apply(callbacks, args);
1098 | 			} else {
1099 | 				return callbacks[prop]; // or undefined
1100 | 			}
1101 | 		}
1102 | 	}
1103 | 
1104 | 	var getProto = Object.getPrototypeOf || function (obj) {
1105 | 		return obj.__proto__;
1106 | 	};
1107 | 
1108 | 	var callbacks = (function () {
1109 | 
1110 | 		// for string, boolean, number and null
1111 | 		function useStrictEquality(b, a) {
1112 | 			if (b instanceof a.constructor || a instanceof b.constructor) {
1113 | 				// to catch short annotaion VS 'new' annotation of a
1114 | 				// declaration
1115 | 				// e.g. var i = 1;
1116 | 				// var j = new Number(1);
1117 | 				return a == b;
1118 | 			} else {
1119 | 				return a === b;
1120 | 			}
1121 | 		}
1122 | 
1123 | 		return {
1124 | 			"string" : useStrictEquality,
1125 | 			"boolean" : useStrictEquality,
1126 | 			"number" : useStrictEquality,
1127 | 			"null" : useStrictEquality,
1128 | 			"undefined" : useStrictEquality,
1129 | 
1130 | 			"nan" : function(b) {
1131 | 				return isNaN(b);
1132 | 			},
1133 | 
1134 | 			"date" : function(b, a) {
1135 | 				return QUnit.objectType(b) === "date" && a.valueOf() === b.valueOf();
1136 | 			},
1137 | 
1138 | 			"regexp" : function(b, a) {
1139 | 				return QUnit.objectType(b) === "regexp" &&
1140 | 					// the regex itself
1141 | 					a.source === b.source &&
1142 | 					// and its modifers
1143 | 					a.global === b.global &&
1144 | 					// (gmi) ...
1145 | 					a.ignoreCase === b.ignoreCase &&
1146 | 					a.multiline === b.multiline;
1147 | 			},
1148 | 
1149 | 			// - skip when the property is a method of an instance (OOP)
1150 | 			// - abort otherwise,
1151 | 			// initial === would have catch identical references anyway
1152 | 			"function" : function() {
1153 | 				var caller = callers[callers.length - 1];
1154 | 				return caller !== Object && typeof caller !== "undefined";
1155 | 			},
1156 | 
1157 | 			"array" : function(b, a) {
1158 | 				var i, j, loop;
1159 | 				var len;
1160 | 
1161 | 				// b could be an object literal here
1162 | 				if (QUnit.objectType(b) !== "array") {
1163 | 					return false;
1164 | 				}
1165 | 
1166 | 				len = a.length;
1167 | 				if (len !== b.length) { // safe and faster
1168 | 					return false;
1169 | 				}
1170 | 
1171 | 				// track reference to avoid circular references
1172 | 				parents.push(a);
1173 | 				for (i = 0; i < len; i++) {
1174 | 					loop = false;
1175 | 					for (j = 0; j < parents.length; j++) {
1176 | 						if (parents[j] === a[i]) {
1177 | 							loop = true;// dont rewalk array
1178 | 						}
1179 | 					}
1180 | 					if (!loop && !innerEquiv(a[i], b[i])) {
1181 | 						parents.pop();
1182 | 						return false;
1183 | 					}
1184 | 				}
1185 | 				parents.pop();
1186 | 				return true;
1187 | 			},
1188 | 
1189 | 			"object" : function(b, a) {
1190 | 				var i, j, loop;
1191 | 				var eq = true; // unless we can proove it
1192 | 				var aProperties = [], bProperties = []; // collection of
1193 | 														// strings
1194 | 
1195 | 				// comparing constructors is more strict than using
1196 | 				// instanceof
1197 | 				if (a.constructor !== b.constructor) {
1198 | 					// Allow objects with no prototype to be equivalent to
1199 | 					// objects with Object as their constructor.
1200 | 					if (!((getProto(a) === null && getProto(b) === Object.prototype) ||
1201 | 						(getProto(b) === null && getProto(a) === Object.prototype)))
1202 | 					{
1203 | 						return false;
1204 | 					}
1205 | 				}
1206 | 
1207 | 				// stack constructor before traversing properties
1208 | 				callers.push(a.constructor);
1209 | 				// track reference to avoid circular references
1210 | 				parents.push(a);
1211 | 
1212 | 				for (i in a) { // be strict: don't ensures hasOwnProperty
1213 | 								// and go deep
1214 | 					loop = false;
1215 | 					for (j = 0; j < parents.length; j++) {
1216 | 						if (parents[j] === a[i]) {
1217 | 							// don't go down the same path twice
1218 | 							loop = true;
1219 | 						}
1220 | 					}
1221 | 					aProperties.push(i); // collect a's properties
1222 | 
1223 | 					if (!loop && !innerEquiv(a[i], b[i])) {
1224 | 						eq = false;
1225 | 						break;
1226 | 					}
1227 | 				}
1228 | 
1229 | 				callers.pop(); // unstack, we are done
1230 | 				parents.pop();
1231 | 
1232 | 				for (i in b) {
1233 | 					bProperties.push(i); // collect b's properties
1234 | 				}
1235 | 
1236 | 				// Ensures identical properties name
1237 | 				return eq && innerEquiv(aProperties.sort(), bProperties.sort());
1238 | 			}
1239 | 		};
1240 | 	}());
1241 | 
1242 | 	innerEquiv = function() { // can take multiple arguments
1243 | 		var args = Array.prototype.slice.apply(arguments);
1244 | 		if (args.length < 2) {
1245 | 			return true; // end transition
1246 | 		}
1247 | 
1248 | 		return (function(a, b) {
1249 | 			if (a === b) {
1250 | 				return true; // catch the most you can
1251 | 			} else if (a === null || b === null || typeof a === "undefined" ||
1252 | 					typeof b === "undefined" ||
1253 | 					QUnit.objectType(a) !== QUnit.objectType(b)) {
1254 | 				return false; // don't lose time with error prone cases
1255 | 			} else {
1256 | 				return bindCallbacks(a, callbacks, [ b, a ]);
1257 | 			}
1258 | 
1259 | 			// apply transition with (1..n) arguments
1260 | 		}(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length - 1)));
1261 | 	};
1262 | 
1263 | 	return innerEquiv;
1264 | 
1265 | }());
1266 | 
1267 | /**
1268 |  * jsDump Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com |
1269 |  * http://flesler.blogspot.com Licensed under BSD
1270 |  * (http://www.opensource.org/licenses/bsd-license.php) Date: 5/15/2008
1271 |  *
1272 |  * @projectDescription Advanced and extensible data dumping for Javascript.
1273 |  * @version 1.0.0
1274 |  * @author Ariel Flesler
1275 |  * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
1276 |  */
1277 | QUnit.jsDump = (function() {
1278 | 	function quote( str ) {
1279 | 		return '"' + str.toString().replace(/"/g, '\\"') + '"';
1280 | 	}
1281 | 	function literal( o ) {
1282 | 		return o + '';
1283 | 	}
1284 | 	function join( pre, arr, post ) {
1285 | 		var s = jsDump.separator(),
1286 | 			base = jsDump.indent(),
1287 | 			inner = jsDump.indent(1);
1288 | 		if ( arr.join ) {
1289 | 			arr = arr.join( ',' + s + inner );
1290 | 		}
1291 | 		if ( !arr ) {
1292 | 			return pre + post;
1293 | 		}
1294 | 		return [ pre, inner + arr, base + post ].join(s);
1295 | 	}
1296 | 	function array( arr, stack ) {
1297 | 		var i = arr.length, ret = new Array(i);
1298 | 		this.up();
1299 | 		while ( i-- ) {
1300 | 			ret[i] = this.parse( arr[i] , undefined , stack);
1301 | 		}
1302 | 		this.down();
1303 | 		return join( '[', ret, ']' );
1304 | 	}
1305 | 
1306 | 	var reName = /^function (\w+)/;
1307 | 
1308 | 	var jsDump = {
1309 | 		parse: function( obj, type, stack ) { //type is used mostly internally, you can fix a (custom)type in advance
1310 | 			stack = stack || [ ];
1311 | 			var parser = this.parsers[ type || this.typeOf(obj) ];
1312 | 			type = typeof parser;
1313 | 			var inStack = inArray(obj, stack);
1314 | 			if (inStack != -1) {
1315 | 				return 'recursion('+(inStack - stack.length)+')';
1316 | 			}
1317 | 			//else
1318 | 			if (type == 'function')  {
1319 | 					stack.push(obj);
1320 | 					var res = parser.call( this, obj, stack );
1321 | 					stack.pop();
1322 | 					return res;
1323 | 			}
1324 | 			// else
1325 | 			return (type == 'string') ? parser : this.parsers.error;
1326 | 		},
1327 | 		typeOf: function( obj ) {
1328 | 			var type;
1329 | 			if ( obj === null ) {
1330 | 				type = "null";
1331 | 			} else if (typeof obj === "undefined") {
1332 | 				type = "undefined";
1333 | 			} else if (QUnit.is("RegExp", obj)) {
1334 | 				type = "regexp";
1335 | 			} else if (QUnit.is("Date", obj)) {
1336 | 				type = "date";
1337 | 			} else if (QUnit.is("Function", obj)) {
1338 | 				type = "function";
1339 | 			} else if (typeof obj.setInterval !== undefined && typeof obj.document !== "undefined" && typeof obj.nodeType === "undefined") {
1340 | 				type = "window";
1341 | 			} else if (obj.nodeType === 9) {
1342 | 				type = "document";
1343 | 			} else if (obj.nodeType) {
1344 | 				type = "node";
1345 | 			} else if (
1346 | 				// native arrays
1347 | 				toString.call( obj ) === "[object Array]" ||
1348 | 				// NodeList objects
1349 | 				( typeof obj.length === "number" && typeof obj.item !== "undefined" && ( obj.length ? obj.item(0) === obj[0] : ( obj.item( 0 ) === null && typeof obj[0] === "undefined" ) ) )
1350 | 			) {
1351 | 				type = "array";
1352 | 			} else {
1353 | 				type = typeof obj;
1354 | 			}
1355 | 			return type;
1356 | 		},
1357 | 		separator: function() {
1358 | 			return this.multiline ?	this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' ';
1359 | 		},
1360 | 		indent: function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
1361 | 			if ( !this.multiline ) {
1362 | 				return '';
1363 | 			}
1364 | 			var chr = this.indentChar;
1365 | 			if ( this.HTML ) {
1366 | 				chr = chr.replace(/\t/g,'   ').replace(/ /g,'&nbsp;');
1367 | 			}
1368 | 			return new Array( this._depth_ + (extra||0) ).join(chr);
1369 | 		},
1370 | 		up: function( a ) {
1371 | 			this._depth_ += a || 1;
1372 | 		},
1373 | 		down: function( a ) {
1374 | 			this._depth_ -= a || 1;
1375 | 		},
1376 | 		setParser: function( name, parser ) {
1377 | 			this.parsers[name] = parser;
1378 | 		},
1379 | 		// The next 3 are exposed so you can use them
1380 | 		quote: quote,
1381 | 		literal: literal,
1382 | 		join: join,
1383 | 		//
1384 | 		_depth_: 1,
1385 | 		// This is the list of parsers, to modify them, use jsDump.setParser
1386 | 		parsers: {
1387 | 			window: '[Window]',
1388 | 			document: '[Document]',
1389 | 			error: '[ERROR]', //when no parser is found, shouldn't happen
1390 | 			unknown: '[Unknown]',
1391 | 			'null': 'null',
1392 | 			'undefined': 'undefined',
1393 | 			'function': function( fn ) {
1394 | 				var ret = 'function',
1395 | 					name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
1396 | 				if ( name ) {
1397 | 					ret += ' ' + name;
1398 | 				}
1399 | 				ret += '(';
1400 | 
1401 | 				ret = [ ret, QUnit.jsDump.parse( fn, 'functionArgs' ), '){'].join('');
1402 | 				return join( ret, QUnit.jsDump.parse(fn,'functionCode'), '}' );
1403 | 			},
1404 | 			array: array,
1405 | 			nodelist: array,
1406 | 			'arguments': array,
1407 | 			object: function( map, stack ) {
1408 | 				var ret = [ ], keys, key, val, i;
1409 | 				QUnit.jsDump.up();
1410 | 				if (Object.keys) {
1411 | 					keys = Object.keys( map );
1412 | 				} else {
1413 | 					keys = [];
1414 | 					for (key in map) { keys.push( key ); }
1415 | 				}
1416 | 				keys.sort();
1417 | 				for (i = 0; i < keys.length; i++) {
1418 | 					key = keys[ i ];
1419 | 					val = map[ key ];
1420 | 					ret.push( QUnit.jsDump.parse( key, 'key' ) + ': ' + QUnit.jsDump.parse( val, undefined, stack ) );
1421 | 				}
1422 | 				QUnit.jsDump.down();
1423 | 				return join( '{', ret, '}' );
1424 | 			},
1425 | 			node: function( node ) {
1426 | 				var open = QUnit.jsDump.HTML ? '&lt;' : '<',
1427 | 					close = QUnit.jsDump.HTML ? '&gt;' : '>';
1428 | 
1429 | 				var tag = node.nodeName.toLowerCase(),
1430 | 					ret = open + tag;
1431 | 
1432 | 				for ( var a in QUnit.jsDump.DOMAttrs ) {
1433 | 					var val = node[QUnit.jsDump.DOMAttrs[a]];
1434 | 					if ( val ) {
1435 | 						ret += ' ' + a + '=' + QUnit.jsDump.parse( val, 'attribute' );
1436 | 					}
1437 | 				}
1438 | 				return ret + close + open + '/' + tag + close;
1439 | 			},
1440 | 			functionArgs: function( fn ) {//function calls it internally, it's the arguments part of the function
1441 | 				var l = fn.length;
1442 | 				if ( !l ) {
1443 | 					return '';
1444 | 				}
1445 | 
1446 | 				var args = new Array(l);
1447 | 				while ( l-- ) {
1448 | 					args[l] = String.fromCharCode(97+l);//97 is 'a'
1449 | 				}
1450 | 				return ' ' + args.join(', ') + ' ';
1451 | 			},
1452 | 			key: quote, //object calls it internally, the key part of an item in a map
1453 | 			functionCode: '[code]', //function calls it internally, it's the content of the function
1454 | 			attribute: quote, //node calls it internally, it's an html attribute value
1455 | 			string: quote,
1456 | 			date: quote,
1457 | 			regexp: literal, //regex
1458 | 			number: literal,
1459 | 			'boolean': literal
1460 | 		},
1461 | 		DOMAttrs:{//attributes to dump from nodes, name=>realName
1462 | 			id:'id',
1463 | 			name:'name',
1464 | 			'class':'className'
1465 | 		},
1466 | 		HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
1467 | 		indentChar:'  ',//indentation unit
1468 | 		multiline:true //if true, items in a collection, are separated by a \n, else just a space.
1469 | 	};
1470 | 
1471 | 	return jsDump;
1472 | }());
1473 | 
1474 | // from Sizzle.js
1475 | function getText( elems ) {
1476 | 	var ret = "", elem;
1477 | 
1478 | 	for ( var i = 0; elems[i]; i++ ) {
1479 | 		elem = elems[i];
1480 | 
1481 | 		// Get the text from text nodes and CDATA nodes
1482 | 		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
1483 | 			ret += elem.nodeValue;
1484 | 
1485 | 		// Traverse everything else, except comment nodes
1486 | 		} else if ( elem.nodeType !== 8 ) {
1487 | 			ret += getText( elem.childNodes );
1488 | 		}
1489 | 	}
1490 | 
1491 | 	return ret;
1492 | }
1493 | 
1494 | //from jquery.js
1495 | function inArray( elem, array ) {
1496 | 	if ( array.indexOf ) {
1497 | 		return array.indexOf( elem );
1498 | 	}
1499 | 
1500 | 	for ( var i = 0, length = array.length; i < length; i++ ) {
1501 | 		if ( array[ i ] === elem ) {
1502 | 			return i;
1503 | 		}
1504 | 	}
1505 | 
1506 | 	return -1;
1507 | }
1508 | 
1509 | /*
1510 |  * Javascript Diff Algorithm
1511 |  *  By John Resig (http://ejohn.org/)
1512 |  *  Modified by Chu Alan "sprite"
1513 |  *
1514 |  * Released under the MIT license.
1515 |  *
1516 |  * More Info:
1517 |  *  http://ejohn.org/projects/javascript-diff-algorithm/
1518 |  *
1519 |  * Usage: QUnit.diff(expected, actual)
1520 |  *
1521 |  * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the  quick <del>brown </del> fox <del>jumped </del><ins>jumps </ins> over"
1522 |  */
1523 | QUnit.diff = (function() {
1524 | 	function diff(o, n) {
1525 | 		var ns = {};
1526 | 		var os = {};
1527 | 		var i;
1528 | 
1529 | 		for (i = 0; i < n.length; i++) {
1530 | 			if (ns[n[i]] == null) {
1531 | 				ns[n[i]] = {
1532 | 					rows: [],
1533 | 					o: null
1534 | 				};
1535 | 			}
1536 | 			ns[n[i]].rows.push(i);
1537 | 		}
1538 | 
1539 | 		for (i = 0; i < o.length; i++) {
1540 | 			if (os[o[i]] == null) {
1541 | 				os[o[i]] = {
1542 | 					rows: [],
1543 | 					n: null
1544 | 				};
1545 | 			}
1546 | 			os[o[i]].rows.push(i);
1547 | 		}
1548 | 
1549 | 		for (i in ns) {
1550 | 			if ( !hasOwn.call( ns, i ) ) {
1551 | 				continue;
1552 | 			}
1553 | 			if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) {
1554 | 				n[ns[i].rows[0]] = {
1555 | 					text: n[ns[i].rows[0]],
1556 | 					row: os[i].rows[0]
1557 | 				};
1558 | 				o[os[i].rows[0]] = {
1559 | 					text: o[os[i].rows[0]],
1560 | 					row: ns[i].rows[0]
1561 | 				};
1562 | 			}
1563 | 		}
1564 | 
1565 | 		for (i = 0; i < n.length - 1; i++) {
1566 | 			if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null &&
1567 | 			n[i + 1] == o[n[i].row + 1]) {
1568 | 				n[i + 1] = {
1569 | 					text: n[i + 1],
1570 | 					row: n[i].row + 1
1571 | 				};
1572 | 				o[n[i].row + 1] = {
1573 | 					text: o[n[i].row + 1],
1574 | 					row: i + 1
1575 | 				};
1576 | 			}
1577 | 		}
1578 | 
1579 | 		for (i = n.length - 1; i > 0; i--) {
1580 | 			if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null &&
1581 | 			n[i - 1] == o[n[i].row - 1]) {
1582 | 				n[i - 1] = {
1583 | 					text: n[i - 1],
1584 | 					row: n[i].row - 1
1585 | 				};
1586 | 				o[n[i].row - 1] = {
1587 | 					text: o[n[i].row - 1],
1588 | 					row: i - 1
1589 | 				};
1590 | 			}
1591 | 		}
1592 | 
1593 | 		return {
1594 | 			o: o,
1595 | 			n: n
1596 | 		};
1597 | 	}
1598 | 
1599 | 	return function(o, n) {
1600 | 		o = o.replace(/\s+$/, '');
1601 | 		n = n.replace(/\s+$/, '');
1602 | 		var out = diff(o === "" ? [] : o.split(/\s+/), n === "" ? [] : n.split(/\s+/));
1603 | 
1604 | 		var str = "";
1605 | 		var i;
1606 | 
1607 | 		var oSpace = o.match(/\s+/g);
1608 | 		if (oSpace == null) {
1609 | 			oSpace = [" "];
1610 | 		}
1611 | 		else {
1612 | 			oSpace.push(" ");
1613 | 		}
1614 | 		var nSpace = n.match(/\s+/g);
1615 | 		if (nSpace == null) {
1616 | 			nSpace = [" "];
1617 | 		}
1618 | 		else {
1619 | 			nSpace.push(" ");
1620 | 		}
1621 | 
1622 | 		if (out.n.length === 0) {
1623 | 			for (i = 0; i < out.o.length; i++) {
1624 | 				str += '<del>' + out.o[i] + oSpace[i] + "</del>";
1625 | 			}
1626 | 		}
1627 | 		else {
1628 | 			if (out.n[0].text == null) {
1629 | 				for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
1630 | 					str += '<del>' + out.o[n] + oSpace[n] + "</del>";
1631 | 				}
1632 | 			}
1633 | 
1634 | 			for (i = 0; i < out.n.length; i++) {
1635 | 				if (out.n[i].text == null) {
1636 | 					str += '<ins>' + out.n[i] + nSpace[i] + "</ins>";
1637 | 				}
1638 | 				else {
1639 | 					var pre = "";
1640 | 
1641 | 					for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
1642 | 						pre += '<del>' + out.o[n] + oSpace[n] + "</del>";
1643 | 					}
1644 | 					str += " " + out.n[i].text + nSpace[i] + pre;
1645 | 				}
1646 | 			}
1647 | 		}
1648 | 
1649 | 		return str;
1650 | 	};
1651 | }());
1652 | 
1653 | // for CommonJS enviroments, export everything
1654 | if ( typeof exports !== "undefined" || typeof require !== "undefined" ) {
1655 | 	extend(exports, QUnit);
1656 | }
1657 | 
1658 | // get at whatever the global object is, like window in browsers
1659 | }( (function() {return this;}.call()) ));
1660 | 


--------------------------------------------------------------------------------
/modernizr-2.5.3.min.js:
--------------------------------------------------------------------------------
1 | /* Modernizr 2.5.3 (Custom Build) | MIT & BSD
2 |  * Build: http://www.modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
3 |  */
4 | ;window.Modernizr=function(a,b,c){function D(a){j.cssText=a}function E(a,b){return D(n.join(a+";")+(b||""))}function F(a,b){return typeof a===b}function G(a,b){return!!~(""+a).indexOf(b)}function H(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function I(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:F(f,"function")?f.bind(d||b):f}return!1}function J(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+p.join(d+" ")+d).split(" ");return F(b,"string")||F(b,"undefined")?H(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),I(e,b,c))}function L(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)u[c[d]]=c[d]in k;return u.list&&(u.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),u}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,f,h,i=a.length;d<i;d++)k.setAttribute("type",f=a[d]),e=k.type!=="text",e&&(k.value=l,k.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(f)&&k.style.WebkitAppearance!==c?(g.appendChild(k),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(k,null).WebkitAppearance!=="textfield"&&k.offsetHeight!==0,g.removeChild(k)):/^(search|tel)$/.test(f)||(/^(url|email)$/.test(f)?e=k.checkValidity&&k.checkValidity()===!1:/^color$/.test(f)?(g.appendChild(k),g.offsetWidth,e=k.value!=l,g.removeChild(k)):e=k.value!=l)),t[a[d]]=!!e;return t}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k=b.createElement("input"),l=":)",m={}.toString,n=" -webkit- -moz- -o- -ms- ".split(" "),o="Webkit Moz O ms",p=o.split(" "),q=o.toLowerCase().split(" "),r={svg:"http://www.w3.org/2000/svg"},s={},t={},u={},v=[],w=v.slice,x,y=function(a,c,d,e){var f,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),k.appendChild(j);return f=["&#173;","<style>",a,"</style>"].join(""),k.id=h,m.innerHTML+=f,m.appendChild(k),l||(m.style.background="",g.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},z=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return y("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},A=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=F(e[d],"function"),F(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),B={}.hasOwnProperty,C;!F(B,"undefined")&&!F(B.call,"undefined")?C=function(a,b){return B.call(a,b)}:C=function(a,b){return b in a&&F(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e});var K=function(c,d){var f=c.join(""),g=d.length;y(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch="ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch||(j.touch&&j.touch.offsetTop)===9,e.csstransforms3d=(j.csstransforms3d&&j.csstransforms3d.offsetLeft)===9&&j.csstransforms3d.offsetHeight===3,e.generatedcontent=(j.generatedcontent&&j.generatedcontent.offsetHeight)>=1,e.fontface=/src/i.test(h)&&h.indexOf(d.split(" ")[0])===0},g,d)}(['@font-face {font-family:"font";src:url("https://")}',["@media (",n.join("touch-enabled),("),h,")","{#touch{top:9px;position:absolute}}"].join(""),["@media (",n.join("transform-3d),("),h,")","{#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join(""),['#generatedcontent:after{content:"',l,'";visibility:hidden}'].join("")],["fontface","touch","csstransforms3d","generatedcontent"]);s.flexbox=function(){return J("flexOrder")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!F(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){try{var d=b.createElement("canvas"),e;e=!(!a.WebGLRenderingContext||!d.getContext("experimental-webgl")&&!d.getContext("webgl")),d=c}catch(f){e=!1}return e},s.touch=function(){return e.touch},s.geolocation=function(){return!!navigator.geolocation},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!J("indexedDB",a)},s.hashchange=function(){return A("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){for(var b=-1,c=p.length;++b<c;)if(a[p[b]+"WebSocket"])return!0;return"WebSocket"in a},s.rgba=function(){return D("background-color:rgba(150,255,150,.5)"),G(j.backgroundColor,"rgba")},s.hsla=function(){return D("background-color:hsla(120,40%,100%,.5)"),G(j.backgroundColor,"rgba")||G(j.backgroundColor,"hsla")},s.multiplebgs=function(){return D("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return J("backgroundSize")},s.borderimage=function(){return J("borderImage")},s.borderradius=function(){return J("borderRadius")},s.boxshadow=function(){return J("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return E("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return J("animationName")},s.csscolumns=function(){return J("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return D((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),G(j.backgroundImage,"gradient")},s.cssreflections=function(){return J("boxReflect")},s.csstransforms=function(){return!!J("transform")},s.csstransforms3d=function(){var a=!!J("perspective");return a&&"webkitPerspective"in g.style&&(a=e.csstransforms3d),a},s.csstransitions=function(){return J("transition")},s.fontface=function(){return e.fontface},s.generatedcontent=function(){return e.generatedcontent},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var M in s)C(s,M)&&(x=M.toLowerCase(),e[x]=s[M](),v.push((e[x]?"":"no-")+x));return e.input||L(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)C(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,g.className+=" "+(b?"":"no-")+a,e[a]=b}return e},D(""),i=k=null,function(a,b){function g(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var b={},c=a.createElement,e=a.createDocumentFragment,f=e();a.createElement=function(a){var e=(b[a]||(b[a]=c(a))).cloneNode();return k.shivMethods&&e.canHaveChildren&&!d.test(a)?f.appendChild(e):e},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+h().join().replace(/\w+/g,function(a){return b[a]=c(a),f.createElement(a),'c("'+a+'")'})+");return n}")(k,f)}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),f||(b=!i(a)),b&&(a.documentShived=b),a)}var c=a.html5||{},d=/^<|^(?:button|form|map|select|textarea)$/i,e,f;(function(){var a=b.createElement("a");a.innerHTML="<xyz></xyz>",e="hidden"in a,f=a.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}()})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=z,e.hasEvent=A,e.testProp=function(a){return H([a])},e.testAllProps=J,e.testStyles=y,e.prefixed=function(a,b,c){return b?J(a,b,c):J(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,i){var j=b(a),l=j.autoCallback;j.url.split(".").pop().split("?").shift(),j.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]||h),j.instead?j.instead(a,e,f,g,i):(y[j.url]?j.noexec=!0:y[j.url]=1,f.load(j.url,j.forceCSS||!j.forceJS&&"css"==j.url.split(".").pop().split("?").shift()?"c":c,j.noexec,j.attrs,j.timeout),(d(e)||d(l))&&f.load(function(){k(),e&&e(j.origUrl,i,g),l&&l(j.origUrl,i,g),y[j.url]=2})))}function i(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var j,l,m=this.yepnope.loader;if(e(a))g(a,0,m,0);else if(w(a))for(j=0;j<a.length;j++)l=a[j],e(l)?g(l,0,m,0):w(l)?B(l):Object(l)===l&&i(l,m);else Object(a)===a&&i(a,m)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
5 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "fixto",
 3 |   "version": "0.5.0",
 4 |   "description": "A jQuery plugin for custom sticky positioning",
 5 |   "main": "dist/fixto.min.js",
 6 |   "devDependencies": {
 7 |     "grunt": "^0.3.17"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "https://github.com/bbarakaci/fixto.git"
12 |   },
13 |   "keywords": [
14 |     "sticky"
15 |   ],
16 |   "author": "Burak Barakaci <barakaci@gmail.com>",
17 |   "license": "MIT",
18 |   "homepage": "https://github.com/bbarakaci/fixto"
19 | }
20 | 


--------------------------------------------------------------------------------
/robots.txt:
--------------------------------------------------------------------------------
1 | # www.robotstxt.org/
2 | # http://code.google.com/web/controlcrawlindex/
3 | 
4 | User-agent: *
5 | 


--------------------------------------------------------------------------------
/src/fixto.js:
--------------------------------------------------------------------------------
  1 | 
  2 | var fixto = (function ($, window, document) {
  3 | 
  4 |     // Start Computed Style. Please do not modify this module here. Modify it from its own repo. See address below.
  5 | 
  6 |     /*! Computed Style - v0.1.0 - 2012-07-19
  7 |     * https://github.com/bbarakaci/computed-style
  8 |     * Copyright (c) 2012 Burak Barakaci; Licensed MIT */
  9 |     var computedStyle = (function() {
 10 |         var computedStyle = {
 11 |             getAll : function(element){
 12 |                 return document.defaultView.getComputedStyle(element);
 13 |             },
 14 |             get : function(element, name){
 15 |                 return this.getAll(element)[name];
 16 |             },
 17 |             toFloat : function(value){
 18 |                 return parseFloat(value, 10) || 0;
 19 |             },
 20 |             getFloat : function(element,name){
 21 |                 return this.toFloat(this.get(element, name));
 22 |             },
 23 |             _getAllCurrentStyle : function(element) {
 24 |                 return element.currentStyle;
 25 |             }
 26 |         };
 27 | 
 28 |         if (document.documentElement.currentStyle) {
 29 |             computedStyle.getAll = computedStyle._getAllCurrentStyle;
 30 |         }
 31 | 
 32 |         return computedStyle;
 33 | 
 34 |     }());
 35 | 
 36 |     // End Computed Style. Modify whatever you want to.
 37 | 
 38 |     var mimicNode = (function(){
 39 |         /*
 40 |         Class Mimic Node
 41 |         Dependency : Computed Style
 42 |         Tries to mimick a dom node taking his styles, dimensions. May go to his repo if gets mature.
 43 |         */
 44 | 
 45 |         function MimicNode(element) {
 46 |             this.element = element;
 47 |             this.replacer = document.createElement('div');
 48 |             this.replacer.style.visibility = 'hidden';
 49 |             this.hide();
 50 |             element.parentNode.insertBefore(this.replacer, element);
 51 |         }
 52 | 
 53 |         MimicNode.prototype = {
 54 |             replace : function(){
 55 |                 var rst = this.replacer.style;
 56 |                 var styles = computedStyle.getAll(this.element);
 57 | 
 58 |                  // rst.width = computedStyle.width(this.element) + 'px';
 59 |                  // rst.height = this.element.offsetHeight + 'px';
 60 | 
 61 |                  // Setting offsetWidth
 62 |                  rst.width = this._width();
 63 |                  rst.height = this._height();
 64 | 
 65 |                  // Adopt margins
 66 |                  rst.marginTop = styles.marginTop;
 67 |                  rst.marginBottom = styles.marginBottom;
 68 |                  rst.marginLeft = styles.marginLeft;
 69 |                  rst.marginRight = styles.marginRight;
 70 | 
 71 |                  // Adopt positioning
 72 |                  rst.cssFloat = styles.cssFloat;
 73 |                  rst.styleFloat = styles.styleFloat; //ie8;
 74 |                  rst.position = styles.position;
 75 |                  rst.top = styles.top;
 76 |                  rst.right = styles.right;
 77 |                  rst.bottom = styles.bottom;
 78 |                  rst.left = styles.left;
 79 |                  // rst.borderStyle = styles.borderStyle;
 80 | 
 81 |                  rst.display = styles.display;
 82 | 
 83 |             },
 84 | 
 85 |             hide: function () {
 86 |                 this.replacer.style.display = 'none';
 87 |             },
 88 | 
 89 |             _width : function(){
 90 |                 return this.element.getBoundingClientRect().width + 'px';
 91 |             },
 92 | 
 93 |             _widthOffset : function(){
 94 |                 return this.element.offsetWidth + 'px';
 95 |             },
 96 | 
 97 |             _height : function(){
 98 |                 return this.element.getBoundingClientRect().height + 'px';
 99 |             },
100 | 
101 |             _heightOffset : function(){
102 |                 return this.element.offsetHeight + 'px';
103 |             },
104 | 
105 |             destroy: function () {
106 |                 $(this.replacer).remove();
107 | 
108 |                 // set properties to null to break references
109 |                 for (var prop in this) {
110 |                     if (this.hasOwnProperty(prop)) {
111 |                       this[prop] = null;
112 |                     }
113 |                 }
114 |             }
115 |         };
116 | 
117 |         var bcr = document.documentElement.getBoundingClientRect();
118 |         if(!bcr.width){
119 |             MimicNode.prototype._width = MimicNode.prototype._widthOffset;
120 |             MimicNode.prototype._height = MimicNode.prototype._heightOffset;
121 |         }
122 | 
123 |         return {
124 |             MimicNode:MimicNode,
125 |             computedStyle:computedStyle
126 |         };
127 |     }());
128 | 
129 |     // Class handles vendor prefixes
130 |     function Prefix() {
131 |         // Cached vendor will be stored when it is detected
132 |         this._vendor = null;
133 | 
134 |         //this._dummy = document.createElement('div');
135 |     }
136 | 
137 |     Prefix.prototype = {
138 | 
139 |         _vendors: {
140 |           webkit: { cssPrefix: '-webkit-', jsPrefix: 'Webkit'},
141 |           moz: { cssPrefix: '-moz-', jsPrefix: 'Moz'},
142 |           ms: { cssPrefix: '-ms-', jsPrefix: 'ms'},
143 |           opera: { cssPrefix: '-o-', jsPrefix: 'O'}
144 |         },
145 | 
146 |         _prefixJsProperty: function(vendor, prop) {
147 |             return vendor.jsPrefix + prop[0].toUpperCase() + prop.substr(1);
148 |         },
149 | 
150 |         _prefixValue: function(vendor, value) {
151 |             return vendor.cssPrefix + value;
152 |         },
153 | 
154 |         _valueSupported: function(prop, value, dummy) {
155 |             // IE8 will throw Illegal Argument when you attempt to set a not supported value.
156 |             try {
157 |                 dummy.style[prop] = value;
158 |                 return dummy.style[prop] === value;
159 |             }
160 |             catch(er) {
161 |                 return false;
162 |             }
163 |         },
164 | 
165 |         /**
166 |          * Returns true if the property is supported
167 |          * @param {string} prop Property name
168 |          * @returns {boolean}
169 |          */
170 |         propertySupported: function(prop) {
171 |             // Supported property will return either inine style value or an empty string.
172 |             // Undefined means property is not supported.
173 |             return document.documentElement.style[prop] !== undefined;
174 |         },
175 | 
176 |         /**
177 |          * Returns prefixed property name for js usage
178 |          * @param {string} prop Property name
179 |          * @returns {string|null}
180 |          */
181 |         getJsProperty: function(prop) {
182 |             // Try native property name first.
183 |             if(this.propertySupported(prop)) {
184 |                 return prop;
185 |             }
186 | 
187 |             // Prefix it if we know the vendor already
188 |             if(this._vendor) {
189 |                 return this._prefixJsProperty(this._vendor, prop);
190 |             }
191 | 
192 |             // We don't know the vendor, try all the possibilities
193 |             var prefixed;
194 |             for(var vendor in this._vendors) {
195 |                 prefixed = this._prefixJsProperty(this._vendors[vendor], prop);
196 |                 if(this.propertySupported(prefixed)) {
197 |                     // Vendor detected. Cache it.
198 |                     this._vendor = this._vendors[vendor];
199 |                     return prefixed;
200 |                 }
201 |             }
202 | 
203 |             // Nothing worked
204 |             return null;
205 |         },
206 | 
207 |         /**
208 |          * Returns supported css value for css property. Could be used to check support or get prefixed value string.
209 |          * @param {string} prop Property
210 |          * @param {string} value Value name
211 |          * @returns {string|null}
212 |          */
213 |         getCssValue: function(prop, value) {
214 |             // Create dummy element to test value
215 |             var dummy = document.createElement('div');
216 | 
217 |             // Get supported property name
218 |             var jsProperty = this.getJsProperty(prop);
219 | 
220 |             // Try unprefixed value
221 |             if(this._valueSupported(jsProperty, value, dummy)) {
222 |                 return value;
223 |             }
224 | 
225 |             var prefixedValue;
226 | 
227 |             // If we know the vendor already try prefixed value
228 |             if(this._vendor) {
229 |                 prefixedValue = this._prefixValue(this._vendor, value);
230 |                 if(this._valueSupported(jsProperty, prefixedValue, dummy)) {
231 |                     return prefixedValue;
232 |                 }
233 |             }
234 | 
235 |             // Try all vendors
236 |             for(var vendor in this._vendors) {
237 |                 prefixedValue = this._prefixValue(this._vendors[vendor], value);
238 |                 if(this._valueSupported(jsProperty, prefixedValue, dummy)) {
239 |                     // Vendor detected. Cache it.
240 |                     this._vendor = this._vendors[vendor];
241 |                     return prefixedValue;
242 |                 }
243 |             }
244 |             // No support for value
245 |             return null;
246 |         }
247 |     };
248 | 
249 |     var prefix = new Prefix();
250 | 
251 |     // We will need this frequently. Lets have it as a global until we encapsulate properly.
252 |     var transformJsProperty = prefix.getJsProperty('transform');
253 | 
254 |     // Will hold if browser creates a positioning context for fixed elements.
255 |     var fixedPositioningContext;
256 | 
257 |     // Checks if browser creates a positioning context for fixed elements.
258 |     // Transform rule will create a positioning context on browsers who follow the spec.
259 |     // Ie for example will fix it according to documentElement
260 |     // TODO: Other css rules also effects. perspective creates at chrome but not in firefox. transform-style preserve3d effects.
261 |     function checkFixedPositioningContextSupport() {
262 |         var support = false;
263 |         var parent = document.createElement('div');
264 |         var child = document.createElement('div');
265 |         parent.appendChild(child);
266 |         parent.style[transformJsProperty] = 'translate(0)';
267 |         // Make sure there is space on top of parent
268 |         parent.style.marginTop = '10px';
269 |         parent.style.visibility = 'hidden';
270 |         child.style.position = 'fixed';
271 |         child.style.top = 0;
272 |         document.body.appendChild(parent);
273 |         var rect = child.getBoundingClientRect();
274 |         // If offset top is greater than 0 meand transformed element created a positioning context.
275 |         if(rect.top > 0) {
276 |             support = true;
277 |         }
278 |         // Remove dummy content
279 |         document.body.removeChild(parent);
280 |         return support;
281 |     }
282 | 
283 |     // It will return null if position sticky is not supported
284 |     var nativeStickyValue = prefix.getCssValue('position', 'sticky');
285 | 
286 |     // It will return null if position fixed is not supported
287 |     var fixedPositionValue = prefix.getCssValue('position', 'fixed');
288 | 
289 |     // Dirty business
290 |     var ie = navigator.appName === 'Microsoft Internet Explorer';
291 |     var ieversion;
292 | 
293 |     if(ie){
294 |         ieversion = parseFloat(navigator.appVersion.split("MSIE")[1]);
295 |     }
296 | 
297 |     function FixTo(child, parent, options) {
298 |         this.child = child;
299 |         this._$child = $(child);
300 |         this.parent = parent;
301 |         this.options = {
302 |             className: 'fixto-fixed',
303 |             top: 0,
304 |             mindViewport: false
305 |         };
306 |         this._setOptions(options);
307 |     }
308 | 
309 |     FixTo.prototype = {
310 |         // Returns the total outerHeight of the elements passed to mind option. Will return 0 if none.
311 |         _mindtop: function () {
312 |             var top = 0;
313 |             if(this._$mind) {
314 |                 var el;
315 |                 var rect;
316 |                 var height;
317 |                 for(var i=0, l=this._$mind.length; i<l; i++) {
318 |                     el = this._$mind[i];
319 |                     rect = el.getBoundingClientRect();
320 |                     if(rect.height) {
321 |                         top += rect.height;
322 |                     }
323 |                     else {
324 |                         var styles = computedStyle.getAll(el);
325 |                         top += el.offsetHeight + computedStyle.toFloat(styles.marginTop) + computedStyle.toFloat(styles.marginBottom);
326 |                     }
327 |                 }
328 |             }
329 |             return top;
330 |         },
331 | 
332 |         // Public method to stop the behaviour of this instance.
333 |         stop: function () {
334 |             this._stop();
335 |             this._running = false;
336 |         },
337 | 
338 |         // Public method starts the behaviour of this instance.
339 |         start: function () {
340 | 
341 |             // Start only if it is not running not to attach event listeners multiple times.
342 |             if(!this._running) {
343 |                 this._start();
344 |                 this._running = true;
345 |             }
346 |         },
347 | 
348 |         //Public method to destroy fixto behaviour
349 |         destroy: function () {
350 |             this.stop();
351 | 
352 |             this._destroy();
353 | 
354 |             // Remove jquery data from the element
355 |             this._$child.removeData('fixto-instance');
356 | 
357 |             // set properties to null to break references
358 |             for (var prop in this) {
359 |                 if (this.hasOwnProperty(prop)) {
360 |                   this[prop] = null;
361 |                 }
362 |             }
363 |         },
364 | 
365 |         _setOptions: function(options) {
366 |             $.extend(this.options, options);
367 |             if(this.options.mind) {
368 |                 this._$mind = $(this.options.mind);
369 |             }
370 |             if(this.options.zIndex) {
371 |                 this.child.style.zIndex = this.options.zIndex;
372 |             }
373 |         },
374 | 
375 |         setOptions: function(options) {
376 |             this._setOptions(options);
377 |             this.refresh();
378 |         },
379 | 
380 |         // Methods could be implemented by subclasses
381 | 
382 |         _stop: function() {
383 | 
384 |         },
385 | 
386 |         _start: function() {
387 | 
388 |         },
389 | 
390 |         _destroy: function() {
391 | 
392 |         },
393 | 
394 |         refresh: function() {
395 | 
396 |         }
397 |     };
398 | 
399 |     // Class FixToContainer
400 |     function FixToContainer(child, parent, options) {
401 |         FixTo.call(this, child, parent, options);
402 |         this._replacer = new mimicNode.MimicNode(child);
403 |         this._ghostNode = this._replacer.replacer;
404 | 
405 |         this._saveStyles();
406 | 
407 |         this._saveViewportHeight();
408 | 
409 |         // Create anonymous functions and keep references to register and unregister events.
410 |         this._proxied_onscroll = this._bind(this._onscroll, this);
411 |         this._proxied_onresize = this._bind(this._onresize, this);
412 | 
413 |         this.start();
414 |     }
415 | 
416 |     FixToContainer.prototype = new FixTo();
417 | 
418 |     $.extend(FixToContainer.prototype, {
419 | 
420 |         // Returns an anonymous function that will call the given function in the given context
421 |         _bind : function (fn, context) {
422 |             return function () {
423 |                 return fn.call(context);
424 |             };
425 |         },
426 | 
427 |         // at ie8 maybe only in vm window resize event fires everytime an element is resized.
428 |         _toresize : ieversion===8 ? document.documentElement : window,
429 | 
430 |         _onscroll: function _onscroll() {
431 |             this._scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
432 |             this._parentBottom = (this.parent.offsetHeight + this._fullOffset('offsetTop', this.parent));
433 | 
434 |             if (this.options.mindBottomPadding !== false) {
435 |                 this._parentBottom -= computedStyle.getFloat(this.parent, 'paddingBottom');
436 |             }
437 | 
438 |             if (!this.fixed && this._shouldFix()) {
439 |                 this._fix();
440 |                 this._adjust();
441 |             } else {
442 |                 if (this._scrollTop > this._parentBottom || this._scrollTop < (this._fullOffset('offsetTop', this._ghostNode) - this.options.top - this._mindtop())) {
443 |                     this._unfix();
444 |                     return;
445 |                 }
446 |                 this._adjust();
447 |             }
448 |         },
449 | 
450 |         _shouldFix: function() {
451 |             if (this._scrollTop < this._parentBottom && this._scrollTop > (this._fullOffset('offsetTop', this.child) - this.options.top - this._mindtop())) {
452 |                 if (this.options.mindViewport && !this._isViewportAvailable()) {
453 |                     return false;
454 |                 }
455 |                 return true;
456 |             }
457 |         },
458 | 
459 |         _isViewportAvailable: function() {
460 |             var childStyles = computedStyle.getAll(this.child);
461 |             return this._viewportHeight > (this.child.offsetHeight + computedStyle.toFloat(childStyles.marginTop) + computedStyle.toFloat(childStyles.marginBottom));
462 |         },
463 | 
464 |         _adjust: function _adjust() {
465 |             var top = 0;
466 |             var mindTop = this._mindtop();
467 |             var diff = 0;
468 |             var childStyles = computedStyle.getAll(this.child);
469 |             var context = null;
470 | 
471 |             if(fixedPositioningContext) {
472 |                 // Get positioning context.
473 |                 context = this._getContext();
474 |                 if(context) {
475 |                     // There is a positioning context. Top should be according to the context.
476 |                     top = Math.abs(context.getBoundingClientRect().top);
477 |                 }
478 |             }
479 | 
480 |             diff = (this._parentBottom - this._scrollTop) - (this.child.offsetHeight + computedStyle.toFloat(childStyles.marginBottom) + mindTop + this.options.top);
481 | 
482 |             if(diff>0) {
483 |                 diff = 0;
484 |             }
485 | 
486 |             this.child.style.top = (diff + mindTop + top + this.options.top) - computedStyle.toFloat(childStyles.marginTop) + 'px';
487 |         },
488 | 
489 |         // Calculate cumulative offset of the element.
490 |         // Optionally according to context
491 |         _fullOffset: function _fullOffset(offsetName, elm, context) {
492 |             var offset = elm[offsetName];
493 |             var offsetParent = elm.offsetParent;
494 | 
495 |             // Add offset of the ascendent tree until we reach to the document root or to the given context
496 |             while (offsetParent !== null && offsetParent !== context) {
497 |                 offset = offset + offsetParent[offsetName];
498 |                 offsetParent = offsetParent.offsetParent;
499 |             }
500 | 
501 |             return offset;
502 |         },
503 | 
504 |         // Get positioning context of the element.
505 |         // We know that the closest parent that a transform rule applied will create a positioning context.
506 |         _getContext: function() {
507 |             var parent;
508 |             var element = this.child;
509 |             var context = null;
510 |             var styles;
511 | 
512 |             // Climb up the treee until reaching the context
513 |             while(!context) {
514 |                 parent = element.parentNode;
515 |                 if(parent === document.documentElement) {
516 |                     return null;
517 |                 }
518 | 
519 |                 styles = computedStyle.getAll(parent);
520 |                 // Element has a transform rule
521 |                 if(styles[transformJsProperty] !== 'none') {
522 |                     context = parent;
523 |                     break;
524 |                 }
525 |                 element = parent;
526 |             }
527 |             return context;
528 |         },
529 | 
530 |         _fix: function _fix() {
531 |             var child = this.child;
532 |             var childStyle = child.style;
533 |             var childStyles = computedStyle.getAll(child);
534 |             var left = child.getBoundingClientRect().left;
535 |             var width = childStyles.width;
536 | 
537 |             this._saveStyles();
538 | 
539 |             if(document.documentElement.currentStyle){
540 |                 // Function for ie<9. When hasLayout is not triggered in ie7, he will report currentStyle as auto, clientWidth as 0. Thus using offsetWidth.
541 |                 // Opera also falls here
542 |                 width = (child.offsetWidth) - (computedStyle.toFloat(childStyles.paddingLeft) + computedStyle.toFloat(childStyles.paddingRight) + computedStyle.toFloat(childStyles.borderLeftWidth) + computedStyle.toFloat(childStyles.borderRightWidth)) + 'px';
543 |             }
544 | 
545 |             // Ie still fixes the container according to the viewport.
546 |             if(fixedPositioningContext) {
547 |                 var context = this._getContext();
548 |                 if(context) {
549 |                     // There is a positioning context. Left should be according to the context.
550 |                     left = child.getBoundingClientRect().left - context.getBoundingClientRect().left;
551 |                 }
552 |             }
553 | 
554 |             this._replacer.replace();
555 | 
556 |             childStyle.left = (left - computedStyle.toFloat(childStyles.marginLeft)) + 'px';
557 |             childStyle.width = width;
558 | 
559 |             childStyle.position = 'fixed';
560 |             childStyle.top = this._mindtop() + this.options.top - computedStyle.toFloat(childStyles.marginTop) + 'px';
561 |             this._$child.addClass(this.options.className);
562 |             this.fixed = true;
563 |         },
564 | 
565 |         _unfix: function _unfix() {
566 |             var childStyle = this.child.style;
567 |             this._replacer.hide();
568 |             childStyle.position = this._childOriginalPosition;
569 |             childStyle.top = this._childOriginalTop;
570 |             childStyle.width = this._childOriginalWidth;
571 |             childStyle.left = this._childOriginalLeft;
572 |             this._$child.removeClass(this.options.className);
573 |             this.fixed = false;
574 |         },
575 | 
576 |         _saveStyles: function(){
577 |             var childStyle = this.child.style;
578 |             this._childOriginalPosition = childStyle.position;
579 |             this._childOriginalTop = childStyle.top;
580 |             this._childOriginalWidth = childStyle.width;
581 |             this._childOriginalLeft = childStyle.left;
582 |         },
583 | 
584 |         _onresize: function () {
585 |             this.refresh();
586 |         },
587 | 
588 |         _saveViewportHeight: function () {
589 |             // ie8 doesn't support innerHeight
590 |             this._viewportHeight = window.innerHeight || document.documentElement.clientHeight;
591 |         },
592 | 
593 |         _stop: function() {
594 |             // Unfix the container immediately.
595 |             this._unfix();
596 |             // remove event listeners
597 |             $(window).unbind('scroll', this._proxied_onscroll);
598 |             $(this._toresize).unbind('resize', this._proxied_onresize);
599 |         },
600 | 
601 |         _start: function() {
602 |             // Trigger onscroll to have the effect immediately.
603 |             this._onscroll();
604 | 
605 |             // Attach event listeners
606 |             $(window).bind('scroll', this._proxied_onscroll);
607 |             $(this._toresize).bind('resize', this._proxied_onresize);
608 |         },
609 | 
610 |         _destroy: function() {
611 |             // Destroy mimic node instance
612 |             this._replacer.destroy();
613 |         },
614 | 
615 |         refresh: function() {
616 |             this._saveViewportHeight();
617 |             this._unfix();
618 |             this._onscroll();
619 |         }
620 |     });
621 | 
622 |     function NativeSticky(child, parent, options) {
623 |         FixTo.call(this, child, parent, options);
624 |         this.start();
625 |     }
626 | 
627 |     NativeSticky.prototype = new FixTo();
628 | 
629 |     $.extend(NativeSticky.prototype, {
630 |         _start: function() {
631 | 
632 |             var childStyles = computedStyle.getAll(this.child);
633 | 
634 |             this._childOriginalPosition = childStyles.position;
635 |             this._childOriginalTop = childStyles.top;
636 | 
637 |             this.child.style.position = nativeStickyValue;
638 |             this.refresh();
639 |         },
640 | 
641 |         _stop: function() {
642 |             this.child.style.position = this._childOriginalPosition;
643 |             this.child.style.top = this._childOriginalTop;
644 |         },
645 | 
646 |         refresh: function() {
647 |             this.child.style.top = this._mindtop() + this.options.top + 'px';
648 |         }
649 |     });
650 | 
651 | 
652 | 
653 |     var fixTo = function fixTo(childElement, parentElement, options) {
654 |         if((nativeStickyValue && !options) || (nativeStickyValue && options && options.useNativeSticky !== false)) {
655 |             // Position sticky supported and user did not disabled the usage of it.
656 |             return new NativeSticky(childElement, parentElement, options);
657 |         }
658 |         else if(fixedPositionValue) {
659 |              // Position fixed supported
660 | 
661 |              if(fixedPositioningContext===undefined) {
662 |                 // We don't know yet if browser creates fixed positioning contexts. Check it.
663 |                 fixedPositioningContext = checkFixedPositioningContextSupport();
664 |              }
665 | 
666 |             return new FixToContainer(childElement, parentElement, options);
667 |         }
668 |         else {
669 |             return 'Neither fixed nor sticky positioning supported';
670 |         }
671 |     };
672 | 
673 |     /*
674 |     No support for ie lt 8
675 |     */
676 | 
677 |     if(ieversion<8){
678 |         fixTo = function(){
679 |             return 'not supported';
680 |         };
681 |     }
682 | 
683 |     // Let it be a jQuery Plugin
684 |     $.fn.fixTo = function (targetSelector, options) {
685 | 
686 |          var $targets = $(targetSelector);
687 | 
688 |          var i = 0;
689 |          return this.each(function () {
690 | 
691 |              // Check the data of the element.
692 |              var instance = $(this).data('fixto-instance');
693 | 
694 |              // If the element is not bound to an instance, create the instance and save it to elements data.
695 |              if(!instance) {
696 |                  $(this).data('fixto-instance', fixTo(this, $targets[i], options));
697 |              }
698 |              else {
699 |                  // If we already have the instance here, expect that targetSelector parameter will be a string
700 |                  // equal to a public methods name. Run the method on the instance without checking if
701 |                  // it exists or it is a public method or not. Cause nasty errors when necessary.
702 |                  var method = targetSelector;
703 |                  instance[method].call(instance, options);
704 |              }
705 |              i++;
706 |           });
707 |     };
708 | 
709 |     /*
710 |         Expose
711 |     */
712 | 
713 |     return {
714 |         FixToContainer: FixToContainer,
715 |         fixTo: fixTo,
716 |         computedStyle:computedStyle,
717 |         mimicNode:mimicNode
718 |     };
719 | 
720 | 
721 | }(window.jQuery, window, document));


--------------------------------------------------------------------------------
/test/fixto.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>fixto Test Suite</title>
 6 |   <!-- Load local jQuery. This can be overridden with a ?jquery=___ param. -->
 7 |   <script src="../libs/jquery-loader.js"></script>
 8 |   <!-- Load local QUnit (grunt requires v1.0.0 or newer). -->
 9 |   <link rel="stylesheet" href="../libs/qunit/qunit.css" media="screen">
10 |   <script src="../libs/qunit/qunit.js"></script>
11 |   <!-- Load local lib and tests. -->
12 | 
13 |   <script src="../src/fixto.js" type="text/javascript" charset="utf-8"></script>
14 |   <script src="fixto_test.js"></script>
15 |   <!-- Removing access to jQuery and $. But it'll still be available as _$, if
16 |        you REALLY want to mess around with jQuery in the console. REMEMBER WE
17 |        ARE TESTING YOUR PLUGIN HERE -->
18 |   <script>window._$ = jQuery.noConflict(true);</script>
19 |   
20 | </head>
21 | <body>
22 |   <h1 id="qunit-header">fixto Test Suite</h1>
23 |   <h2 id="qunit-banner"></h2>
24 |   <div id="qunit-testrunner-toolbar"></div>
25 |   <h2 id="qunit-userAgent"></h2>
26 |   <ol id="qunit-tests"></ol>
27 |   <div id="qunit-fixture">
28 |       <div id="mindy" style="height:10px"></div>
29 |       <div id="mindy2" style="height:15px"></div>
30 |       <div id="parent">
31 |         <div id="child"></div>
32 |       </div>
33 |   </div>
34 | 
35 | </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/test/fixto_test.js:
--------------------------------------------------------------------------------
  1 | /*global QUnit:false, module:false, test:false, asyncTest:false, expect:false*/
  2 | /*global start:false, stop:false ok:false, equal:false, notEqual:false, deepEqual:false*/
  3 | /*global notDeepEqual:false, strictEqual:false, notStrictEqual:false, raises:false*/
  4 | (function($) {
  5 | 
  6 |   /*
  7 |     ======== A Handy Little QUnit Reference ========
  8 |     http://docs.jquery.com/QUnit
  9 | 
 10 |     Test methods:
 11 |       expect(numAssertions)
 12 |       stop(increment)
 13 |       start(decrement)
 14 |     Test assertions:
 15 |       ok(value, [message])
 16 |       equal(actual, expected, [message])
 17 |       notEqual(actual, expected, [message])
 18 |       deepEqual(actual, expected, [message])
 19 |       notDeepEqual(actual, expected, [message])
 20 |       strictEqual(actual, expected, [message])
 21 |       notStrictEqual(actual, expected, [message])
 22 |       raises(block, [expected], [message])
 23 |   */
 24 | 
 25 |   module('initialize', {
 26 |     setup: function() {
 27 |         this.child = $('#child')[0];
 28 |         this.parent = $('#parent')[0];
 29 |         this.instance = new window.fixto.FixToContainer(this.child, this.parent);
 30 |     }
 31 |   });
 32 | 
 33 |   test('initialize', function() {
 34 |     var instance = this.instance;
 35 |     equal(instance.child, this.child, 'correct child');
 36 |     equal(instance.parent, this.parent, 'correct parent');
 37 |     ok(instance._replacer instanceof window.fixto.mimicNode.MimicNode, 'replacer instance of mimic node');
 38 |     equal(instance.options.className, 'fixto-fixed', 'default class name');
 39 |     equal(instance._ghostNode, instance._replacer.replacer);
 40 |     equal(instance._toresize, window || document.documentElement, 'element to resize set');
 41 |     equal(instance._childOriginalPosition, '', 'saved style');
 42 |   });
 43 |   
 44 |   module('options', {
 45 |     setup: function() {
 46 |         this.child = $('#child')[0];
 47 |         this.parent = $('#parent')[0];
 48 |         this.instance = new window.fixto.FixToContainer(this.child, this.parent, {className:'coolclass', zIndex:5, mind:"#mindy"});
 49 |     }
 50 |   });
 51 |   
 52 |   test('options', function() {
 53 |     var instance = this.instance;
 54 |     equal(instance.options.className, 'coolclass', 'classname option passed');
 55 |     equal(instance.options.zIndex, 5, 'zIndex option passed');
 56 |     equal(instance.child.style.zIndex, "5", 'child has correct zIndex');
 57 |     equal(instance.options.mind, '#mindy', 'mind option passed');
 58 |     ok(instance._$mind.jquery, '_$mind is a jquery object');
 59 |   });
 60 |   
 61 |   module('functions', {
 62 |     setup: function() {
 63 |         this.child = $('#child')[0];
 64 |         this.parent = $('#parent')[0];
 65 |         this.instance = new window.fixto.FixToContainer(this.child, this.parent);
 66 |     }
 67 |   });
 68 |   
 69 |   test('onscroll', function() {
 70 |     var instance = this.instance;
 71 |     instance._onscroll();
 72 |     equal(instance._scrollTop, 0, 'scrolltop set');
 73 |     equal(instance._parentBottom, -9975,'paddingBotom set');
 74 |     
 75 |   });
 76 |   
 77 |   test('adjust', function() {
 78 |     var instance = this.instance;
 79 |     instance._onscroll();
 80 |     instance._adjust();
 81 |     equal(instance.child.style.top, '-9975px');
 82 |   });
 83 | 
 84 |   test('fulloffset', function() {
 85 |     var instance = this.instance;
 86 |     equal(instance._fullOffset('offsetTop', this.child), -9975);
 87 |   });
 88 |   
 89 |   test('fix unfix', function() {
 90 |     var instance = this.instance;
 91 |     instance._fix();
 92 |     equal(instance.child.style.position, 'fixed', 'fixed');
 93 |     instance._unfix();
 94 |     equal(instance.child.style.position, instance._childOriginalPosition, 'unfixed');
 95 |   });
 96 |   
 97 |   test('_saveStyles _onresize', 0, function() {
 98 |     var instance = this.instance;
 99 |     instance._saveStyles();
100 |     instance._onresize();
101 |   });
102 |   
103 |   module('mindtop', {
104 |     setup: function() {
105 |         this.child = $('#child')[0];
106 |         this.parent = $('#parent')[0];
107 |         this.instance = new window.fixto.FixToContainer(this.child, this.parent, {mind:'#mindy, #mindy2'});
108 |     }
109 |   });
110 |   
111 |   test('_mindtop', function() {
112 |     var instance = this.instance;
113 |     var top = instance._mindtop();
114 |     equal(top, 25, 'calculating mindtop properly');
115 |   });
116 |   
117 |   module('expose', {
118 |     setup: function() {
119 | 
120 |     }
121 |   });
122 |   
123 |   test('expose, plugin', function() {
124 |     var module = window.fixto;
125 |     ok(module.FixToContainer);
126 |     ok(module.fixTo);
127 |     ok(module.computedStyle);
128 |     ok(module.mimicNode);
129 |     ok($.fn.fixTo, 'jQuery plugin defined');
130 |   });
131 | 
132 | }(window.jQuery));
133 | 


--------------------------------------------------------------------------------
/test/mimic-node.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>mimic Node Test Suite</title>
 6 |   <!-- Load local jQuery. This can be overridden with a ?jquery=___ param. -->
 7 |   <script src="../libs/jquery-loader.js"></script>
 8 |   <!-- Load local QUnit (grunt requires v1.0.0 or newer). -->
 9 |   <link rel="stylesheet" href="../libs/qunit/qunit.css" media="screen">
10 |   <script src="../libs/qunit/qunit.js"></script>
11 |   <!-- Load local lib and tests. -->
12 |   <script src="../src/fixto.js"></script>
13 |   <script src="mimic-node_test.js"></script>
14 |   <!-- Removing access to jQuery and $. But it'll still be available as _$, if
15 |        you REALLY want to mess around with jQuery in the console. REMEMBER WE
16 |        ARE TESTING YOUR PLUGIN HERE -->
17 |   <script>window._$ = jQuery.noConflict(true);</script>
18 | </head>
19 | <body>
20 |   <h1 id="qunit-header">mimic Node Test Suite</h1>
21 |   <h2 id="qunit-banner"></h2>
22 |   <div id="qunit-testrunner-toolbar"></div>
23 |   <h2 id="qunit-userAgent"></h2>
24 |   <ol id="qunit-tests"></ol>
25 |   <div id="qunit-fixture">
26 |       <div id="target">
27 |         lfjnvjlflvn fe;v;kefnvk;efnvef vfl;mvflv
28 |       </div>
29 |   </div>
30 | </body>
31 | </html>
32 | 


--------------------------------------------------------------------------------
/test/mimic-node_test.js:
--------------------------------------------------------------------------------
 1 | /*global QUnit:false, module:false, test:false, asyncTest:false, expect:false*/
 2 | /*global start:false, stop:false ok:false, equal:false, notEqual:false, deepEqual:false*/
 3 | /*global notDeepEqual:false, strictEqual:false, notStrictEqual:false, raises:false*/
 4 | (function($) {
 5 | 
 6 |   /*
 7 |     ======== A Handy Little QUnit Reference ========
 8 |     http://docs.jquery.com/QUnit
 9 | 
10 |     Test methods:
11 |       expect(numAssertions)
12 |       stop(increment)
13 |       start(decrement)
14 |     Test assertions:
15 |       ok(value, [message])
16 |       equal(actual, expected, [message])
17 |       notEqual(actual, expected, [message])
18 |       deepEqual(actual, expected, [message])
19 |       notDeepEqual(actual, expected, [message])
20 |       strictEqual(actual, expected, [message])
21 |       notStrictEqual(actual, expected, [message])
22 |       raises(block, [expected], [message])
23 |   */
24 | 
25 |   module('mimicnode', {
26 |     setup: function() {
27 |         this.target = $('#target')[0];
28 |         this.md = new window.fixto.mimicNode.MimicNode(this.target);
29 |     }
30 |   });
31 | 
32 |   test('replace', 6, function() {     
33 |       var rect = this.target.getBoundingClientRect();
34 |       this.md.replace();
35 |       this.target.style.display = 'none';
36 |       var mdrect = this.md.replacer.getBoundingClientRect();
37 |       equal(mdrect.top, rect.top, 'top');
38 |       equal(mdrect.left, rect.left, 'left');
39 |       equal(mdrect.right, rect.right, 'right');
40 |       equal(mdrect.bottom, rect.bottom, 'bottom');
41 |       equal(mdrect.height, rect.height, 'height');
42 |       equal(mdrect.width, rect.width, 'width');
43 |   });
44 |   test('hide', 1, function() {
45 |       this.md.replace();
46 |       this.md.hide();
47 |       equal(this.md.replacer.style.display,'none', 'hide');
48 |   });
49 |   test('destroy', function() {
50 |       var replacer = this.md.replacer;
51 |       this.md.destroy();
52 |       equal(replacer.parentNode, null);
53 |       equal(this.md.replacer, null);
54 |   });
55 | 
56 | 
57 | }(window.jQuery));
58 | 


--------------------------------------------------------------------------------
/tests/SpecRunner.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html>
 3 | <head>
 4 |   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5 |   <title>Jasmine Spec Runner v2.0.0</title>
 6 | 
 7 |   <link rel="shortcut icon" type="image/png" href="../libs/jasmine-2.0.0/jasmine_favicon.png">
 8 |   <link rel="stylesheet" type="text/css" href="../libs/jasmine-2.0.0/jasmine.css">
 9 | 
10 |   <style>
11 | 
12 |     body {
13 |       margin: 0;
14 |     }
15 | 
16 |     .html-reporter {
17 |       position: fixed;
18 |       bottom: 0;
19 |       width: 100%;
20 |       height: 300px;
21 |       overflow: auto;
22 |     }
23 |   </style>
24 | 
25 |   <script type="text/javascript" src="../libs/jasmine-2.0.0/jasmine.js"></script>
26 |   <script type="text/javascript" src="../libs/jasmine-2.0.0/jasmine-html.js"></script>
27 |   <script type="text/javascript" src="../libs/jasmine-2.0.0/boot.js"></script>
28 | 
29 |   <!-- include source files here... -->
30 |   <script type="text/javascript" src="../libs/jquery/jquery.js"></script>
31 |   <script type="text/javascript" src="../src/fixto.js"></script>
32 | 
33 |   <!-- include spec files here... -->
34 | 
35 | 
36 | </head>
37 | 
38 | <body>
39 | 
40 |   <div id="sticky-holder">
41 |     <div id="sticky">gdfgdfg</div>
42 |     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nulla ligula, egestas sit amet malesuada vel, iaculis at mi. Donec vestibulum nunc at neque pretium et egestas erat scelerisque. Pellentesque hendrerit egestas eros, non mattis arcu viverra vitae. Praesent tincidunt magna at urna ultrices consequat. Phasellus cursus rutrum lectus non dapibus. Curabitur lorem lorem, blandit vitae vehicula eget, sagittis vitae dolor. Integer sed ipsum sed elit facilisis commodo quis a urna. Mauris scelerisque nibh in metus tempor tristique. Fusce commodo sagittis ultrices. Pellentesque sit amet fermentum orci. Maecenas sollicitudin arcu non felis mollis ac laoreet augue mattis. Morbi condimentum turpis eu ipsum dapibus et euismod risus dapibus. Mauris mauris nisl, rutrum eu ultrices vel, cursus at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
43 |   </div>
44 | 
45 |   <div style="height: 2000px"></div>
46 | 
47 | 
48 |   <script>
49 | 
50 | 
51 |     describe("", function() {
52 | 
53 |       var sticky = document.getElementById('sticky');
54 |       var holder = document.getElementById('sticky-holder');
55 | 
56 |       var instance = fixto.fixTo(sticky, holder);
57 | 
58 |       var scrollContext;
59 | 
60 |       beforeEach(function(done) {
61 |         setTimeout(function() {
62 |           document.documentElement.scrollTop = 40;
63 |           if(document.documentElement.scrollTop === 40) {
64 |             scrollContext = document.documentElement;
65 |           }
66 |           else {
67 |             document.body.scrollTop = 40;
68 |             scrollContext = document.body;
69 |           }
70 |           setTimeout(function() {
71 |             done();
72 |           }, 100);
73 |         }, 100)
74 |       });
75 | 
76 |       it("should stick", function(done) {
77 |         expect(scrollContext.scrollTop).toBe(40);
78 |         var rect = sticky.getBoundingClientRect();
79 |         expect(rect.top).toBe(0);
80 |         done();
81 |       });
82 |       
83 |     });
84 | 
85 | 
86 | 
87 | 
88 | 
89 | 
90 | 
91 |   </script>
92 | </body>
93 | </html>
94 | 


--------------------------------------------------------------------------------