Acessibilidade
Aproveitamos hoje para postar o código relativo ao menu de acessibilidade (aumento e decremento do tamanho das fontes). Relembro que estamos a utilizar o Drupal, com a inclusão de PHP.
Para isso será necessário acrescentar o seguinte código html, dentro de uma div, tabela etc na página respectiva:
<a class="smaller" onclick="changeFontSize(-1); return false;" title="Decrease size" href="#">A<sup>-</sup></a>
<a class="reset" onclick="revertStyles(); return false;" title="Revert styles to default" href="#">A</a>
<a class="larger" onclick="changeFontSize(1); return false;" title="Increase size" href="#">A<sup>+</sup></a>
Para que estes comandos funcionem terá que existir um include de um ficheiro em javascript. Dentro do .js acrecentem o seguinte código:
function changeFontSize(sizeDifference){
currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);
if(currentFontSize > 100){
currentFontSize = 100;
}else if(currentFontSize < 60){
currentFontSize = 60;
}
setFontSize(currentFontSize);
};
var defaultFontSize = 80;
var currentFontSize = defaultFontSize;
function revertStyles(){
currentFontSize = defaultFontSize;
changeFontSize(0);
}
function setFontSize(fontSize){
var stObj = (document.getElementById) ? document.getElementById('content') : document.all('content');
document.body.style.fontSize = fontSize + '%';
//alert (document.body.style.fontSize);
};
Um pequeno comentário final, se pretenderem que haja uma mensagem de alerta quando se chega ao máximo ou mínimo basta acrescentarem uma condição e um alerta. Aqui fica um exemplo:
if (action > 0){
if (te_num > 25){
jAlert('Tamanho máximo atingido.', 'Operação Impossível');
}else{
ti_num = ti_num * 1.2;
in_num = in_num * 1.2;
te_num = te_num * 1.2;
}
}else{
if (te_num < 10){
jAlert('Tamanho mínimo atingido.', 'Operação Impossível');
}else{
ti_num = ti_num / 1.2;
in_num = in_num / 1.2;
te_num = te_num / 1.2;
}
}
}
O grupo,
Timp


