PUBLICIDADE

Autor

beaves

Luciano Lima

membro deste junho de 2008

Compartilhe e guarde

  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!

PUBLICIDADE

Enquete

Que linguagem server-side você utiliza?

JSLib - Editor básico de layout para tornar sites mais acessíveis


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; i<document.getElementsByTagName(tag).length; i++) {
				if (document.getElementsByTagName(tag)[i].id == 'jslib') break;
				else {
					if (tag == 'BODY' && attr == 'textAlign' && document.body.style.setAttribute) {
						document.body.style.setAttribute('cssText','text-align:'+value);
					} else eval('document.getElementsByTagName(tag)[i].style.'+attr+' = "'+value+'";');
				}
			}
		}
	} else {
		alert('Tag não reconhecida!');
		return false;
	}
}

//Função que vai varrendo todos os elementos e pegando e modificando o tamanho da fonte nos mesmos.
function modifica_fonte_tags(tag,valor){
	for (i=0; i<document.getElementsByTagName(tag).length; i++) {
		if (document.getElementsByTagName(tag)[i].id == 'jslib') break;
		else {
			var y = document.body.currentStyle?document.getElementsByTagName(tag)[i].currentStyle.fontSize:document.defaultView.getComputedStyle(document.getElementsByTagName(tag)[i],null).getPropertyValue('font-size');
			y = y.substring(0,2);
			var tamanho = eval(y+valor);
			if (tamanho < 10) tamanho = 10;
			if (tamanho > 24) 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);
	}
}

ArquivoTipoTamanhoHits 
JSLib.zipArquivo ZIP13,1 Kb498Baixar o Arquivo
Sim   Não   Este código foi útil para você?
NotaComentário
Ainda não foi enviado nenhum comentário.
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)


Máximo de 30 caracteres

Máximo de 255 caracteres
 

R&W Consulting - Soluções Web Hospedagem UOL HOST PagSeguro - solução para pagamentos online
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.