Este projeto implementa um simples termo de consentimento para a LGPD.
- Javascript (com suporte ao IE)
- CSS
- Salvar aceite do termo de consentimento localmente no computador (storage);
- Monitorar se o termo foi aceito para executar alguma ação específica na página.
Copiar os arquivos versao/css/lgpd-termo.css
(por exemplo, css
) e versao/js/lgpdTermo.js
(por exemplo, js
) para pastas da aplicação.
Exemplo de configuração para o arquivo css:
<link href="css/lgpd-termo.css" rel="stylesheet">
Exemplo de configuração para o arquivo js:
<script type="text/javascript" src="js/lgpdTermo.js"></script>
- Iniciar o componente no evento de carregamento da página (A "CHAVE-IDENTIFICADORA-DO-TERMO" é opcional, servindo para diferenciar a chave do termo de outras chaves salvas no sistema):
<script type="text/javascript">
window.onload = function (){
termoConsentimentoLgpd.iniciarTermo("OUTRO-TERMO");
};
</script>
- Configurar os componentes da página que deverão ser monitorados:
<script type="text/javascript">
window.onload = function (){
termoConsentimentoLgpd.iniciarTermo("OUTRO-TERMO");
termoConsentimentoLgpd.monitorarElemento('botaoTeste');
};
</script>
Inicia o componente para uso. Valida se os componentes visuais estão configurados e mostra eles.
termoConsentimentoLgpd.iniciarTermo([chave]);
Parâmetros
chave
- campo texto (opcional) com a chave que será guardada a informação de consentimento. Caso não seja informado, assume o valor "LGPD.TERMO".
Monitora um elemento da página. Caso o termo não tenha sido aceito, cancela o evento de clique do elemento.
termoConsentimentoLgpd.monitorarElemento((id, [callbackOk], [callbackNOk]));
Parâmetros
id
- campo texto com id do componente.
callbackOk
- campo opcional que permite uma função para tratar o caso do termo ter sido assinado.
callbackNOk
- campo opcional que permite uma função para tratar o caso do termo ter não sido assinado. Após a execução desta função o método cancela o evento de clique.