Mercurial > hg > MPIWGWeb

annotate js/mpiwg.js @ 134:9f45ed6ffeab

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bugs in publications zeigt jetzt auch links
author dwinter
date Fri, 31 May 2013 11:39:30 +0200
parents 4f522104ca62
children 529d397e04f6
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();
119
dwinter
parents: 117
diff changeset
24 //var sliderH = "200px";
dwinter
parents: 117
diff changeset
25
dwinter
parents: 117
diff changeset
26
dwinter
parents: 117
diff changeset
27
dwinter
parents: 117
diff changeset
28
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
29 this.load(url, function () {
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
30 var $window = $slider.find(settings.windowSel);
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
31 var $content = $slider.find(settings.contentSel);
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
32 // fix window width and height and hide overflow
117
aaa2609ea97d added minHeight to AJAX slider.
casties
parents: 116
diff changeset
33 var winH = Math.max($content.height(), settings.minHeight);
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
34 $window.css({'width':winW, 'height':winH, 'margin':'0 '+settings.buttonWidth,
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
35 'overflow':'hidden', 'position':'relative'});
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
36 // content will be moved
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
37 $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
38 $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
39 $content.animate({'left':'+='+settings.scrollBy}, 'fast');
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
40 });
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
41 $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
42 $content.animate({'left':'-='+settings.scrollBy}, 'fast');
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
43 });
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
44 });
119
dwinter
parents: 117
diff changeset
45
dwinter
parents: 117
diff changeset
46
dwinter
parents: 117
diff changeset
47
113
bba951ea7479 micro fix.
casties
parents: 112
diff changeset
48 };
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
49 }(jQuery));
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
50
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
51
119
dwinter
parents: 117
diff changeset
52 /* experimental function for adding swiping functionallities to the slider */
dwinter
parents: 117
diff changeset
53
dwinter
parents: 117
diff changeset
54 var startX;
dwinter
parents: 117
diff changeset
55 var startY;
dwinter
parents: 117
diff changeset
56 var endX
dwinter
parents: 117
diff changeset
57 var endY
dwinter
parents: 117
diff changeset
58
dwinter
parents: 117
diff changeset
59
dwinter
parents: 117
diff changeset
60 function touchStart(event){
dwinter
parents: 117
diff changeset
61
dwinter
parents: 117
diff changeset
62
dwinter
parents: 117
diff changeset
63 startX = event.touches[0].pageX;
dwinter
parents: 117
diff changeset
64 startY = event.touches[0].pageY;
dwinter
parents: 117
diff changeset
65 };
dwinter
parents: 117
diff changeset
66
dwinter
parents: 117
diff changeset
67 function touchMove(event){
dwinter
parents: 117
diff changeset
68
dwinter
parents: 117
diff changeset
69 endX = event.targetTouches[0].pageX;
dwinter
parents: 117
diff changeset
70
dwinter
parents: 117
diff changeset
71 endY = event.targetTouches[0].pageY;
dwinter
parents: 117
diff changeset
72
dwinter
parents: 117
diff changeset
73
dwinter
parents: 117
diff changeset
74 };
dwinter
parents: 117
diff changeset
75 function touchEnd(event){
dwinter
parents: 117
diff changeset
76 var scrollBy='143px';
dwinter
parents: 117
diff changeset
77 var contentSel = 'div.row';
dwinter
parents: 117
diff changeset
78
dwinter
parents: 117
diff changeset
79 //slider = document.getElementById('newBooksSlider');
dwinter
parents: 117
diff changeset
80 slider=event.currentTarget;
dwinter
parents: 117
diff changeset
81
dwinter
parents: 117
diff changeset
82 content = $(slider).find(contentSel);
dwinter
parents: 117
diff changeset
83
dwinter
parents: 117
diff changeset
84 if((startX-endX) > 0){
dwinter
parents: 117
diff changeset
85
dwinter
parents: 117
diff changeset
86 content.animate({'left':'-='+scrollBy}, 'fast');
dwinter
parents: 117
diff changeset
87
dwinter
parents: 117
diff changeset
88 }
dwinter
parents: 117
diff changeset
89 if((startX-endX) < 0){
dwinter
parents: 117
diff changeset
90 content.animate({'left':'+='+scrollBy}, 'fast');
dwinter
parents: 117
diff changeset
91 }
dwinter
parents: 117
diff changeset
92
dwinter
parents: 117
diff changeset
93 }
dwinter
parents: 117
diff changeset
94
dwinter
parents: 117
diff changeset
95
dwinter
parents: 117
diff changeset
96
dwinter
parents: 117
diff changeset
97
dwinter
parents: 117
diff changeset
98 function initialize_swipe(selector){
dwinter
parents: 117
diff changeset
99
dwinter
parents: 117
diff changeset
100 $('.ajaxSlider').each(function(){
dwinter
parents: 117
diff changeset
101 this.addEventListener("touchstart",touchStart,false);
dwinter
parents: 117
diff changeset
102 this.addEventListener("touchend",touchEnd,false);
dwinter
parents: 117
diff changeset
103 this.addEventListener("touchmove",touchMove,false);
dwinter
parents: 117
diff changeset
104
dwinter
parents: 117
diff changeset
105 } );
dwinter
parents: 117
diff changeset
106 };
dwinter
parents: 117
diff changeset
107
66
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
108 $(document).ready(function() {
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
109 /*
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
110 * autosubmit forms
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
111 */
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
112 $('form.autosubmit').find('.autosubmit').change(function() {
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
113 this.form.submit();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
114 });
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
115 // hide submit button
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
116 $('form.autosubmit input[type="submit"].autosubmit').hide();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
117
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
118 /*
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
119 * foldout divs
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
120 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
121 * foldable: .foldable is ancestor of .fold_head and .fold_body
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
122 * that are folded simultaneously.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
123 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
124 * foldableById: .foldableById is ancestor of multiple .fold_head and .fold_body
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
125 * where each pair has a common unique .foldId_xxx.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
126 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
127 * Clicking on .fold_head folds and unfolds .fold_body.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
128 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
129 * If .foldable has .initially_open .fold_body is initially shown, else its
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
130 * initally hidden.
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
131 */
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
132 $('.foldable').each(function () {
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
133 var $this = $(this);
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
134 var $head = $this.find('.fold_head');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
135 var $img = $head.find('img');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
136 var $body = $this.find('.fold_body');
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
137 $head.on('click', function () {
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
138 $body.slideToggle('fast');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
139 $img.toggle();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
140 }).css('cursor', 'pointer');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
141 if (! $this.hasClass('initially_open')) {
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
142 // hide body initially
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
143 $body.hide();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
144 $img.toggle();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
145 }
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
146 });
107
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
147 $('.foldable2').each(function () {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
148 var $this = $(this);
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
149 var $head = $this.find('.fold_head2');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
150 var $img = $head.find('img');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
151 var $body = $this.find('.fold_body2');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
152 $head.on('click', function () {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
153 $body.slideToggle('fast');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
154 $img.toggle();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
155 }).css('cursor', 'pointer');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
156 if (! $this.hasClass('initially_open')) {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
157 // hide body initially
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
158 $body.hide();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
159 $img.toggle();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
160 }
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
161 });
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
162 $('.foldableById').each(function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
163 var $container = $(this);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
164 var io = $container.hasClass('initially_open');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
165 var $heads = $container.find('.fold_head');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
166 $heads.each(function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
167 var $this = $(this);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
168 var $img = $this.find('img');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
169 var id = null;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
170 // find id in class
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
171 var cls = $this.attr('class').split(' ');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
172 for (var i = 0; i < cls.length; ++i) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
173 var c = cls[i];
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
174 if (c.startsWith('foldId_')) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
175 id = c;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
176 break;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
177 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
178 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
179 if (id == null) return;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
180 // get body using id
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
181 var $body = $container.find('.fold_body.'+id);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
182 $this.on('click', function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
183 $body.slideToggle('fast');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
184 $img.toggle();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
185 });
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
186 if (!io) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
187 // hide body initially
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
188 $body.hide();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
189 $img.toggle();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
190 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
191 }).css('cursor', 'pointer');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
192 });
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
193 });