JSLib é uma biblioteca feita em linguagem javascript que possui métodos para alteração de layout.
Ela foi feita pensando na facilidade em que o desenvolvedor poderá fazer uma modificação da página de forma instântanea, avaliando se a mudança trará aspectos positivos para sua página ou não.
Ela dispõe também de uma interface para que o usuário do site interaja com a página, promovendo mudanças diretas no layout, a fim de facilitar a usabilidade ou até, por questões de preferência do mesmo.
JSLib provê também o uso de suas rotinas utilizáveis independentemente, a fim de utilizar uma determinada função da biblioteca. Possui uma página de exemplo, documentação e arquivos .js original e compactado.
/* # Exemplo de rotinas inseridas no código # que podem ser usadas independentemente # por usuários avançados */ // Função responsável pela alteração do layout da página. Ela altera o valor do atributo e tag especificadas. function alterar_layout(tag,attr,value){ ereg = /^(BODY|DIV|P|H1|H2|H3|H4|H5|H6|A|UL|OL|LI|SELECT|OPTION|IMG|INPUT|TEXTAREA|SPAN|TABLE|TR|TD|THEAD|TBODY|TFOOT|EM|FORM|LABEL)$/i; if(tag && ereg.test(tag)) { if (value != '') { for (i=0; i24) tamanho = 24; document.getElementsByTagName(tag)[i].style.fontSize = tamanho+'px'; } } } //Função que modifica o tamanho da fonte function mudar_valor_fonte(valor,inc) { if (!document.getElementById) return false; var tamanho = eval(valor+inc); if (tamanho < 9) tamanho = 9; if (tamanho > 24) tamanho = 24; document.body.style.fontSize = tamanho+'px'; } // Função que retorna o valor de tamanho da fonte de um elemento function pegar_valor_fonte() { if (!document.getElementById) return false; var x = document.body; //IE if (x.currentStyle) var y = x.currentStyle.fontSize; //Firefox else if (window.getComputedStyle) var y = document.defaultView.getComputedStyle(x,null).getPropertyValue('font-size'); return y.substring(0,2); } // Função que aplica o css no objeto de acordo com o navegador utilizado function atribuir_css(obj,style) { //IE if(obj.style.setAttribute) { obj.style.setAttribute("cssText",style); } //Firefox else { obj.setAttribute("style",style); } }