Mercurial > hg > MPIWGWeb

comparison js/mpiwg.js @ 144:529d397e04f6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
change cursor over slidebutton.
author casties
date Fri, 31 May 2013 20:51:39 +0200
parents 4f522104ca62
children 2e0953694aef
comparison
equal deleted inserted replaced
143:636fc61e64e7 144:529d397e04f6
19 }, opts); 19 }, opts);
20 var url = settings.dataUrl + ' ' + settings.dataSel; 20 var url = settings.dataUrl + ' ' + settings.dataSel;
21 var $slider = this; 21 var $slider = this;
22 var winW = this.width() - 2 * settings.buttonWidth; 22 var winW = this.width() - 2 * settings.buttonWidth;
23 var sliderH = this.height(); 23 var sliderH = this.height();
24 //var sliderH = "200px"; 24 // load HTML from dataUrl into $slider
25
26
27
28
29 this.load(url, function () { 25 this.load(url, function () {
30 var $window = $slider.find(settings.windowSel); 26 var $window = $slider.find(settings.windowSel);
31 var $content = $slider.find(settings.contentSel); 27 var $content = $slider.find(settings.contentSel);
32 // fix window width and height and hide overflow 28 // fix window width and height and hide overflow
33 var winH = Math.max($content.height(), settings.minHeight); 29 var winH = Math.max($content.height(), settings.minHeight);
35 'overflow':'hidden', 'position':'relative'}); 31 'overflow':'hidden', 'position':'relative'});
36 // content will be moved 32 // content will be moved
37 $content.css({'position':'absolute', 'left':'0'}); 33 $content.css({'position':'absolute', 'left':'0'});
38 $slider.find('.slidebutton.prev').show().on('click', function () { 34 $slider.find('.slidebutton.prev').show().on('click', function () {
39 $content.animate({'left':'+='+settings.scrollBy}, 'fast'); 35 $content.animate({'left':'+='+settings.scrollBy}, 'fast');
40 }); 36 }).css('cursor', 'pointer');
41 $slider.find('.slidebutton.next').show().on('click', function () { 37 $slider.find('.slidebutton.next').show().on('click', function () {
42 $content.animate({'left':'-='+settings.scrollBy}, 'fast'); 38 $content.animate({'left':'-='+settings.scrollBy}, 'fast');
43 }); 39 }).css('cursor', 'pointer');
44 }); 40 });
45 41
46 42
47 43
48 }; 44 };
54 var startX; 50 var startX;
55 var startY; 51 var startY;
56 var endX 52 var endX
57 var endY 53 var endY
58 54
59
60 function touchStart(event){ 55 function touchStart(event){
61
62
63 startX = event.touches[0].pageX; 56 startX = event.touches[0].pageX;
64 startY = event.touches[0].pageY; 57 startY = event.touches[0].pageY;
65 }; 58 };
66 59
67 function touchMove(event){ 60 function touchMove(event){
68
69 endX = event.targetTouches[0].pageX; 61 endX = event.targetTouches[0].pageX;
70
71 endY = event.targetTouches[0].pageY; 62 endY = event.targetTouches[0].pageY;
72
73
74 }; 63 };
75 function touchEnd(event){ 64 function touchEnd(event){
76 var scrollBy='143px'; 65 var scrollBy='143px';
77 var contentSel = 'div.row'; 66 var contentSel = 'div.row';
78 67
87 76
88 } 77 }
89 if((startX-endX) < 0){ 78 if((startX-endX) < 0){
90 content.animate({'left':'+='+scrollBy}, 'fast'); 79 content.animate({'left':'+='+scrollBy}, 'fast');
91 } 80 }
92
93 } 81 }
94
95
96
97 82
98 function initialize_swipe(selector){ 83 function initialize_swipe(selector){
99 84
100 $('.ajaxSlider').each(function(){ 85 $('.ajaxSlider').each(function(){
101 this.addEventListener("touchstart",touchStart,false); 86 this.addEventListener("touchstart",touchStart,false);