Ir para conteúdo

POWERED BY:

Arquivado

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

Wingdings

[Resolvido] Trocar posição da imagem ao clicar

Por , em Javascript

Recommended Posts

Wingdings    20

Wingdings
Postado

RESOLVIDO

 

O que eu quero fazer é um botao que quando clica troca a posição do background

 

<div onclick="this.style.backgroundPosition = 'bottom'">

</div>

 

Ai tudo bem, ele troca, mas e se eu fosse fazer por exemplo, se eu clicar novamente, voltar a imagem pro topo?

Exemplo:

Clicou: img = bottom;

Clicou: img = top;

Clicou: img = bottom;

Clicou: img = top;

 

 

alguém tem como ajudar ae?

pode ser alguma alternativa diferente

usando outras técnicas, funções etc

 

eh que eu vou usar essa técnica pra trocar os botoes que vem do banco de dados...

 

<style>
.title{
width:184px;
height:20px;
border:solid 1px #dfdfdf;
background:url(background.jpg) no-repeat left top;
}

.title_active{
width:184px;
height:20px;
border:solid 1px #dfdfdf;
background:url(background.jpg) no-repeat left bottom;
}
</style>

<body>
<div onclick="
if(this.className=='title'){
this.className=='title_active'
} else {
this.className=='title'
};">

 

Consegui

o erro era o seguinte:

tava colocando this.className=='title_active'

o certo é this.className='title_active'

 

^^

Compartilhar este post

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

Informação importante

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

  Aceito