Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Expandir e contrair o textarea ao passar o cursor com jQuery

11-01-2016 22:47

Nesse post vou mostrar como esticar o textarea ao colocar o cursor sobre ele e como encolher o textarea quando o cursor sair dele.

<script src="jquery.js"></script> <script> $(document).ready(function() { // ALTURA PADRÃO DO TEXTAREA altura_padrao = $(".textarea").outerHeight(); // AO PASSAR O CURSOR NO TEXTAREA $("textarea").mouseover(function(e) { // PEGANDO A ALTURA ATUAL DO TEXTAREA COM O CONTEÚDO altura_conteudo = this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth")); // DEFININDO A ALTURA EXPANDIDA PARA O TEXTAREA $(this).height(altura_conteudo); // AO TIRAR O CURSOR }).mouseout(function() { // DEFININDO A ALTURA PADRÃO DO TEXTAREA $(this).height(altura_padrao); }) }); </script> <textarea class="textarea" style="height:100px;">a <br /> b <br /> c <br /> d <br /> e </textarea>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado