http://pom.go.id/assets/js/disablilitas.js

1$('#disabilitasToggle').click(function(){
2    $('#disableBar').toggleClass('active shadow');
3    $(this).toggleClass('active');
4  });
5  
6  var fontSizeOriginal = parseInt($("body").css("font-size"));
7  var fontSizeOriginalh1 = parseInt($("h1").css("font-size"));
8  var fontSizeOriginalh2 = parseInt($("h2").css("font-size"));
9  var fontSizeOriginalh2l = parseInt($(".layananIcon a h2").css("font-size"));
10  var fontSizeOriginalh2p = parseInt($("#mostViewed .card h2, #pengumuman h2").css("font-size"));
11  var fontSizeOriginalh3 = parseInt($("h3").css("font-size"));
12  var fontSizeOriginalh4 = parseInt($("h4").css("font-size"));
13  var fontSizeOriginalh5 = parseInt($("h5").css("font-size"));
14  var fontSizeOriginalh6 = parseInt($("h6").css("font-size"));
15  var fontSizeOriginalbtn = parseInt($(".btn").css("font-size"));
16  
17  $('#greyScale').click(function(){
18    $('body').toggleClass('greyscale');
19  });
20  
21  $('#invertAcc').click(function(){
22    $('body').toggleClass('invert');
23  });
24  
25  $('#colorAcc').click(function(){
26    $('body').toggleClass('coloracc');
27  });
28  
29  $('#brightnessAcc').click(function(){
30    $('body').toggleClass('brightnessacc');
31  });
32  
33  $('#garisLink').click(function(){
34    $('body').toggleClass('garisLink');
35  });
36  
37  $('#tegasText').click(function(){
38    $('body').toggleClass('tegasText');
39  });
40
41  function getSize() {
42    size = $( "h1,h2,h3,h4,h5,h6,.btn" ).css( "font-size" );
43    size = parseInt(size, 10);
44  }
45
46  getSize();
47  
48  $('#zoomIn').click(function(){
49    var fontSize = parseInt($("body").css("font-size"));
50    fontSize = fontSize + 1 + "px";
51    $("body").css({'font-size':fontSize});
52    $( "h1,h2,h3,h4,h5,h6,.btn" ).css( "font-size", "+=0.4" );
53  });
54  
55  $('#zoomOut').click(function(){
56    var fontSize = parseInt($("body").css("font-size"));
57    fontSize = fontSize - 1 + "px";
58    $("body").css({'font-size':fontSize});
59    $( "h1,h2,h3,h4,h5,h6,.btn" ).css( "font-size", "-=0.4" );
60  });
61  
62  $('#modeSuara').click(function(){
63  
64    responsiveVoice.setDefaultVoice('Indonesian Female');
65    responsiveVoice.speak('Mode suara diaktifkan, silahkan pilih teks atau highlight teks pada halaman website untuk mendengarkan suaranya.');
66  
67    function getSelectionText() {
68      var text = "";
69      if (window.getSelection) {
70          text = window.getSelection().toString();
71      // for Internet Explorer 8 and below. For Blogger, you should use && instead of &&.
72      } else if (document.selection && document.selection.type != "Control") { 
73          text = document.selection.createRange().text;
74      }
75      return text;
76    }
77    $(document).ready(function (){ // when the document has completed loading
78      $(document).mouseup(function (e){ // attach the mouseup event for all div and pre tags
79          setTimeout(function() { // When clicking on a highlighted area, the value stays highlighted until after the mouseup event, and would therefore stil be captured by getSelection. This micro-timeout solves the issue. 
80            responsiveVoice.cancel(); // stop anything currently being spoken
81            responsiveVoice.speak(getSelectionText()); //speak the text as returned by getSelectionText
82          }, 1);
83      });
84    });
85  });
86  
87  $('#resetAcc').click(function(){
88    $('body').removeClass('greyscale');
89    $('body').removeClass('invert');
90    $('body').removeClass('coloracc');
91    $('body').removeClass('brightnessacc');
92    $('body').removeClass('garisLink');
93    $('body').removeClass('tegasText');
94    $("body").css({'font-size':fontSizeOriginal});
95    $("h1").css({'font-size':fontSizeOriginalh1});
96    $("h2").css({'font-size':fontSizeOriginalh2});
97    $(".layananIcon a h2").css({'font-size':fontSizeOriginalh2l});
98    $("#mostViewed .card h2, #pengumuman h2").css({'font-size':fontSizeOriginalh2p});
99    $("h3").css({'font-size':fontSizeOriginalh3});
100    $("h4").css({'font-size':fontSizeOriginalh4});
101    $("h5").css({'font-size':fontSizeOriginalh5});
102    $("h6").css({'font-size':fontSizeOriginalh6});
103    $(".btn").css({'font-size':fontSizeOriginalbtn});
104    responsiveVoice.pause();
105    responsiveVoice.cancel();
106  });