Mercurial > hg > MPIWGWeb

annotate js/mpiwg.js @ 198:7515f7e51b0f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
styles for flyout divs (for websites).
author casties
date Mon, 24 Jun 2013 18:05:04 +0200
parents b0ed3974efbd
children 5ffb9e7167b6
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
66
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
1 /*
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
2 * Javascript for MPIWG website
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
3 * (C) 2013 MPIWG Berlin
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
4 */
66
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
5
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
6 /*
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
7 * AjaxSlider plugin.
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
8 */
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
9 (function ($) {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
10 $.fn.AjaxSlider = function (opts) {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
11 var settings = $.extend({
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
12 dataUrl : null,
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
13 dataSel : '',
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
14 windowSel : 'div.slidewindow',
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
15 contentSel : 'div.row',
117
aaa2609ea97d added minHeight to AJAX slider.
casties
parents: 116
diff changeset
16 minHeight : 0,
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
17 buttonWidth : '20px',
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
18 scrollBy: '100px',
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
19 }, opts);
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
20 var url = settings.dataUrl + ' ' + settings.dataSel;
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
21 var $slider = this;
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
22 var winW = this.width() - 2 * settings.buttonWidth;
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
23 var sliderH = this.height();
144
529d397e04f6 change cursor over slidebutton.
casties
parents: 119
diff changeset
24 // load HTML from dataUrl into $slider
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
25 this.load(url, function () {
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
26 var $window = $slider.find(settings.windowSel);
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
27 var $content = $slider.find(settings.contentSel);
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
28 // fix window width and height and hide overflow
117
aaa2609ea97d added minHeight to AJAX slider.
casties
parents: 116
diff changeset
29 var winH = Math.max($content.height(), settings.minHeight);
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
30 $window.css({'width':winW, 'height':winH, 'margin':'0 '+settings.buttonWidth,
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
31 'overflow':'hidden', 'position':'relative'});
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
32 // content will be moved
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
33 $content.css({'position':'absolute', 'left':'0'});
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
34 $slider.find('.slidebutton.prev').show().on('click', function () {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
35 $content.animate({'left':'+='+settings.scrollBy}, 'fast');
144
529d397e04f6 change cursor over slidebutton.
casties
parents: 119
diff changeset
36 }).css('cursor', 'pointer');
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
37 $slider.find('.slidebutton.next').show().on('click', function () {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
38 $content.animate({'left':'-='+settings.scrollBy}, 'fast');
144
529d397e04f6 change cursor over slidebutton.
casties
parents: 119
diff changeset
39 }).css('cursor', 'pointer');
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
40 });
119
dwinter
parents: 117
diff changeset
41
dwinter
parents: 117
diff changeset
42
dwinter
parents: 117
diff changeset
43
113
bba951ea7479 micro fix.
casties
parents: 112
diff changeset
44 };
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
45 }(jQuery));
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
46
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
47
119
dwinter
parents: 117
diff changeset
48 /* experimental function for adding swiping functionallities to the slider */
dwinter
parents: 117
diff changeset
49
dwinter
parents: 117
diff changeset
50 var startX;
dwinter
parents: 117
diff changeset
51 var startY;
dwinter
parents: 117
diff changeset
52 var endX
dwinter
parents: 117
diff changeset
53 var endY
dwinter
parents: 117
diff changeset
54
dwinter
parents: 117
diff changeset
55 function touchStart(event){
dwinter
parents: 117
diff changeset
56 startX = event.touches[0].pageX;
dwinter
parents: 117
diff changeset
57 startY = event.touches[0].pageY;
dwinter
parents: 117
diff changeset
58 };
dwinter
parents: 117
diff changeset
59
dwinter
parents: 117
diff changeset
60 function touchMove(event){
dwinter
parents: 117
diff changeset
61 endX = event.targetTouches[0].pageX;
dwinter
parents: 117
diff changeset
62 endY = event.targetTouches[0].pageY;
dwinter
parents: 117
diff changeset
63 };
dwinter
parents: 117
diff changeset
64 function touchEnd(event){
dwinter
parents: 117
diff changeset
65 var scrollBy='143px';
dwinter
parents: 117
diff changeset
66 var contentSel = 'div.row';
dwinter
parents: 117
diff changeset
67
dwinter
parents: 117
diff changeset
68 //slider = document.getElementById('newBooksSlider');
dwinter
parents: 117
diff changeset
69 slider=event.currentTarget;
dwinter
parents: 117
diff changeset
70
dwinter
parents: 117
diff changeset
71 content = $(slider).find(contentSel);
dwinter
parents: 117
diff changeset
72
dwinter
parents: 117
diff changeset
73 if((startX-endX) > 0){
dwinter
parents: 117
diff changeset
74
dwinter
parents: 117
diff changeset
75 content.animate({'left':'-='+scrollBy}, 'fast');
dwinter
parents: 117
diff changeset
76
dwinter
parents: 117
diff changeset
77 }
dwinter
parents: 117
diff changeset
78 if((startX-endX) < 0){
dwinter
parents: 117
diff changeset
79 content.animate({'left':'+='+scrollBy}, 'fast');
dwinter
parents: 117
diff changeset
80 }
dwinter
parents: 117
diff changeset
81 }
dwinter
parents: 117
diff changeset
82
dwinter
parents: 117
diff changeset
83 function initialize_swipe(selector){
dwinter
parents: 117
diff changeset
84
dwinter
parents: 117
diff changeset
85 $('.ajaxSlider').each(function(){
dwinter
parents: 117
diff changeset
86 this.addEventListener("touchstart",touchStart,false);
dwinter
parents: 117
diff changeset
87 this.addEventListener("touchend",touchEnd,false);
dwinter
parents: 117
diff changeset
88 this.addEventListener("touchmove",touchMove,false);
dwinter
parents: 117
diff changeset
89
dwinter
parents: 117
diff changeset
90 } );
dwinter
parents: 117
diff changeset
91 };
dwinter
parents: 117
diff changeset
92
66
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
93 $(document).ready(function() {
157
2e0953694aef page footer
casties
parents: 144
diff changeset
94 /*
2e0953694aef page footer
casties
parents: 144
diff changeset
95 * show javascriptonly
2e0953694aef page footer
casties
parents: 144
diff changeset
96 */
2e0953694aef page footer
casties
parents: 144
diff changeset
97 $('.javascriptonly').show();
2e0953694aef page footer
casties
parents: 144
diff changeset
98
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
99 /*
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
100 * autosubmit forms
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
101 */
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
102 $('form.autosubmit').find('.autosubmit').change(function() {
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
103 this.form.submit();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
104 });
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
105 // hide submit button
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
106 $('form.autosubmit input[type="submit"].autosubmit').hide();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
107
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
108 /*
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
109 * foldout divs
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
110 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
111 * foldable: .foldable is ancestor of .fold_head and .fold_body
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
112 * all children are folded simultaneously.
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
113 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
114 * foldableById: .foldableById is ancestor of multiple .fold_head and .fold_body
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
115 * where each pair has a common unique .foldId_xxx.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
116 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
117 * Clicking on .fold_head folds and unfolds .fold_body.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
118 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
119 * If .foldable has .initially_open .fold_body is initially shown, else its
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
120 * initally hidden.
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
121 */
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
122 $('.foldable').each(function () {
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
123 var $this = $(this);
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
124 var $head = $this.find('.fold_head');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
125 var $img = $head.find('img');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
126 var $body = $this.find('.fold_body');
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
127 $head.on('click', function () {
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
128 $body.slideToggle('fast');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
129 $img.toggle();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
130 }).css('cursor', 'pointer');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
131 if (! $this.hasClass('initially_open')) {
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
132 // hide body initially
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
133 $body.hide();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
134 $img.toggle();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
135 }
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
136 });
107
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
137 $('.foldable2').each(function () {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
138 var $this = $(this);
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
139 var $head = $this.find('.fold_head2');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
140 var $img = $head.find('img');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
141 var $body = $this.find('.fold_body2');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
142 $head.on('click', function () {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
143 $body.slideToggle('fast');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
144 $img.toggle();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
145 }).css('cursor', 'pointer');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
146 if (! $this.hasClass('initially_open')) {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
147 // hide body initially
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
148 $body.hide();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
149 $img.toggle();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
150 }
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
151 });
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
152 $('.foldableById').each(function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
153 var $container = $(this);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
154 var io = $container.hasClass('initially_open');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
155 var $heads = $container.find('.fold_head');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
156 $heads.each(function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
157 var $this = $(this);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
158 var $img = $this.find('img');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
159 var id = null;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
160 // find id in class
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
161 var cls = $this.attr('class').split(' ');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
162 for (var i = 0; i < cls.length; ++i) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
163 var c = cls[i];
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
164 if (c.startsWith('foldId_')) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
165 id = c;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
166 break;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
167 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
168 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
169 if (id == null) return;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
170 // get body using id
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
171 var $body = $container.find('.fold_body.'+id);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
172 $this.on('click', function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
173 $body.slideToggle('fast');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
174 $img.toggle();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
175 });
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
176 if (!io) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
177 // hide body initially
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
178 $body.hide();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
179 $img.toggle();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
180 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
181 }).css('cursor', 'pointer');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
182 });
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
183
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
184 /*
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
185 * flyout divs
198
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
186 *
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
187 * currently only for div.flyout in col in row.triple.
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
188 *
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
189 * div.flyout contains img.flyout_open and img.flyout_close.
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
190 *
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
191 * div.flyout gets additional class .flying when open.
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
192 *
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
193 * div.folded will be shown when open.
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
194 *
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
195 */
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
196 $('.flyout').each(function () {
198
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
197 // flyout target size
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
198 var tw = 300;
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
199 var th = 400;
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
200 var $flyout = $(this);
198
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
201 var $buttons = $flyout.find('.flyout_open, .flyout_close');
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
202 // size up to parent in folded state
198
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
203 var dh = $flyout.parent().height() - $flyout.outerHeight();
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
204 if (dh > 0) {
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
205 $flyout.height($flyout.height()+dh);
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
206 }
198
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
207 // save original size
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
208 var ow = $flyout.width();
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
209 var oh = $flyout.height();
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
210 // handle click on open button
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
211 $flyout.find('.flyout_open').on('click', function () {
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
212 $flyout.addClass('flying');
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
213 $flyout.css('position','absolute');
198
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
214 $flyout.animate({'width': tw, 'height': th}, 'fast');
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
215 // change open to close button
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
216 $buttons.toggle();
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
217 }).css('cursor', 'pointer');
198
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
218 // handle click on close button
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
219 $flyout.find('.flyout_close').on('click', function () {
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
220 $flyout.animate({'width': ow, 'height': oh}, {
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
221 'duration': 'fast',
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
222 'complete': function () {
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
223 $flyout.removeClass('flying');
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
224 $flyout.css('position','relative');
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
225 // change close to open button
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
226 $buttons.toggle();
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
227 }
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
228 });
7515f7e51b0f styles for flyout divs (for websites).
casties
parents: 197
diff changeset
229 }).css('cursor', 'pointer');
197
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
230 });
b0ed3974efbd working on flyout divs.
casties
parents: 157
diff changeset
231
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
232 });