https://www.saopedrodaserra.rs.gov.br/_theme/assets/js/acessibilidade.js

1//DECLARA A VARIAVELD E TAMANHO DA FONTE
2var tam = 1.0
3
4//MUDA TAMANHO DA FONTE E CRIA O COOKIE COM A INFORMAÇÃO DE TAMANHO
5function mudaFonte(tipo,elemento) {
6
7    //VERIFICA TAMANHO DA FONTE PARA ALTERAR O TAMANHO
8    if (tipo=="mais") {
9        if(tam<1.5)tam+=0.1 //AJUSTE DE TAMANHO MÁXIMO DE FONTE
10        createCookie("fonte",tam,365)
11    } else if(tipo=="menos") {
12        if(tam>0.5) tam -=0.1 //AJUSTE DE TAMANHO MINIMO DE FONTE
13        createCookie("fonte",tam,365)
14    } else {
15        if(tam>0.95 || tam<1.1) tam = 1.0
16        createCookie("fonte", tam,365)
17    }
18
19    //VERIFICA QUANTOS ELEMENTOS POSSUEM A CLASSE DE FORMATAÇÃO DE TAMANHO
20    var list = document.body.querySelectorAll(".txtFontC") //CLASSE DE ALTERAÇÃO DE FONTE
21	for (var i = 0; i < list.length; ++i) {
22        var item = list[i]
23        item.style.fontSize = tam+"rem"
24	}
25    
26}
27
28//CRIA A ULR BASE DO CSS E MUDA O CSS NO HREF
29function mudaStyleSheet(sheet) {
30    var baseUrl = window.location.origin + '/_theme/assets/' //AJUSTAR URL PADRÃO DA PASTA CSS
31    var styleUrl = baseUrl + sheet
32    document.getElementById("styleContraste").setAttribute('href', styleUrl)
33}
34
35//CRIA O COOKIE DA FOLHA DE ESTILO DO CONTRASTE E INSERE O ICONE NO BOTÃO
36function mudaContraste() {
37    var btnStyle = document.getElementById('mudaEstilo') //ID DO BOTÃO DE MUDANÇA DE CONTRASTE
38    var btnActive = btnStyle.classList.contains('active') //IDENTIFICA CLASSE ACTIVE DO BOTÃO
39
40    if (btnActive) {
41        //FORMATAÇÃO DO BOTÃO, MUDANÇA DO CSS E CRIAÇÃO DO COOKIE DE CSS
42        btnStyle.className = 'btn btn-dark btn-sm'
43        btnStyle.innerHTML = 'CONTRASTE'
44        mudaStyleSheet('style.css')
45        createCookie("styleSheet", 'style.css',365)
46    } else {
47        //FORMATAÇÃO DO BOTÃO, MUDANÇA DO CSS E CRIAÇÃO DO COOKIE DE CSS
48        btnStyle.className = 'active btn btn-light btn-sm'
49        btnStyle.innerHTML = 'CONTRASTE'
50        mudaStyleSheet('contraste.css')
51        createCookie("styleSheet", 'contraste.css',365)
52    }
53
54}
55
56//SALVA O COOKIE COM UM PERIODO DETERMINADO DE TEMPO
57function createCookie(name,value,days){
58    if (days) {
59        var date = new Date()
60        date.setTime(date.getTime()+(days*24*60*60*1000))
61        var expires = "; expires=" + date.toGMTString()
62    } else var expires = ""
63    document.cookie = name+"="+value+expires+"; path=/"
64}
65
66//VERIFICA OS COOKIES EXISTENTES E DESFRAGMENTA 
67function readCookie(name) {
68    var nameEQ = name + "="
69    var ca = document.cookie.split(";")
70    for (var i = 0; i < ca.length; i++) {
71        var c = ca[i];
72        while (c.charAt(0)==" ") c = c.substring(1,c.length)
73        if(c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length)
74    }
75    return null
76}
77
78//CHECA E APLICA OS COOKIES QUE FOREM SOLICITADOS PELA FUNÇÃO READCOOKIE()
79function checkCookie() {
80
81    //ALTERA FONTES DE ACORDO COM O COOKIE
82    var fontC = readCookie("fonte");
83    var list = document.body.querySelectorAll(".txtFontC")
84    if (fontC != "") {
85        for (var i = 0; i < list.length; ++i) {
86            var item = list[i]
87            item.style.fontSize = fontC+"rem"
88        }
89    }
90
91    //MUDA CONTRASTE DE ACORDO COM O COOKIE
92    var contrasteCookie = readCookie('styleSheet')
93    if (contrasteCookie != "") {
94        var btnStyle = document.getElementById('mudaEstilo')
95        var btnActive = btnStyle.classList.contains('active')
96
97        if (contrasteCookie === 'contraste.css') {
98            btnStyle.className = 'active btn btn-light btn-sm'
99            btnStyle.innerHTML = 'CONTRASTE'
100            mudaStyleSheet('contraste.css')
101        } else if(contrasteCookie === 'style.css'){
102            btnStyle.className = 'btn btn-secondary btn-sm'
103            btnStyle.innerHTML = 'CONTRASTE'
104        }else {
105            console.log('nada')
106        }
107    }
108
109}
110