botões que aumenta e diminui o textarea

[brunoo 0]

Bom dia amigos :P Eu estou procurando o Javascript que faz aumentar e diminuir o tamanho do textarea, igual o daqui! (os botões + e -). Eu já tentei visualiza-lo pelo código fonte do fórum, mas não consegui faze-lo funcionar. Alguém sabe onde posso encontrar algum exemplo ou que possa posta-lo aqui? :)

 

Obrigado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fleury 3]

Não Insonia, o que ele quer é deixar o textarea mais alto. hehehe

 

brunoo é algo assim:

 

<textarea id="meuTxt" rows="10" cols="20"></textarea><input type="button" name="aumentar" onClick="document.getElementById('meuTxt').style.height += 50" value="+"><input type="button" name="diminuir" onClick="document.getElementById('meuTxt').style.height -= 50" value="-">

;) T+

[brunoo 0]

Olá AdrianoAlves, não é isso que estou querendo! ^_^ No textarea (onde escrevemos nossas perguntas ou respostas) tem 2 botões (+(mais) e –(menos)), no canto esquerdo e abaixo do textarea que faz aumentar ou diminuir o tamanho do textarea.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Obrigado Fleury e AdrianoAlves http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Quando tentei visualizar o código na fonte do fórum parecia muito mais complicado. Agora percebi o quanto estava por fora kkk - obrigado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fleury 3]

Hehehe, isso é prática amiguinho ;) T+

[Fleury 3]

Acredita que nunca vi aqueles botões ?!?

Foi a primeira coisa em que cliquei quando fui postar na minha primeira vez aqui xD

[brunoo 0]

Fleury estou tento algumas dificuldades com o código. O botão (+) diminui o textarea e o botão (-) não tem nenhuma ação.Kkkk – Acho que também demorei para ver aqueles botões...Aproveitando gostaria de perguntar uma coisa a vocês... Eu já procurei uma resposta no ajuda do fórum mas não encontrei nada referente ao botão (Modo Guiado ligado ou desligado) para que serve esse botão?

[Fleury 3]

mudemos então

<input type="button" name="aumentar" onClick="document.getElementById('meuTxt').style.height = document.getElementById('meuTxt').style.height+50" value="+"><input type="button" name="diminuir" onClick="document.getElementById('meuTxt').style.height = document.getElementById('meuTxt').style.height-50" value="-">

testa aí e me dá um retorno ;P

Aproveitando gostaria de perguntar uma coisa a vocês... Eu já procurei uma resposta no ajuda do fórum mas não encontrei nada referente ao botão (Modo Guiado ligado ou desligado) para que serve esse botão?

Eu ia fazer essa pergunta agora!!! É algo sobrenatural! Pra que serve ?

Eu tenho até medo de apertar ele e desligar o servidor HAUahuAhauhauhuhAUAU Botões do além!

[brunoo 0]

Fleury continua tendo o mesmo erro, mesmo com as modificações. http://forum.imasters.com.br/public/style_emoticons/default/cry.gif Tentei novamente visualizar o código na fonte do fórum mas não tive sucesso... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Uma pequena observação: A linha 2046 da fonte dessa página tem um pequeno erro, mas e sempre bom resolve-los. Mesmo que não acarrete maiores problemas.

 

<td><div id='do_code'><img class="rteimage" src="style_images/1/folder_rte_images/code.gif" width="21" height="21 alt="Code" title="Code" onclick="simpletag('code')"></div></td>

 

<td><div id='do_code'><img class="rteimage" src="style_images/1/folder_rte_images/code.gif" width="21" height="21" alt="Code" title="Code" onclick="simpletag('code')"></div></td>

[Fleury 3]

você ta tentando dar esse Resize no quê? :huh:

[brunoo 0]

Uma caixa de texto (textarea)O erro não só ocorre em meu textarea... O próprio exemplo não funciona aqui... Ele somente diminui o textarea mas não aumenta.

[Fleury 3]

mas diminuiu com o botão de aumentar??

[brunoo 0]

Isso mesmo! Diminui com o botão de aumentar e o botão de diminuir não faz nada. No botão de diminuir da esse erro: Argumento inválido.Tentei fazer algumas variações como essa mas ocorre o mesmo erro:<input type="button" name="aumentar" onClick="document.getElementById('meuTxt').style.height = document.getElementById('meuTxt').style.height*2" value="+"><input type="button" name="diminuir" onClick="document.getElementById('meuTxt').style.height = document.getElementById('meuTxt').style.height/2" value="-">

[Fleury 3]

Mudemos novamente ;P

<input type="button" name="aumentar" onClick="document.getElementById('meuTxt').rows += 5" value="+"><input type="button" name="diminuir" onClick="document.getElementById('meuTxt').rows -= 5" value="-">

Esse funciona com certeza. Testado e aprovado http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[brunoo 0]

Curioso: No botão de aumentar que diminuía... aumentei o valor para 1000 e o textarea finalmente aumentou, só que absurdamente.<input type="button" name="aumentar" onClick="document.getElementById('meuTxt').style.height = document.getElementById('meuTxt').style.height+1000" value="+">Agora: Quando diminui o valor para 100 o textarea voltou a diminuir<input type="button" name="aumentar" onClick="document.getElementById('meuTxt').style.height = document.getElementById('meuTxt').style.height+100" value="+">OBRIGADO Fleury http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Eu já estava desistindo desse código... Obrigado, funciona perfeitamente http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Para quem quiser ta ai o código do Fleury

<textarea id="meuTxt" rows="10" cols="20"></textarea><input type="button" name="aumentar" onClick="document.getElementById('meuTxt').rows += 5" value="+"><input type="button" name="diminuir" onClick="document.getElementById('meuTxt').rows -= 5" value="-">

[Fleury 3]

Aquele meu primeiro também funciona. Vou corrigir ele aqui:

<textarea id="meuTxt" rows="10" cols="20" style="height: 100px"></textarea><input type="button" name="aumentar" onClick="document.getElementById('meuTxt').style.height += 50" value="+"><input type="button" name="diminuir" onClick="document.getElementById('meuTxt').style.height -= 50" value="-">

era só iniciar o height do style na criação do textarea xD

OBRIGADO Fleury Eu já estava desistindo desse código... Obrigado, funciona perfeitamente

De nada amiguinho =Ptchau tchau!