Mercurial > hg > MPIWGWeb

comparison js/mpiwg.js @ 116:f2be4e850d0c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
AJAX slider takes height of loaded content.
author casties
date Wed, 29 May 2013 11:11:26 +0200
parents bba951ea7479
children aaa2609ea97d
comparison
equal deleted inserted replaced
115:014efa0923be 116:f2be4e850d0c
16 buttonWidth : '20px', 16 buttonWidth : '20px',
17 scrollBy: '100px', 17 scrollBy: '100px',
18 }, opts); 18 }, opts);
19 var url = settings.dataUrl + ' ' + settings.dataSel; 19 var url = settings.dataUrl + ' ' + settings.dataSel;
20 var $slider = this; 20 var $slider = this;
21 var sliderW = this.width() - 2 * settings.buttonWidth; 21 var winW = this.width() - 2 * settings.buttonWidth;
22 var sliderH = this.height(); 22 var sliderH = this.height();
23 this.load(url, function () { 23 this.load(url, function () {
24 var $window = $slider.find(settings.windowSel); 24 var $window = $slider.find(settings.windowSel);
25 var $content = $slider.find(settings.contentSel);
25 // fix window width and height and hide overflow 26 // fix window width and height and hide overflow
26 $window.css({'width':sliderW, 'height':sliderH, 'margin':'0 '+settings.buttonWidth, 27 var winH = $content.height();
28 $window.css({'width':winW, 'height':winH, 'margin':'0 '+settings.buttonWidth,
27 'overflow':'hidden', 'position':'relative'}); 29 'overflow':'hidden', 'position':'relative'});
28 // content will be moved 30 // content will be moved
29 var $content = $slider.find(settings.contentSel);
30 $content.css({'position':'absolute', 'left':'0'}); 31 $content.css({'position':'absolute', 'left':'0'});
31 $slider.find('.slidebutton.prev').show().on('click', function () { 32 $slider.find('.slidebutton.prev').show().on('click', function () {
32 $content.animate({'left':'+='+settings.scrollBy}, 'fast'); 33 $content.animate({'left':'+='+settings.scrollBy}, 'fast');
33 }); 34 });
34 $slider.find('.slidebutton.next').show().on('click', function () { 35 $slider.find('.slidebutton.next').show().on('click', function () {