Ir para conteúdo

POWERED BY:

Arquivado

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

GustavoDose

Clicar em botao e alterar tamanho do conteudo

Recommended Posts

Bom dia,

 

Estou com um problema onde preciso clicar em um botao e a altura do meu conteudo deve aumentar, apenas a altura do conteudo deve aumentar.

 

Tranquilo consegui fazer sem problemas.

 

Mas quando clico no botao denovo o conteudo teria que voltar para a altura normal segue o script que fiz

 

<script>
$( "#botao" ).one( "click", function() {
$( "#conteudo" ).height( 1500 ).css({
cursor: "auto",
});
});
</script>

 

Alguma Dica ? ;/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Brother Melhor vc criar um outro botao para diminiur.

 

Tipo

A+ (Aumenta)

A- (diminuir),

Vc conseguirá chegar melhor ond quer.

Abraços



<div id="texto">
Praesent aspernatur molestias tortor sed habitasse praesent recusandae nesciunt? Deleniti, occaecat parturient est aptent primis porta. Ullamco, officiis iste maiores ex aut, hendrerit dicta, ante accusamus qui? Risus, repellat class, sapiente, autem mauris eligendi optio mi voluptatum illo irure autem, eros etiam ea reiciendis cumque, exercitation natoque diam laudantium. Accusamus nullam fermentum eleifend sed? Numquam rep
</div>
<button id="aumenta">+</button>
<button id="diminui">-</button>
$(function(){

    tamanhoLetra = $('#texto').css('font-size').substring(0, 2);
    tamanhoMax = 32;
    tamanhoMin = 9;

    $("#aumenta").click(function(){
        if(tamanhoLetra <= tamanhoMax){
            tamanhoLetra++;
            $('#texto').css({'fontSize': tamanhoLetra});
        }
    });

    $("#diminui").click(function(){
        if(tamanhoLetra >= tamanhoMin){
            tamanhoLetra--;
            $('#texto').css({'fontSize': tamanhoLetra});
        }
    });

})


Voçe emprementa no seu cod agg.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Brother Melhor vc criar um outro botao para diminiur.

 

Tipo

A+ (Aumenta)

A- (diminuir),

Vc conseguirá chegar melhor ond quer.

Abraços

 

<div id="texto">
Praesent aspernatur molestias tortor sed habitasse praesent recusandae nesciunt? Deleniti, occaecat parturient est aptent primis porta. Ullamco, officiis iste maiores ex aut, hendrerit dicta, ante accusamus qui? Risus, repellat class, sapiente, autem mauris eligendi optio mi voluptatum illo irure autem, eros etiam ea reiciendis cumque, exercitation natoque diam laudantium. Accusamus nullam fermentum eleifend sed? Numquam rep
</div>
<button id="aumenta">+</button>
<button id="diminui">-</button>
$(function(){

    tamanhoLetra = $('#texto').css('font-size').substring(0, 2);
    tamanhoMax = 32;
    tamanhoMin = 9;

    $("#aumenta").click(function(){
        if(tamanhoLetra <= tamanhoMax){
            tamanhoLetra++;
            $('#texto').css({'fontSize': tamanhoLetra});
        }
    });

    $("#diminui").click(function(){
        if(tamanhoLetra >= tamanhoMin){
            tamanhoLetra--;
            $('#texto').css({'fontSize': tamanhoLetra});
        }
    });

})

 

Voçe emprementa no seu cod agg.

Thallisson problema é que eu preciso que seja no mesmo botão e nao em botoes diferentes ;/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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