Pretendia fazer uma função, mas não estou a conseguir enquadrar bem.
O que gostaria de fazer, era ter duas imagens, um com um "+" e outra com o "-".
E ao carregar no "+", fazia um Insert na BD, e nesse mesmo momento, alterava para a outra imagem.
Nesse outra imagem (o "-"), fazeria um Remove na BD, e voltava a alterar para o "+" e assim continuamente.
Sempre que fosse carregado nas imagens, fazia essa função, e alterava continuamente para a outra imagem
Eu tentei fazer algo do que pretendia, apresar de não ter ficado do meu pretendido, contudo peço aqui alguma ajuda.
*Se houver forma mais fácil de fazer com texto, também aceito, apesar de preferir imagem.
Código (Javascript):
Código (HTML):
O que gostaria de fazer, era ter duas imagens, um com um "+" e outra com o "-".
E ao carregar no "+", fazia um Insert na BD, e nesse mesmo momento, alterava para a outra imagem.
Nesse outra imagem (o "-"), fazeria um Remove na BD, e voltava a alterar para o "+" e assim continuamente.
Sempre que fosse carregado nas imagens, fazia essa função, e alterava continuamente para a outra imagem
Eu tentei fazer algo do que pretendia, apresar de não ter ficado do meu pretendido, contudo peço aqui alguma ajuda.
*Se houver forma mais fácil de fazer com texto, também aceito, apesar de preferir imagem.
Código (Javascript):
<script type="text/javascript">
function playpause(obj) {
var src = obj.src;
var alt = obj.alt
obj.src = obj.src== '/images/more.png'?
'/images/less.png':
'/images/more.png';
obj.alt = obj.alt== 'remove'?'add':'remove';
}
</script>
function playpause(obj) {
var src = obj.src;
var alt = obj.alt
obj.src = obj.src== '/images/more.png'?
'/images/less.png':
'/images/more.png';
obj.alt = obj.alt== 'remove'?'add':'remove';
}
</script>
Código (HTML):
<img src="images/more.png" alt="add" onclick="playpause(this);" style="cursor:pointer" />