Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

williamot

Aumentar texto

Por , em Desenvolvimento frontend

Recommended Posts

williamot    0

williamot
Postado

Gente Tô com um codigo de aumentar texto..

 

<script type="text/javascript">// Início do código de Aumentar/ Diminuir a letra // Para usar coloque o comando: "java script:mudaTamanho('tag_ou_id_alvo', -1);" para diminuir// e o comando "java script:mudaTamanho('tag_ou_id_alvo', +1);" para aumentar var tagAlvo = new Array('p'); //pega todas as tags p// // Especificando os possíveis tamanhos de fontes, poderia ser: x-small, small...var tamanhos = new Array( '9px','10px','11px','12px','13px','14px','15px' );var tamanhoInicial = 2; function mudaTamanho( idAlvo,acao ){  if (!document.getElementById) return  var selecionados = null,tamanho = tamanhoInicial,i,j,tagsAlvo;  tamanho += acao;  if ( tamanho < 0 ) tamanho = 0;  if ( tamanho > 6 ) tamanho = 6;  tamanhoInicial = tamanho;  if ( !( selecionados = document.getElementById( idAlvo ) ) ) selecionados = document.getElementsByTagName( idAlvo )[ 0 ];    selecionados.style.fontSize = tamanhos[ tamanho ];    for ( i = 0; i < tagAlvo.length; i++ ){	tagsAlvo = selecionados.getElementsByTagName( tagAlvo[ i ] );	for ( j = 0; j < tagsAlvo.length; j++ ) tagsAlvo[ j ].style.fontSize = tamanhos[ tamanho ];  }}// Fim do código de Aumentar/ Diminuir a letra </script>

e no link de aumentar

 

<body><a class="menos" href="java script:mudaTamanho('texto', -1);">Diminuir</a><a class="mais" href="java script:mudaTamanho('texto', 1);">Aumentar</a> <div style="font-size: 11px;" id="texto">	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur  scelerisque purus ut pede. Ut pulvinar diam vitae tellus. Nunc  ultricies. Nam rhoncus justo vel dui. Morbi suscipit enim. Praesent dui  dui, tincidunt eget, feugiat vel, tincidunt vel, elit. Curabitur tempus  consequat nunc. Aliquam erat volutpat. Vivamus a massa non libero  posuere blandit. Nulla ut velit quis leo luctus tincidunt. Vestibulum  eget leo in augue ornare fringilla. Suspendisse suscipit dui. </p>	<p>Nullam ultrices justo eget mi. Curabitur porta augue eget magna. Nam  imperdiet, ipsum eu aliquet interdum, justo ipsum pulvinar quam, quis  convallis mi sapien eu ante. Etiam ac sem. Ut bibendum. Nulla facilisi.  Vestibulum odio. Sed accumsan. Donec a dui. Cras lorem augue, egestas  vel, accumsan vel, elementum sit amet, nisl. Cras id dui. Sed nulla  ipsum, pulvinar et, suscipit a, vehicula eu, arcu. Fusce auctor nibh  eget risus. Vestibulum ante ipsum primis in faucibus orci luctus et  ultrices posuere cubilia Curae; Vestibulum vitae ante in odio dapibus  lobortis. </p></div> </body>

porém tenho várias divs e cada uma com ID's diferentes.. como faço pra esse codigo pegar todas..??

Ele só pega uma ID

 

abraços.. valeu..

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

Defina a idAlvo para sua tag body. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[url="http-~~-//december.com/html/4/element/body.html"]<body[/url] id="idAlvo">

Compartilhar este post

Link para o post
Compartilhar em outros sites

williamot    0

williamot
Postado

Inda não tendi.. :( eu fiz aqui.. mas não funfou...Eu estou com 5 divs na msm página.. texto01 texto02 e assim por diante...porém existem outros textos que não quero q aumente na mesma página.. apenas esses com essas DIV's :)eitaa.. hoje tô meio lezo.. kkkkvaleu

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito